@vitrosoftware/common-ui-ts 1.1.84 → 1.1.86

package/dist/index.css

@@ -1,14 +1,58 @@
+@import url('@vitrosoftware/common-ui-ts/css/third-party/bootstrap/bootstrap.min.css');
 @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');
+
+@font-face {
+    font-family: InterLight;
+    src: local('Inter-Light.ttf'), url(@vitrosoftware/common-ui-ts/css/std/fonts/Inter-Light.ttf);
+}
+
+@font-face {
+    font-family: InterRegular;
+    src: local('Inter-Regular.ttf'), url(@vitrosoftware/common-ui-ts/css/std/fonts/Inter-Regular.ttf);
+}
+
+@font-face {
+    font-family: InterMedium;
+    src: local('Inter-Medium.ttf'), url(@vitrosoftware/common-ui-ts/css/std/fonts/Inter-Medium.ttf);
+}
+
+@font-face {
+    font-family: InterSemiBold;
+    src: local('Inter-SemiBold.ttf'), url(@vitrosoftware/common-ui-ts/css/std/fonts/Inter-SemiBold.ttf);
+}
+
+@supports (-webkit-touch-callout: none) {
+    body {
+        height: -webkit-fill-available;
+    }
+}
+
+html {
+    min-width: 320px;
+}
+
+body {
+    overflow: hidden;
+    font-family: 'InterRegular', sans-serif !important;
+    font-size: 14px !important;
+    line-height: 16px;
+}
+
+body, input, textarea {
+    color: #222d44;
+}
+
+input, textarea {
+    outline: none;
+}
+
+a {
+    text-decoration: none !important;
+}
+
+:focus {
+    outline: none;
+}
 
 html, body {
     overscroll-behavior-x: none;
@@ -131,8 +175,7 @@ html, body {
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
-    /* breadcrumbs-arrow.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%3Cpath d='M6 12.1851C6 12.3633 6.21543 12.4525 6.34142 12.3265L10.5252 8.14272C10.6034 8.06462 10.6034 7.93799 10.5252 7.85988L6.34142 3.67606C6.21543 3.55006 6 3.6393 6 3.81748L6 12.1851Z' fill='%238E98A3'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/breadcrumbs/img/breadcrumbs-arrow.svg');
 }
 
 ._breadcrumbs_vitro-breadcrumbs-button_3fazq3c::after {
@@ -155,8 +198,7 @@ html, body {
     position: relative;
     background-repeat: no-repeat;
     background-size: 100%;
-    /* breadcrumbs-button.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='header-super-next-btn'%3E%3Cpath id='Vector 11' d='M10 15L15 10L10 5' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector 10' d='M4 15L9 10L4 5' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/breadcrumbs/img/breadcrumbs-button.svg');
 }
 
 ._breadcrumbs_vitro-root_1S5-6AY {
@@ -168,8 +210,7 @@ html, body {
     height: 20px;
     display: inline-block;
     background-size: 100%;
-    /* root-folder.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%3Cpath d='M10.6464 5.35355C10.7402 5.44732 10.8674 5.5 11 5.5H19C20.3807 5.5 21.5 6.61929 21.5 8V18C21.5 19.3807 20.3807 20.5 19 20.5H5C3.61929 20.5 2.5 19.3807 2.5 18V6C2.5 4.61929 3.61929 3.5 5 3.5H7.75736C8.4204 3.5 9.05629 3.76339 9.52513 4.23223L10.6464 5.35355Z' stroke='%23999B9D' stroke-linejoin='round'/%3E%3Cpath d='M8 16L12 10' stroke='%23999B9D' stroke-linecap='round'/%3E%3Cpath d='M12 16L16 16' stroke='%23999B9D' stroke-linecap='round'/%3E%3C/svg%3E%0A") !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/breadcrumbs/img/root-folder.svg');
 }
 
 ._breadcrumbs_vitro-drop-down-list_2PhrR2a {
@@ -195,8 +236,7 @@ html, body {
     position: absolute;
     top: -21px;
     left: 12px;
-    /* dropdown-arrow.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg 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");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/breadcrumbs/img/dropdown-menu-arrow.svg');
 }
 
 ._breadcrumbs_vitro-drop-down-list_2PhrR2a ul {
@@ -235,6 +275,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 +427,8 @@ html, body {
     }
 }
 
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jstree/style.min.css');
+
 #TreeView {
     height: calc(100% - 36px);
     flex: 1 1;
@@ -457,28 +501,23 @@ html, body {
 }
 
 ._tree-view_vitro-tree-view_3oii-CW .vitro-root-node > .jstree-anchor > .jstree-icon.folder {
-    /* root-folder.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%3Cpath d='M10.6464 5.35355C10.7402 5.44732 10.8674 5.5 11 5.5H19C20.3807 5.5 21.5 6.61929 21.5 8V18C21.5 19.3807 20.3807 20.5 19 20.5H5C3.61929 20.5 2.5 19.3807 2.5 18V6C2.5 4.61929 3.61929 3.5 5 3.5H7.75736C8.4204 3.5 9.05629 3.76339 9.52513 4.23223L10.6464 5.35355Z' stroke='%23999B9D' stroke-linejoin='round'/%3E%3Cpath d='M8 16L12 10' stroke='%23999B9D' stroke-linecap='round'/%3E%3Cpath d='M12 16L16 16' stroke='%23999B9D' stroke-linecap='round'/%3E%3C/svg%3E%0A") !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/root-folder.svg') !important;
 }
 
 ._tree-view_vitro-tree-view_3oii-CW .jstree-node.jstree-open .jstree-anchor.jstree-clicked .jstree-icon.folder {
-    /* folder-opened-selected.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%3Cpath d='M5.49122 10.6332L5.65217 11.0749L5.49122 10.6332C5.26752 10.7147 4.93925 10.8561 4.68041 11.0743C4.28128 11.4108 4.07788 11.784 3.94081 12.1788C3.87518 12.3678 3.82376 12.5649 3.77492 12.7552C3.77085 12.771 3.76679 12.7869 3.76273 12.8027C3.71679 12.982 3.67084 13.1614 3.61215 13.3538C3.50172 13.7159 2.92642 15.3491 2.5 16.5402V12V6C2.5 4.61929 3.61929 3.5 5 3.5H7.75736C8.4204 3.5 9.05629 3.76339 9.52513 4.23223L10.6464 5.35355C10.7402 5.44732 10.8674 5.5 11 5.5H19C20.3807 5.5 21.5 6.61929 21.5 8V10.7919C21.1397 10.6006 20.7373 10.5 20.3277 10.5H18.9908H12H12L6.34573 10.4998C6.08284 10.4998 5.78546 10.526 5.49122 10.6332Z' stroke='%23326AD6' stroke-linejoin='round'/%3E%3Cpath d='M3.3971 12.2106C3.75306 10.9055 4.93853 10 6.29139 10H20.0722C22.0504 10 23.487 11.8809 22.9665 13.7894L21.6029 18.7894C21.2469 20.0945 20.0615 21 18.7086 21H4.92775C2.94963 21 1.51298 19.1191 2.03346 17.2106L3.3971 12.2106Z' fill='%234292F7'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/folder-opened-selected.svg');
 }
 
 ._tree-view_vitro-tree-view_3oii-CW .jstree-node.jstree-open .jstree-anchor .jstree-icon.folder {
-    /* folder-opened.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%3Cpath d='M5.49122 10.6332L5.65217 11.0749L5.49122 10.6332C5.26752 10.7147 4.93925 10.8561 4.68041 11.0743C4.28128 11.4108 4.07788 11.784 3.94081 12.1788C3.87518 12.3678 3.82376 12.5649 3.77492 12.7552C3.77085 12.771 3.76679 12.7869 3.76273 12.8027C3.71679 12.982 3.67084 13.1614 3.61215 13.3538C3.50172 13.7159 2.92642 15.3491 2.5 16.5402V12V6C2.5 4.61929 3.61929 3.5 5 3.5H7.75736C8.4204 3.5 9.05629 3.76339 9.52513 4.23223L10.6464 5.35355C10.7402 5.44732 10.8674 5.5 11 5.5H19C20.3807 5.5 21.5 6.61929 21.5 8V10.7919C21.1397 10.6006 20.7373 10.5 20.3277 10.5H18.9908H12H12L6.34573 10.4998C6.08284 10.4998 5.78546 10.526 5.49122 10.6332Z' stroke='%23999B9D' stroke-linejoin='round'/%3E%3Cpath d='M3.87948 12.3422C4.17611 11.2546 5.16401 10.5 6.29139 10.5H20.0722C21.7207 10.5 22.9179 12.0674 22.4842 13.6578L21.1205 18.6578C20.8239 19.7454 19.836 20.5 18.7086 20.5H4.92775C3.27932 20.5 2.08211 18.9326 2.51584 17.3422L3.87948 12.3422Z' stroke='%23999B9D'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/folder-opened.svg');
 }
 
 ._tree-view_vitro-tree-view_3oii-CW .jstree-node.jstree-closed .jstree-anchor.jstree-clicked .jstree-icon.folder, ._tree-view_vitro-tree-view_3oii-CW .jstree-node.jstree-leaf .jstree-anchor.jstree-clicked .jstree-icon.folder {
-    /* folder-closed-selected.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%3Cpath d='M10.6464 6.35355C10.7402 6.44732 10.8674 6.5 11 6.5H19C20.3807 6.5 21.5 7.61929 21.5 9V17C21.5 18.3807 20.3807 19.5 19 19.5H5C3.61929 19.5 2.5 18.3807 2.5 17V7C2.5 5.61929 3.61929 4.5 5 4.5H7.75736C8.4204 4.5 9.05629 4.76339 9.52513 5.23223L10.6464 6.35355Z' fill='%234292F7' stroke='%234292F7' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/folder-closed-selected.svg');
 }
 
 ._tree-view_vitro-tree-view_3oii-CW .jstree-node.jstree-closed .jstree-anchor .jstree-icon.folder, ._tree-view_vitro-tree-view_3oii-CW .jstree-node.jstree-leaf .jstree-anchor .jstree-icon.folder {
-    /* folder-closed.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%3Cpath d='M10.6464 6.35355C10.7402 6.44732 10.8674 6.5 11 6.5H19C20.3807 6.5 21.5 7.61929 21.5 9V17C21.5 18.3807 20.3807 19.5 19 19.5H5C3.61929 19.5 2.5 18.3807 2.5 17V7C2.5 5.61929 3.61929 4.5 5 4.5H7.75736C8.4204 4.5 9.05629 4.76339 9.52513 5.23223L10.6464 6.35355Z' stroke='%23999B9D' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/folder-closed.svg');
 }
 
 ._tree-view_vitro-tree-view_3oii-CW .jstree-icon {
@@ -490,32 +529,149 @@ html, body {
 }
 
 ._tree-view_vitro-tree-view_3oii-CW .jstree-open > .jstree-icon.jstree-ocl {
-    /* tree-opened.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%3Cpath d='M17 10L12 15L7 10' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/collapse-bottom-grey.svg');
     background-repeat: no-repeat;
     background-position: center center !important;
 }
 
 ._tree-view_vitro-tree-view_3oii-CW .jstree-closed > .jstree-icon.jstree-ocl {
-    /* tree-closed.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%3Cpath d='M9.5 7L14.5 12L9.5 17' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/collapse-right-grey.svg');
     background-repeat: no-repeat;
     background-position: center center !important;
 }
 
 ._tree-view_vitro-tree-view_3oii-CW .jstree-checkbox {
-    /* checkbox-big-empty.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='2.5' width='19' height='19' rx='2' stroke='%23C0CAD5'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/checkbox-big-empty.svg');
 }
 
 ._tree-view_vitro-tree-view_3oii-CW .jstree-checked .jstree-checkbox {
-    /* checkbox-big-active.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='20' height='20' rx='2.5' fill='%234292F7'/%3E%3Cpath d='M16.7062 8.50593C17.0826 8.86144 17.0996 9.45479 16.7441 9.83121L11.4316 15.4562C11.2577 15.6404 11.0166 15.7463 10.7634 15.7499C10.5101 15.7535 10.2662 15.6545 10.0871 15.4754L7.27459 12.6629C6.90847 12.2968 6.90847 11.7032 7.27459 11.3371C7.6407 10.971 8.2343 10.971 8.60041 11.3371L10.7308 13.4675L15.3809 8.54379C15.7364 8.16737 16.3298 8.15042 16.7062 8.50593Z' fill='white'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/checkbox-big-active.svg');
 }
 
 ._tree-view_vitro-tree-view_3oii-CW .jstree-checkbox.jstree-undetermined {
-    /* checkbox-big-undetermined.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7' y='7' width='10' height='10' rx='1' fill='%234292F7'/%3E%3Crect x='2.625' y='2.625' width='18.75' height='18.75' rx='1.875' stroke='%23C0CAD5' stroke-width='1.25'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/checkbox-big-undetermined.svg');
+}
+
+._progress_vitro-progress-container_3Dbhbpo {
+    width: 100%;
+    height: 100%;
+    background: #fff;
+}
+
+._progress_vitro-progress_3vGd9bT {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+}
+
+._progress_lds-roller_2IRfPC2 {
+    width: 64px;
+    height: 64px;
+}
+
+._progress_lds-roller_2IRfPC2 div {
+    animation: _progress_lds-roller_2IRfPC2 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+    transform-origin: 32px 32px;
+}
+
+._progress_lds-roller_2IRfPC2 div:after {
+    content: " ";
+    display: block;
+    position: absolute;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: #0097ff;
+    margin: -3px 0 0 -3px;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(1) {
+    animation-delay: -0.036s;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(1):after {
+    top: 50px;
+    left: 50px;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(2) {
+    animation-delay: -0.072s;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(2):after {
+    top: 54px;
+    left: 45px;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(3) {
+    animation-delay: -0.108s;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(3):after {
+    top: 57px;
+    left: 39px;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(4) {
+    animation-delay: -0.144s;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(4):after {
+    top: 58px;
+    left: 32px;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(5) {
+    animation-delay: -0.18s;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(5):after {
+    top: 57px;
+    left: 25px;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(6) {
+    animation-delay: -0.216s;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(6):after {
+    top: 54px;
+    left: 19px;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(7) {
+    animation-delay: -0.252s;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(7):after {
+    top: 50px;
+    left: 14px;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(8) {
+    animation-delay: -0.288s;
+}
+
+._progress_lds-roller_2IRfPC2 div:nth-child(8):after {
+    top: 45px;
+    left: 10px;
+}
+
+._progress_vitro-placeholder_PY-hLNs {
+    color: #0097ff;
+    text-align: center;
+    margin-top: 6px;
+}
+
+@keyframes _progress_lds-roller_2IRfPC2 {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
 }
 
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid.css');
@@ -545,19 +701,18 @@ html, body {
 
 ._table-view_vitro-table-view_1tTs32D .vitro-editable-cell {
     font-weight: bold;
-}
-
-.vitro-tableview-progress-message {
-    border: none !important;
-    box-shadow: none !important;
-    /* ico-preloader.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' style='margin: auto; background-image: none; display: block; shape-rendering: auto; background-position: initial initial; background-repeat: initial initial;' class='ng-star-inserted'%3E%3Cg transform='rotate(0 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.875s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(45 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.75s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(90 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.625s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(135 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.5s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(180 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.375s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(225 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.25s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(270 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.125s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(315 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='0s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
-    background-position: center 20px;
-    background-size: 24px 24px;
-    padding-top: 56px !important;
-    text-align: center !important;
-    font-family: "InterRegular" !important;
-    font-size: 10pt !important;
+}
+
+.vitro-tableview-progress-message {
+    border: none !important;
+    box-shadow: none !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/preloader.svg');
+    background-position: center 20px;
+    background-size: 24px 24px;
+    padding-top: 56px !important;
+    text-align: center !important;
+    font-family: "InterRegular" !important;
+    font-size: 10pt !important;
 }
 
 .vitro-tableview-progress-message.vitro-table-view-export-message {
@@ -593,6 +748,9 @@ html, body {
     width: 241px;
     height: 96px;
     z-index: 1;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
 }
 
 ._uploader_vitro-uploader_237vX7T.vitro-dropzone-active {
@@ -648,6 +806,8 @@ html, body {
     max-height: 177px;
     overflow-y: auto;
     overflow-x: hidden;
+    margin-right: -12px !important;
+    padding-right: 12px !important;
 }
 
 ._uploader_vitro-uploader_237vX7T .k-upload-files::-webkit-scrollbar {
@@ -706,46 +866,6 @@ html, body {
     background-size: 100%;
 }
 
-._uploader_vitro-uploader_237vX7T .k-i-file-pdf::before {
-    /* pdf.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Format'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M17.4026 0H2.60156V24H21.4021V3.9995L17.4026 0Z' fill='white'/%3E%3Cpath id='Vector_2' d='M18.2058 11.8691C17.9174 11.3551 16.9209 11.1937 16.4638 11.121C16.1035 11.0637 15.7356 11.0466 15.3712 11.0469C15.085 11.045 14.803 11.0591 14.5247 11.0749C14.4221 11.0818 14.3206 11.0907 14.2191 11.0995C14.1151 10.9918 14.0145 10.8806 13.9173 10.7668C13.2982 10.0341 12.7984 9.20305 12.3912 8.33951C12.4993 7.92226 12.5858 7.48681 12.6381 7.03458C12.7334 6.20919 12.7662 5.26854 12.4569 4.48163C12.3502 4.21003 12.0654 3.87939 11.7369 4.04404C11.3592 4.23338 11.253 4.76984 11.2222 5.15012C11.1974 5.4575 11.2148 5.76566 11.2664 6.06789C11.319 6.37218 11.4036 6.66111 11.4957 6.94964C11.5817 7.21419 11.6764 7.47668 11.7797 7.73672C11.7142 7.94142 11.6446 8.14256 11.5715 8.33856C11.4012 8.78525 11.217 9.20962 11.0398 9.61785C10.9464 9.82025 10.855 10.0184 10.7656 10.2121C10.4825 10.8339 10.1752 11.4443 9.83029 12.0343C9.0258 12.3181 8.30387 12.6471 7.70432 13.0337C7.3827 13.2415 7.0986 13.4672 6.86199 13.7147C6.63861 13.9484 6.41158 14.2516 6.39171 14.5874C6.38055 14.7769 6.45559 14.9607 6.61082 15.0732C6.82431 15.2327 7.10723 15.2221 7.35491 15.1701C8.16629 14.9999 8.78935 14.3025 9.31995 13.7146C9.68543 13.3097 10.1014 12.7956 10.5365 12.1738C10.5375 12.1724 10.5384 12.171 10.5395 12.1695C11.2858 11.9381 12.098 11.7428 12.9601 11.5992C13.3539 11.5339 13.7581 11.4805 14.1705 11.4429C14.4604 11.7145 14.7738 11.9618 15.1156 12.1683C15.3818 12.3321 15.6649 12.4704 15.9613 12.5736C16.261 12.6715 16.5625 12.7514 16.8738 12.802C17.031 12.8245 17.1918 12.8347 17.3561 12.8285C17.7227 12.8147 18.2488 12.6741 18.2833 12.2293C18.2939 12.0931 18.2646 11.9738 18.2058 11.8691ZM9.42951 12.6852C9.25781 12.9512 9.09221 13.1904 8.93619 13.4009C8.55409 13.9208 8.11769 14.5384 7.48584 14.7693C7.36584 14.8131 7.20784 14.8584 7.04129 14.8486C6.89294 14.8399 6.74666 14.7744 6.75339 14.606C6.75671 14.5178 6.79985 14.4053 6.86603 14.2948C6.93846 14.1736 7.02815 14.0625 7.12528 13.9603C7.33338 13.7416 7.59651 13.5297 7.89921 13.3335C8.36348 13.0323 8.91775 12.7612 9.53558 12.5193C9.50004 12.5755 9.46458 12.6313 9.42951 12.6852ZM11.5844 6.01533C11.5367 5.73716 11.5295 5.45512 11.5588 5.18392C11.5734 5.04832 11.601 4.91597 11.641 4.79193C11.6748 4.68665 11.748 4.4297 11.8647 4.39669C12.057 4.34223 12.1162 4.7552 12.1379 4.87204C12.2619 5.53665 12.1527 6.27576 12.0039 6.92771C11.9802 7.03141 11.9539 7.13345 11.9269 7.23509C11.8808 7.10835 11.8369 6.98122 11.7964 6.85346C11.7094 6.57443 11.6297 6.29215 11.5844 6.01533ZM12.905 11.262C12.1823 11.3791 11.4948 11.5326 10.8485 11.7138C10.9263 11.692 11.2819 11.0182 11.3612 10.8783C11.7349 10.2201 12.0406 9.52927 12.2603 8.80457C12.6482 9.5717 13.1189 10.3056 13.6973 10.9588C13.7506 11.0181 13.8047 11.0767 13.8598 11.1345C13.5357 11.1694 13.2168 11.2119 12.905 11.262ZM17.7926 12.1877C17.7661 12.3305 17.461 12.4122 17.3186 12.4347C16.8977 12.5009 16.4526 12.4479 16.0498 12.3126C15.7735 12.2199 15.5069 12.0935 15.2537 11.9416C15.002 11.7895 14.7665 11.6106 14.5463 11.4133C14.8178 11.397 15.0925 11.3863 15.3686 11.3916C15.6447 11.3943 15.923 11.4083 16.1978 11.4441C16.7132 11.5016 17.2908 11.6785 17.6965 12.013C17.7763 12.0789 17.8018 12.1372 17.7926 12.1877Z' fill='%23FB3449'/%3E%3Cpath id='Vector_3' d='M18.0215 1.99979H2.60156V0H17.4026L18.0215 1.99979Z' fill='%23FB3449'/%3E%3Cg id='Group_2'%3E%3Cpath id='Vector_4' d='M10.0453 19.0908C10.0453 19.5151 9.92022 19.8429 9.66992 20.074C9.41962 20.3052 9.0642 20.4208 8.60349 20.4208H8.31512V21.6808H7.28906V17.8828H8.60357C9.08328 17.8828 9.44353 17.9876 9.68425 18.1972C9.92497 18.4067 10.0453 18.7046 10.0453 19.0908ZM8.3152 19.5843H8.50225C8.65637 19.5843 8.77891 19.5411 8.86986 19.4544C8.96082 19.3678 9.00625 19.2483 9.00625 19.0959C9.00625 18.8396 8.86424 18.7114 8.58022 18.7114H8.3152V19.5843Z' fill='%23A4A9AD'/%3E%3Cpath id='Vector_5' d='M13.8723 19.7012C13.8723 20.3351 13.6978 20.8235 13.3489 21.1664C12.9999 21.5093 12.5093 21.6808 11.8772 21.6808H10.6484V17.8828H11.9629C12.5725 17.8828 13.0431 18.0387 13.3748 18.3504C13.7064 18.6621 13.8723 19.1125 13.8723 19.7012ZM12.8073 19.7377C12.8073 19.3895 12.7384 19.1315 12.6007 18.9635C12.4631 18.7955 12.2539 18.7115 11.9733 18.7115H11.6747V20.8391H11.9033C12.2151 20.8391 12.4436 20.7486 12.5891 20.5676C12.7345 20.3867 12.8073 20.11 12.8073 19.7377Z' fill='%23A4A9AD'/%3E%3Cpath id='Vector_6' d='M15.5652 21.6808H14.5547V17.8828H16.7992V18.7063H15.5652V19.4311H16.7031V20.2546H15.5652V21.6808Z' fill='%23A4A9AD'/%3E%3C/g%3E%3Cpath id='Vector_7' d='M17.4062 3.9995H21.4057L17.4062 0V3.9995Z' fill='%23D1D3D3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-._uploader_vitro-uploader_237vX7T .k-i-file-data::before {
-    /* xls.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%234CAF50;' d='M294.656,13.014c-2.531-2.056-5.863-2.842-9.045-2.133l-277.333,64 C3.397,76.003-0.047,80.369,0,85.377v362.667c0.002,5.263,3.843,9.739,9.045,10.539l277.333,42.667 c5.823,0.895,11.269-3.099,12.164-8.921c0.082-0.535,0.124-1.076,0.124-1.617V21.377C298.676,18.124,297.199,15.045,294.656,13.014 z'/%3E%3Cpath style='fill:%234CAF50;' d='M501.334,458.71H288c-5.891,0-10.667-4.776-10.667-10.667c0-5.891,4.776-10.667,10.667-10.667 h202.667V74.71H288c-5.891,0-10.667-4.776-10.667-10.667S282.109,53.377,288,53.377h213.333c5.891,0,10.667,4.776,10.667,10.667 v384C512,453.935,507.225,458.71,501.334,458.71z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='fill:%23FAFAFA;' d='M202.667,352.044c-3.678,0-7.096-1.895-9.045-5.013L86.955,176.364 c-3.279-4.894-1.969-11.52,2.925-14.799s11.52-1.969,14.799,2.925c0.129,0.192,0.251,0.388,0.367,0.588l106.667,170.667 c3.11,5.003,1.576,11.58-3.427,14.691C206.599,351.484,204.653,352.041,202.667,352.044z'/%3E%3Cpath style='fill:%23FAFAFA;' d='M96,352.044c-5.891-0.012-10.657-4.797-10.645-10.688c0.004-1.992,0.566-3.943,1.621-5.632 l106.667-170.667c2.954-5.097,9.481-6.834,14.577-3.88c5.097,2.954,6.834,9.481,3.88,14.577c-0.116,0.2-0.238,0.396-0.367,0.588 L105.067,347.009C103.119,350.142,99.69,352.047,96,352.044z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='fill:%234CAF50;' d='M373.334,458.71c-5.891,0-10.667-4.776-10.667-10.667v-384c0-5.891,4.776-10.667,10.667-10.667 c5.891,0,10.667,4.776,10.667,10.667v384C384,453.935,379.225,458.71,373.334,458.71z'/%3E%3Cpath style='fill:%234CAF50;' d='M501.334,394.71H288c-5.891,0-10.667-4.776-10.667-10.667c0-5.891,4.776-10.667,10.667-10.667 h213.333c5.891,0,10.667,4.776,10.667,10.667C512,389.935,507.225,394.71,501.334,394.71z'/%3E%3Cpath style='fill:%234CAF50;' d='M501.334,330.71H288c-5.891,0-10.667-4.776-10.667-10.667c0-5.891,4.776-10.667,10.667-10.667 h213.333c5.891,0,10.667,4.776,10.667,10.667C512,325.935,507.225,330.71,501.334,330.71z'/%3E%3Cpath style='fill:%234CAF50;' d='M501.334,266.71H288c-5.891,0-10.667-4.776-10.667-10.667c0-5.891,4.776-10.667,10.667-10.667 h213.333c5.891,0,10.667,4.776,10.667,10.667C512,261.935,507.225,266.71,501.334,266.71z'/%3E%3Cpath style='fill:%234CAF50;' d='M501.334,202.71H288c-5.891,0-10.667-4.776-10.667-10.667s4.776-10.667,10.667-10.667h213.333 c5.891,0,10.667,4.776,10.667,10.667S507.225,202.71,501.334,202.71z'/%3E%3Cpath style='fill:%234CAF50;' d='M501.334,138.71H288c-5.891,0-10.667-4.776-10.667-10.667c0-5.891,4.776-10.667,10.667-10.667 h213.333c5.891,0,10.667,4.776,10.667,10.667C512,133.935,507.225,138.71,501.334,138.71z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-._uploader_vitro-uploader_237vX7T .k-i-file-image::before {
-    /* jpg.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 56 56' style='enable-background:new 0 0 56 56;' xml:space='preserve' width='512px' height='512px' class=''%3E%3Cg%3E%3Cg%3E%3Cpath style='fill:%23E9E9E0;' d='M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z' data-original='%23E9E9E0' class=''/%3E%3Cpolygon style='fill:%23D9D7CA;' points='37.5,0.151 37.5,12 49.349,12 ' data-original='%23D9D7CA'/%3E%3Ccircle style='fill:%23F3D55B;' cx='18.931' cy='14.431' r='4.569' data-original='%23F3D55B'/%3E%3Cpolygon style='fill:%2326B99A' points='6.5,39 17.5,39 49.5,39 49.5,28 39.5,18.5 29,30 23.517,24.517 ' data-original='%2326B99A' class=''/%3E%3Cpath style='fill:%2326B99A' d='M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z' data-original='%2314A085' class='' data-old_color='%2314A085'/%3E%3Cg%3E%3Cpath style='fill:%2326B99A' d='M21.426,42.65v7.848c0,0.474-0.087,0.873-0.26,1.196c-0.173,0.323-0.406,0.583-0.697,0.779 c-0.292,0.196-0.627,0.333-1.005,0.41C19.085,52.961,18.696,53,18.295,53c-0.201,0-0.436-0.021-0.704-0.062 c-0.269-0.041-0.547-0.104-0.834-0.191s-0.563-0.185-0.827-0.294c-0.265-0.109-0.488-0.232-0.67-0.369l0.697-1.107 c0.091,0.063,0.221,0.13,0.39,0.198c0.168,0.068,0.353,0.132,0.554,0.191c0.2,0.06,0.41,0.111,0.629,0.157 s0.424,0.068,0.615,0.068c0.483,0,0.868-0.094,1.155-0.28s0.439-0.504,0.458-0.95V42.65H21.426z' data-original='%23FFFFFF' class='active-path' data-old_color='%23FFFFFF'/%3E%3Cpath style='fill:%2326B99A' d='M25.514,52.932h-1.641V42.855h2.898c0.428,0,0.852,0.068,1.271,0.205 c0.419,0.137,0.795,0.342,1.128,0.615c0.333,0.273,0.602,0.604,0.807,0.991s0.308,0.822,0.308,1.306 c0,0.511-0.087,0.973-0.26,1.388c-0.173,0.415-0.415,0.764-0.725,1.046c-0.31,0.282-0.684,0.501-1.121,0.656 s-0.921,0.232-1.449,0.232h-1.217V52.932z M25.514,44.1v3.992h1.504c0.2,0,0.398-0.034,0.595-0.103 c0.196-0.068,0.376-0.18,0.54-0.335s0.296-0.371,0.396-0.649c0.1-0.278,0.15-0.622,0.15-1.032c0-0.164-0.023-0.354-0.068-0.567 c-0.046-0.214-0.139-0.419-0.28-0.615c-0.142-0.196-0.34-0.36-0.595-0.492C27.5,44.166,27.163,44.1,26.744,44.1H25.514z' data-original='%23FFFFFF' class='active-path' data-old_color='%23FFFFFF'/%3E%3Cpath style='fill:%2326B99A' d='M39.5,47.736v3.896c-0.21,0.265-0.444,0.48-0.704,0.649s-0.533,0.308-0.82,0.417 s-0.583,0.187-0.889,0.232C36.781,52.978,36.479,53,36.178,53c-0.602,0-1.155-0.109-1.661-0.328s-0.948-0.542-1.326-0.971 c-0.378-0.429-0.675-0.966-0.889-1.613c-0.214-0.647-0.321-1.395-0.321-2.242s0.107-1.593,0.321-2.235 c0.214-0.643,0.51-1.178,0.889-1.606c0.378-0.429,0.822-0.754,1.333-0.978c0.51-0.224,1.062-0.335,1.654-0.335 c0.547,0,1.057,0.091,1.531,0.273c0.474,0.183,0.897,0.456,1.271,0.82l-1.135,1.012c-0.219-0.265-0.47-0.456-0.752-0.574 c-0.283-0.118-0.574-0.178-0.875-0.178c-0.337,0-0.659,0.063-0.964,0.191c-0.306,0.128-0.579,0.344-0.82,0.649 c-0.242,0.306-0.431,0.699-0.567,1.183s-0.21,1.075-0.219,1.777c0.009,0.684,0.08,1.276,0.212,1.777 c0.132,0.501,0.314,0.911,0.547,1.23s0.497,0.556,0.793,0.711c0.296,0.155,0.608,0.232,0.937,0.232c0.1,0,0.234-0.007,0.403-0.021 c0.168-0.014,0.337-0.036,0.506-0.068c0.168-0.032,0.33-0.075,0.485-0.13c0.155-0.055,0.269-0.132,0.342-0.232v-2.488h-1.709 v-1.121H39.5z' data-original='%23FFFFFF' class='active-path' data-old_color='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-._uploader_vitro-uploader_237vX7T .k-i-file-presentation::before {
-    /* ppt.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Format'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M17.4026 0H2.60156V24H21.4021V3.9995L17.4026 0Z' fill='white'/%3E%3Cg id='Group_2'%3E%3Cpath id='Vector_2' d='M16.6857 4.88281H7.19531V14.3732H16.6857V4.88281Z' fill='%23FF671B'/%3E%3Cpath id='Vector_3' d='M15.8594 5.70312H8.01562V13.5467H15.8594V5.70312Z' fill='white'/%3E%3Cg id='Group_3'%3E%3Cpath id='Vector_4' d='M14.734 7.29688H9.15625V11.9619H14.734V7.29688Z' fill='%23FF671B'/%3E%3Cpath id='Vector_5' d='M14.3167 7.78125H9.57812V8.38389H14.3167V7.78125Z' fill='white'/%3E%3Cpath id='Vector_6' d='M10.7619 8.90234C10.1082 8.90234 9.57812 9.43239 9.57812 10.0861C9.57812 10.7399 10.1081 11.2699 10.7619 11.2699C11.4156 11.2699 11.9457 10.7399 11.9457 10.0861H10.7619V8.90234Z' fill='white'/%3E%3Cpath id='Vector_7' d='M14.3108 8.98828H12.5V9.33927H14.3108V8.98828Z' fill='white'/%3E%3Cpath id='Vector_8' d='M14.3108 9.73438H12.5V10.0853H14.3108V9.73438Z' fill='white'/%3E%3Cpath id='Vector_9' d='M14.3108 10.4844H12.5V10.8352H14.3108V10.4844Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cpath id='Vector_10' d='M18.0215 1.99979H2.60156V0H17.4026L18.0215 1.99979Z' fill='%23FF671B'/%3E%3Cg id='Group_4'%3E%3Cpath id='Vector_11' d='M10.1782 19.0908C10.1782 19.5151 10.053 19.8429 9.80281 20.074C9.55251 20.3052 9.19709 20.4208 8.73639 20.4208H8.44801V21.6808H7.42188V17.8828H8.73639C9.21609 17.8828 9.57634 17.9876 9.81706 18.1972C10.0578 18.4067 10.1782 18.7046 10.1782 19.0908ZM8.44801 19.5843H8.63506C8.78919 19.5843 8.91172 19.5411 9.00268 19.4544C9.09355 19.3678 9.13907 19.2483 9.13907 19.0959C9.13907 18.8396 8.99706 18.7114 8.71303 18.7114H8.44801V19.5843Z' fill='%23A4A9AD'/%3E%3Cpath id='Vector_12' d='M13.5376 19.0908C13.5376 19.5151 13.4124 19.8429 13.1622 20.074C12.9119 20.3052 12.5565 20.4208 12.0958 20.4208H11.8074V21.6808H10.7812V17.8828H12.0958C12.5755 17.8828 12.9356 17.9876 13.1764 18.1972C13.4172 18.4067 13.5376 18.7046 13.5376 19.0908ZM11.8075 19.5843H11.9944C12.1486 19.5843 12.2711 19.5411 12.3621 19.4544C12.453 19.3678 12.4985 19.2483 12.4985 19.0959C12.4985 18.8396 12.3564 18.7114 12.0724 18.7114H11.8075V19.5843Z' fill='%23A4A9AD'/%3E%3Cpath id='Vector_13' d='M15.8207 21.6808H14.7946V18.7219H13.8672V17.8828H16.7455V18.7219H15.8207L15.8207 21.6808Z' fill='%23A4A9AD'/%3E%3C/g%3E%3Cpath id='Vector_14' d='M17.4062 3.9995H21.4057L17.4062 0V3.9995Z' fill='%23D1D3D3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-._uploader_vitro-uploader_237vX7T .k-i-file-zip::before {
-    /* zip.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 56 56' style='enable-background:new 0 0 56 56;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23E9E9E0;' d='M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z'/%3E%3Cpolygon style='fill:%23D9D7CA;' points='37.5,0.151 37.5,12 49.349,12 '/%3E%3Cpath style='fill:%23556080;' d='M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z'/%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M25.266,42.924v1.326l-4.799,7.205l-0.273,0.219h5.072V53h-6.699v-1.326l4.799-7.205l0.287-0.219 h-5.086v-1.326H25.266z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M29.271,53h-1.668V42.924h1.668V53z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M33.414,53h-1.641V42.924h2.898c0.428,0,0.852,0.068,1.271,0.205 c0.419,0.137,0.795,0.342,1.128,0.615c0.333,0.273,0.602,0.604,0.807,0.991s0.308,0.822,0.308,1.306 c0,0.511-0.087,0.973-0.26,1.388c-0.173,0.415-0.415,0.764-0.725,1.046c-0.31,0.282-0.684,0.501-1.121,0.656 s-0.921,0.232-1.449,0.232h-1.217V53z M33.414,44.168v3.992h1.504c0.2,0,0.398-0.034,0.595-0.103 c0.196-0.068,0.376-0.18,0.54-0.335s0.296-0.371,0.396-0.649c0.1-0.278,0.15-0.622,0.15-1.032c0-0.164-0.023-0.354-0.068-0.567 c-0.046-0.214-0.139-0.419-0.28-0.615c-0.142-0.196-0.34-0.36-0.595-0.492c-0.255-0.132-0.593-0.198-1.012-0.198H33.414z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='fill:%23C8BDB8;' d='M28.5,24v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2v2h2v2h-2v2h2v2h-2v2h2v2h-2v2h2v2 h-4v5c0,2.757,2.243,5,5,5s5-2.243,5-5v-5H28.5z M30.5,29c0,1.654-1.346,3-3,3s-3-1.346-3-3v-3h6V29z'/%3E%3Cpath style='fill:%23C8BDB8;' d='M26.5,30h2c0.552,0,1-0.447,1-1s-0.448-1-1-1h-2c-0.552,0-1,0.447-1,1S25.948,30,26.5,30z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-._uploader_vitro-uploader_237vX7T .k-i-file-txt::before {
-    /* txt.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Format'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M17.4026 0H2.60156V24H21.4021V3.9995L17.4026 0Z' fill='white'/%3E%3Cg id='Group_2'%3E%3Cpath id='Vector_2' d='M11.2733 13.1719H7.35156V14.1903H11.2733V13.1719Z' fill='%23D1D3D3'/%3E%3Cpath id='Vector_3' d='M15.8645 11.2188H7.35156V12.2371H15.8645V11.2188Z' fill='%23D1D3D3'/%3E%3Cpath id='Vector_4' d='M16.6568 9.26562H7.35156V10.284H16.6568V9.26562Z' fill='%23D1D3D3'/%3E%3Cpath id='Vector_5' d='M13.8591 7.31641H7.35156V8.33478H13.8591V7.31641Z' fill='%23D1D3D3'/%3E%3Cpath id='Vector_6' d='M16.6568 5.36719H7.35156V6.38557H16.6568V5.36719Z' fill='%23D1D3D3'/%3E%3C/g%3E%3Cg id='Group_3'%3E%3Cpath id='Vector_7' d='M8.96129 21.6808H7.93516V18.7219H7.00781V17.8828H9.88611V18.7219H8.96129V21.6808Z' fill='%23A4A9AD'/%3E%3Cpath id='Vector_8' d='M13.8526 21.6809H12.6654L11.9251 20.4936L11.1924 21.6809H10.0312L11.2912 19.7377L10.1066 17.8828H11.2444L11.9302 19.0571L12.5901 17.8828H13.7617L12.5589 19.8182L13.8526 21.6809Z' fill='%23A4A9AD'/%3E%3Cpath id='Vector_9' d='M15.9536 21.6808H14.9274V18.7219H14V17.8828H16.8783V18.7219H15.9535L15.9536 21.6808Z' fill='%23A4A9AD'/%3E%3C/g%3E%3Cpath id='Vector_10' d='M18.0215 1.99979H2.60156V0H17.4026L18.0215 1.99979Z' fill='%23A4A9AD'/%3E%3Cpath id='Vector_11' d='M17.4062 3.9995H21.4057L17.4062 0V3.9995Z' fill='%23D1D3D3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-._uploader_vitro-uploader_237vX7T .k-i-file::before {
-    /* default.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 56 56' style='enable-background:new 0 0 56 56;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23E9E9E0;' d='M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z'/%3E%3Cpolygon style='fill:%23D9D7CA;' points='37.5,0.151 37.5,12 49.349,12 '/%3E%3Cpath style='fill:%23C8BDB8;' d='M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z'/%3E%3Ccircle style='fill:%23FFFFFF;' cx='18.5' cy='47' r='3'/%3E%3Ccircle style='fill:%23FFFFFF;' cx='28.5' cy='47' r='3'/%3E%3Ccircle style='fill:%23FFFFFF;' cx='38.5' cy='47' r='3'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-._uploader_vitro-uploader_237vX7T .k-i-file-video::before {
-    /* mp4.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg height='480pt' viewBox='-48 0 480 480' width='480pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m376 112-96-104v104zm0 0' fill='%239bc9ff'/%3E%3Cpath d='m192 168c-61.855469 0-112 50.144531-112 112s50.144531 112 112 112 112-50.144531 112-112-50.144531-112-112-112zm-32 176v-128l96 64zm0 0' fill='%239bc9ff'/%3E%3Cg fill='%231a6fb0'%3E%3Cpath d='m383.902344 111.511719c-.039063-.636719-.15625-1.269531-.351563-1.878907-.0625-.273437-.144531-.539062-.246093-.800781-.339844-.835937-.824219-1.609375-1.433594-2.28125l-96-104c-.683594-.71875-1.496094-1.300781-2.398438-1.710937-.242187-.113282-.492187-.207032-.746094-.289063-.726562-.269531-1.492187-.433593-2.269531-.4804685-.152343.0195313-.296875-.0703125-.457031-.0703125h-272c-4.417969 0-8 3.582031-8 8v464c0 4.417969 3.582031 8 8 8h368c4.417969 0 8-3.582031 8-8v-360c0-.167969-.078125-.320312-.097656-.488281zm-26.175782-7.511719h-69.726562v-75.535156zm-341.726562 360v-448h256v96c0 4.417969 3.582031 8 8 8h88v344zm0 0'/%3E%3Cpath d='m260.441406 273.34375-96-64c-2.457031-1.636719-5.613281-1.789062-8.214844-.398438-2.601562 1.390626-4.226562 4.105469-4.226562 7.054688v128c0 2.949219 1.625 5.664062 4.226562 7.054688 2.601563 1.390624 5.757813 1.238281 8.214844-.398438l96-64c2.222656-1.484375 3.558594-3.980469 3.558594-6.65625s-1.335938-5.171875-3.558594-6.65625zm-92.441406 55.703125v-98.09375l73.601562 49.046875zm0 0'/%3E%3Cpath d='m192 160c-66.273438 0-120 53.726562-120 120s53.726562 120 120 120 120-53.726562 120-120c-.074219-66.242188-53.757812-119.925781-120-120zm0 224c-57.4375 0-104-46.5625-104-104s46.5625-104 104-104 104 46.5625 104 104c-.066406 57.410156-46.589844 103.933594-104 104zm0 0'/%3E%3C/g%3E%3C/svg%3E");
-}
-
 ._uploader_vitro-uploader_237vX7T .k-file-name-size-wrapper {
     position: relative;
 }
@@ -783,8 +903,7 @@ html, body {
     height: 32px;
     padding: 0;
     background-color: #fff;
-    /* upload-blue.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4997 29.3327V17.3327M16.4997 17.3327L21.1663 21.9993M16.4997 17.3327L11.833 21.9993M27.1663 23.4753C29.1583 22.6953 31.1663 20.918 31.1663 17.3327C31.1663 11.9993 26.7223 10.666 24.4997 10.666C24.4997 7.99935 24.4997 2.66602 16.4997 2.66602C8.49967 2.66602 8.49967 7.99935 8.49967 10.666C6.27701 10.666 1.83301 11.9993 1.83301 17.3327C1.83301 20.918 3.84101 22.6953 5.83301 23.4753' stroke='%2366B1FF' stroke-width='1.25635' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/upload-blue.svg');
     background-repeat: no-repeat;
     background-position: center;
 }
@@ -815,8 +934,7 @@ html, body {
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
-    /* upload-close.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.50488 11.4965L8.00022 8.00119L11.4955 11.4965M11.4955 4.50586L7.99955 8.00119L4.50488 4.50586' stroke='%23999B9D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/cancel-grey.svg');
 }
 
 ._uploader_vitro-uploader_237vX7T .k-dropzone {
@@ -854,20 +972,17 @@ html, body {
 }
 
 ._uploader_vitro-uploader_237vX7T ._uploader_vitro-button-close_30As0AM {
-    /* upload-close.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.50488 11.4965L8.00022 8.00119L11.4955 11.4965M11.4955 4.50586L7.99955 8.00119L4.50488 4.50586' stroke='%23999B9D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/cancel-grey.svg');
     right: 16px;
 }
 
 ._uploader_vitro-button-show_uUmWVJc {
-    /* show.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='4' transform='matrix(0 1 1 0 0 0)' fill='white'/%3E%3Cpath d='M20 15L12 7L4 15' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/collapse-up.svg');
     right: 48px;
 }
 
 ._uploader_vitro-button-hide_LYS1px9 {
-    /* hide.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='4' transform='matrix(1.19249e-08 -1 -1 -1.19249e-08 24 24)' fill='white'/%3E%3Cpath d='M4 9L12 17L20 9' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/collapse-bottom.svg');
     right: 48px;
 }
 
@@ -946,8 +1061,7 @@ html, body {
     background-position: center;
     margin-bottom: 4px;
     pointer-events: none;
-    /* upload-blue.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4997 29.3327V17.3327M16.4997 17.3327L21.1663 21.9993M16.4997 17.3327L11.833 21.9993M27.1663 23.4753C29.1583 22.6953 31.1663 20.918 31.1663 17.3327C31.1663 11.9993 26.7223 10.666 24.4997 10.666C24.4997 7.99935 24.4997 2.66602 16.4997 2.66602C8.49967 2.66602 8.49967 7.99935 8.49967 10.666C6.27701 10.666 1.83301 11.9993 1.83301 17.3327C1.83301 20.918 3.84101 22.6953 5.83301 23.4753' stroke='%2366B1FF' stroke-width='1.25635' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/upload-blue.svg');
 }
 
 ._uploader_vitro-drop-zone-text_KLjek2K {
@@ -969,9 +1083,10 @@ html, body {
 }
 
 ._uploader_vitro-uploader_237vX7T ._uploader_vitro-progress-bar_3YXLbbu {
-    width: 1%;
+    width: 0%;
     height: 8px;
     background: repeating-linear-gradient( 45deg, #3184FD, #3184FD 8px, #0D6EFD 8px, #0D6EFD 16px );
+    transition: width 1s ease;
 }
 
 .vitro-display-none {
@@ -1006,8 +1121,7 @@ html, body {
     background-position: center;
     background-size: 100%;
     display: none;
-    /* success.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath id='Vector' d='M12 22C14.7614 22 17.2614 20.8807 19.0711 19.0711C20.8807 17.2614 22 14.7614 22 12C22 9.2386 20.8807 6.7386 19.0711 4.92893C17.2614 3.11929 14.7614 2 12 2C9.2386 2 6.7386 3.11929 4.92893 4.92893C3.11929 6.7386 2 9.2386 2 12C2 14.7614 3.11929 17.2614 4.92893 19.0711C6.7386 20.8807 9.2386 22 12 22Z' fill='%23198754'/%3E%3Cpath id='Vector_2' d='M8 12L11 15L16 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/success.svg');
 }
 
 ._uploader_vitro-uploader_237vX7T .vitro-upload-complete #vitro-uploader-title {
@@ -1064,12 +1178,24 @@ html, body {
     width: 24px;
     height: 24px;
 }
+._button-group_vitro-button-group_3TLqxjf {
+    display: flex;
+    justify-content: flex-start;
+    width: 100%;
+    padding: 0;
+    justify-content: flex-end;
+}
+
+._button-group_vitro-button-group_3TLqxjf > button:first-child {
+    margin-left: 0px;
+}
+
 .vitro-display-none {
     display: none;
 }
 
 ._button_vitro-button_hVfBuSO {
-    font-family: 'InterMeduim';
+    font-family: 'InterMedium';
     font-size: 14px;
     outline: none;
     height: 32px;
@@ -1110,9 +1236,9 @@ html, body {
     background: #E4E6EC;
 }
 
-._button_vitro-button_hVfBuSO .vitro-icon-default,
-._button_vitro-button_hVfBuSO .vitro-icon-hover,
-._button_vitro-button_hVfBuSO .vitro-icon {
+._button_vitro-button_hVfBuSO .vitro-image-default,
+._button_vitro-button_hVfBuSO .vitro-image-hover,
+._button_vitro-button_hVfBuSO .vitro-image {
     margin-right: 4px;
     height: 24px;
     width: 24px;
@@ -1176,28 +1302,23 @@ html, body {
 }
 
 ._action-handler_vitro-icon-before_2OomEjN {
-    /* question.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='help-question'%3E%3Cpath id='Vector' d='M21.0005 36.751C29.6993 36.751 36.751 29.6993 36.751 21.0005C36.751 12.3017 29.6993 5.25 21.0005 5.25C12.3017 5.25 5.25 12.3017 5.25 21.0005C5.25 29.6993 12.3017 36.751 21.0005 36.751Z' stroke='%234A556C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M16.7656 16.7561C16.7656 15.9174 17.0146 15.0976 17.4809 14.4002C17.9473 13.7029 18.6102 13.1594 19.3858 12.8384C20.1613 12.5175 21.0147 12.4335 21.838 12.5971C22.6614 12.7607 23.4177 13.1646 24.0112 13.7576C24.6048 14.3507 25.0091 15.1063 25.1728 15.9289C25.3366 16.7514 25.2526 17.6041 24.9313 18.3789C24.6101 19.1538 24.066 19.816 23.3681 20.282C22.6701 20.7479 21.8495 20.9966 21.01 20.9966V23.8236' stroke='%23222D44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='Group 2567'%3E%3Cpath id='Vector_3' d='M21.0042 29.3835C20.6697 29.3835 20.3984 29.1122 20.3984 28.7777C20.3984 28.4431 20.6697 28.1719 21.0042 28.1719' stroke='%23222D44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_4' d='M21 29.3835C21.3346 29.3835 21.6058 29.1122 21.6058 28.7777C21.6058 28.4431 21.3346 28.1719 21 28.1719' stroke='%23222D44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/question.svg');
 }
 
 ._action-handler_vitro-icon-progress_2QurHaw {
-    /* preloader.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' style='margin: auto; background-image: none; display: block; shape-rendering: auto; background-position: initial initial; background-repeat: initial initial;' class='ng-star-inserted'%3E%3Cg transform='rotate(0 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.875s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(45 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.75s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(90 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.625s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(135 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.5s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(180 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.375s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(225 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.25s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(270 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.125s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(315 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='0s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/progress.svg');
 }
 
 ._action-handler_vitro-icon-error_2elcVFa {
-    /* error.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Cpath id='Vector' d='M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z' fill='%23D13438'/%3E%3Cpath id='Vector_2' d='M9 15L12 12L15 15M15 9L11.9994 12L9 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/error.svg');
 }
 
 ._action-handler_vitro-icon-success_3Pt7XlJ {
-    /* success.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath id='Vector' d='M12 22C14.7614 22 17.2614 20.8807 19.0711 19.0711C20.8807 17.2614 22 14.7614 22 12C22 9.2386 20.8807 6.7386 19.0711 4.92893C17.2614 3.11929 14.7614 2 12 2C9.2386 2 6.7386 3.11929 4.92893 4.92893C3.11929 6.7386 2 9.2386 2 12C2 14.7614 3.11929 17.2614 4.92893 19.0711C6.7386 20.8807 9.2386 22 12 22Z' fill='%23198754'/%3E%3Cpath id='Vector_2' d='M8 12L11 15L16 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/success.svg');
 }
 
 ._action-handler_vitro-icon-warning_3X_YncE {
-    /* warning.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Cpath id='Vector' d='M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z' fill='%23F3AD4A'/%3E%3Cg id='Vector_2'%3E%3Cpath d='M12 6V12Z' fill='white'/%3E%3Cpath d='M12 6V12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Ccircle id='Ellipse 135' cx='12' cy='17' r='1' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/warning.svg');
 }
 
 ._action-handler_vitro-action-handler_1wgWRHB .popover-body {
@@ -1343,16 +1464,14 @@ html, body {
     background-position: center;
     background-repeat: no-repeat;
     margin-left: 10px;
-    /* close-red.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M4.79688 19.2008L11.9969 12.0008L19.1969 19.2008M19.1969 4.80078L11.9955 12.0008L4.79688 4.80078' stroke='%23D13438' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/cancel-red-big.svg');
 }
 
 ._action-handler_vitro-success_1bfGHQQ ._action-handler_vitro-button-close_3mRTgQq,
 ._action-handler_vitro-warning_2uE9UfG ._action-handler_vitro-button-close_3mRTgQq,
 ._action-handler_vitro-error_1XXlWG- ._action-handler_vitro-button-close_3mRTgQq {
     margin-left: 8px;
-    /* close.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/cancel-dark-grey.svg');
 }
 
 ._action-handler_vitro-button-cancel_GE8JsGp {
@@ -1397,13 +1516,11 @@ html, body {
 }
 
 ._action-handler_vitro-button-collapse-bottom_aocIZUX {
-    /* collapse-up.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Chevron-dropdown-Big'%3E%3Cpath id='Vector 9' d='M19.5 9L12 16.5L4.5 9' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/collapse-up.svg');
 }
 
 ._action-handler_vitro-button-collapse-up_2lQ6JWm {
-    /* collapse-bottom.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 16.5L12 9L19.5 16.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/collapse-bottom.svg');
 }
 
 @media (max-width: 800px) {
@@ -1487,7 +1604,7 @@ html, body {
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.50488 11.4965L8.00022 8.00119L11.4955 11.4965M11.4955 4.50586L7.99955 8.00119L4.50488 4.50586' stroke='%23999B9D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/cancel-dark-grey.svg');
 }
 
 ._action-handler-info_vitro-success_22wks7Q,
@@ -1560,8 +1677,7 @@ html, body {
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
-    /* more.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.5' cy='6' r='1.5' fill='%23222D44'/%3E%3Ccircle cx='11.5' cy='12' r='1.5' fill='%23222D44'/%3E%3Ccircle cx='11.5' cy='18' r='1.5' fill='%23222D44'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/context-button.svg');
 }
 
 ._dropdown-button_vitro-dropdown-button_1myvkhB ._dropdown-button_vitro-text_1FRiwp0 {
@@ -1608,18 +1724,17 @@ html, body {
     position: absolute;
     right: 0px;
     top: -21px;
-    /* dropdown-arrow.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg 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");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/dropdown-menu-arrow.svg');
 }
 
-._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-item ._dropdown-button_vitro-icon_2NCEoeb {
+._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-item ._dropdown-button_vitro-image_3bX1quk {
     width: 20px;
     height: 20px;
     margin-right: 12px;
     margin-left: 0;
 }
 
-._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-item ._dropdown-button_vitro-icon_2NCEoeb img {
+._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-item ._dropdown-button_vitro-image_3bX1quk img {
     width: 20px;
     height: 20px;
 }
@@ -1666,10 +1781,10 @@ html, body {
     justify-content: center;
 }
 
-    ._tab-group_vitro-tab_1Qb50HL > .vitro-content {
-        position: relative;
-        height: 100%;
-    }
+._tab-group_vitro-tab_1Qb50HL > .vitro-content {
+    position: relative;
+    height: 100%;
+}
 
 ._tab-group_vitro-tab_1Qb50HL > .vitro-content > .container,
 ._tab-group_vitro-tab_1Qb50HL > .vitro-content > .container > div {
@@ -1700,8 +1815,6 @@ html, body {
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 
-
-
 ._tab-group_vitro-tab_1Qb50HL .nav .dropdown-item {
     padding: 8px 12px;
 }
@@ -1992,7 +2105,7 @@ html, body {
     margin-right: 4px;
     background-size: 100%;
     background-position: center;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M7.99888 1.07255C12.1016 1.07255 15.4275 4.39843 15.4275 8.50112C15.4275 12.6038 12.1016 15.9297 7.99888 15.9297C3.8962 15.9297 0.570312 12.6038 0.570312 8.50112C0.570312 4.39843 3.8962 1.07255 7.99888 1.07255Z' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 9.5L8 4.5' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00446 11.6434C7.84667 11.6434 7.71875 11.7713 7.71875 11.9291C7.71875 12.0869 7.84667 12.2148 8.00446 12.2148' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00781 11.6434C8.16561 11.6434 8.29353 11.7713 8.29353 11.9291C8.29353 12.0869 8.16561 12.2148 8.00781 12.2148' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/input/img/error-message.svg');
 }
 
 ._input_vitro-button-copy_jjyktjx {
@@ -2002,8 +2115,7 @@ html, body {
     position: absolute;
     right: 16px;
     top: 10px;
-    /* copy.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='copy-icon'%3E%3Cpath id='Vector' d='M4.33594 4.14517V3.27214C4.33594 2.0877 4.75567 1.66797 5.9401 1.66797H12.7318C13.9162 1.66797 14.3359 2.0877 14.3359 3.27214V10.0638C14.3359 11.2482 13.9162 11.668 12.7318 11.668H11.8414' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M10.0599 4.33203H3.26823C2.0838 4.33203 1.66406 4.75176 1.66406 5.9362V12.7279C1.66406 13.9123 2.0838 14.332 3.26823 14.332H10.0599C11.2443 14.332 11.6641 13.9123 11.6641 12.7279V5.9362C11.6641 4.75176 11.2443 4.33203 10.0599 4.33203Z' stroke='%238E98A3' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/input/img/copy-to-clipboard.svg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
@@ -2038,8 +2150,7 @@ html, body {
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
-    /* more-detail.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon_line/maximize'%3E%3Cpath id='Vector' d='M7.62169 16.6641H3.33594M3.33594 16.6641V12.3783M3.33594 16.6641L8.33596 11.6641' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M12.4974 3.33594H16.664M16.664 3.33594V7.5026M16.664 3.33594L11.6641 8.33594' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/issue-tile/img/button-more.svg');
 }
 
 ._avatar_vitro-avatar_P2tU-_r {
@@ -2167,6 +2278,7 @@ html, body {
     overflow: hidden;
     min-width: 0;
     align-items: center;
+    cursor: pointer;
 }
 
 ._file-version-select_vitro-file-name_1PtLh8A {
@@ -2197,7 +2309,7 @@ html, body {
     min-width: 24px;
     background-size: 100%;
     background-position: center;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.5 15L12 7.5L19.5 15' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/file-version-select/img/collapse-up.svg');
 }
 
 ._file-version-select_vitro-button-collapse-bottom_38zg3bU {
@@ -2238,14 +2350,28 @@ html, body {
 ._file-version-select_vitro-version-list_3h5D3pD::before {
     content: '';
     display: block;
-    width: 26px;
-    height: 24px;
-    z-index: 1;
-    bottom: 100%;
-    left: 124px;
-    background-position: center 3px;
+    border: none;
+    height: 21px;
+    width: 32px;
+    overflow: hidden;
+    margin: 0;
+    background-position: center 0;
+    background-size: 44px 42px;
+    background-repeat: no-repeat;
     position: absolute;
-    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");
+    top: -21px;
+    left: 106px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/file-version-select/img/dropdown-menu-arrow.svg');
+}
+
+._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 {
@@ -2283,6 +2409,8 @@ html, body {
     line-height: 24px;
     border-radius: 4px;
     padding: 4px;
+    text-align: center;
+    overflow: hidden;
 }
 
 ._file-version-select_vitro-file-version-item_38KWa8a ._file-version-select_vitro-version-name_1821bal {
@@ -2344,7 +2472,7 @@ html, body {
     border: unset !important;
     background-size: 100%;
     background-position: center;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13' viewBox='0 0 16 13' fill='none'%3E%3Cpath d='M9.73205 12C8.96225 13.3333 7.03775 13.3333 6.26795 12L1.0718 3C0.301995 1.66667 1.26424 1.46309e-06 2.80384 1.32849e-06L13.1961 4.19966e-07C14.7358 2.8537e-07 15.698 1.66667 14.9282 3L9.73205 12Z' fill='%234A556C'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tooltip/img/tooltip-arrow.svg');
 }
 
 ._tooltip_vitro-tooltip_JvGPShz.bs-tooltip-top .tooltip-arrow::before {
@@ -2394,16 +2522,15 @@ html, body {
     background: #fff;
     background-size: 100%;
     background-position: center;
+    background-repeat: no-repeat;
 }
 
 ._checkbox_vitro-checkbox-content_2fBG1zl input::before {
-    /* checkbox-big-empty.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Checkbox-big'%3E%3Crect id='Background' x='2.5' y='2.5' width='19' height='19' rx='3.5' stroke='%23C0CAD5'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/checkbox/img/checkbox-big-empty.svg');
 }
 
 ._checkbox_vitro-checkbox-content_2fBG1zl input:checked::before {
-    /* checkbox-big-active.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='20' height='20' rx='2.5' fill='%234292F7'/%3E%3Cpath d='M16.7062 8.50593C17.0826 8.86144 17.0996 9.45479 16.7441 9.83121L11.4316 15.4562C11.2577 15.6404 11.0166 15.7463 10.7634 15.7499C10.5101 15.7535 10.2662 15.6545 10.0871 15.4754L7.27459 12.6629C6.90847 12.2968 6.90847 11.7032 7.27459 11.3371C7.6407 10.971 8.2343 10.971 8.60041 11.3371L10.7308 13.4675L15.3809 8.54379C15.7364 8.16737 16.3298 8.15042 16.7062 8.50593Z' fill='white'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/checkbox/img/checkbox-big-active.svg');
 }
 
 ._checkbox_vitro-label_qZxCbCP {
@@ -2463,10 +2590,6 @@ html, body {
     width: 165px;
     height: 57px;
     margin-bottom: 34px;
-    background-size: 100%;
-    background-position: center;
-    /* vitro-logo.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 165 57' fill='none'%3E%3Cpath d='M10.7049 0L24.7238 44.8652H25.2762L39.2688 0H50L31.01 57H18.9637L0 0H10.7049Z' fill='%231E1E1E'/%3E%3Cpath d='M55 0C55 0 59.1261 0 60.1967 0C61.5233 0 65 0 65 0C65 0 65 3.9151 65 5.41879C65 6.90414 65 10 65 10L55 0Z' fill='%231E1E1E'/%3E%3Cpath d='M55 57V13H65V57H55Z' fill='%2331C1FF'/%3E%3Cpath d='M92.2323 13.3214V21.1746H74.0005V13.3214H92.2323ZM74.0004 3H83.9252V43.444C83.9252 44.809 84.1262 45.8561 84.5283 46.5853C84.9487 47.2959 85.497 47.782 86.1733 48.0438C86.8496 48.3056 87.599 48.4364 88.4215 48.4364C89.92 48.4364 91.9277 48.4257 93.3276 48.0438L94 55.9812C91.9592 56.7011 89.313 56.9336 87.1603 56.9908C84.6745 57.0656 82.4355 56.6823 80.4433 55.8409C78.451 54.9808 76.87 53.6532 75.7002 51.8582C74.5488 50.0632 73.9822 47.8194 74.0004 45.1269V3Z' fill='%2331C1FF'/%3E%3Cpath d='M100 57V13.6213H109.216V20.8511H109.636C110.371 18.347 111.631 16.4172 113.417 15.0616C115.22 13.6872 117.276 13 119.587 13C120.112 13 120.698 13.0282 121.346 13.0847C122.011 13.1224 122.562 13.1883 123 13.2824V22.6868C122.597 22.5362 121.959 22.4044 121.083 22.2914C120.226 22.1596 119.394 22.0937 118.589 22.0937C116.856 22.0937 115.298 22.4985 113.916 23.3081C112.55 24.0988 111.474 25.2003 110.686 26.6123C109.898 28.0244 109.505 29.653 109.505 31.4981V57H100Z' fill='%231E1E1E'/%3E%3Cpath d='M145.5 57C141.526 57 138.082 56.0845 135.167 54.2535C132.253 52.4224 129.992 49.8609 128.385 46.5687C126.795 43.2766 126 39.4296 126 35.0277C126 30.6259 126.795 26.7696 128.385 23.459C129.992 20.1484 132.253 17.5776 135.167 15.7465C138.082 13.9155 141.526 13 145.5 13C149.474 13 152.918 13.9155 155.833 15.7465C158.747 17.5776 160.999 20.1484 162.589 23.459C164.196 26.7696 165 30.6259 165 35.0277C165 39.4296 164.196 43.2766 162.589 46.5687C160.999 49.8609 158.747 52.4224 155.833 54.2535C152.918 56.0845 149.474 57 145.5 57ZM145.553 48.9546C147.708 48.9546 149.51 48.335 150.958 47.0958C152.406 45.8382 153.484 44.1551 154.19 42.0467C154.914 39.9382 155.276 37.5893 155.276 35C155.276 32.3922 154.914 30.034 154.19 27.9256C153.484 25.7987 152.406 24.1063 150.958 22.8487C149.51 21.591 147.708 20.9622 145.553 20.9622C143.345 20.9622 141.508 21.591 140.042 22.8487C138.594 24.1063 137.507 25.7987 136.783 27.9256C136.077 30.034 135.724 32.3922 135.724 35C135.724 37.5893 136.077 39.9382 136.783 42.0467C137.507 44.1551 138.594 45.8382 140.042 47.0958C141.508 48.335 143.345 48.9546 145.553 48.9546Z' fill='%231E1E1E'/%3E%3C/svg%3E");
 }
 
 ._login_vitro-title_nfoHltS {
@@ -2633,8 +2756,7 @@ html, body {
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
-    /* ru.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Frame 1947'%3E%3Cg clip-path='url(%23clip0_952_30237)'%3E%3Cpath id='Vector' d='M0 5.45312H22V10.544H0V5.45312Z' fill='%231B75BB'/%3E%3Cpath id='Vector_2' d='M18.5625 0H3.4375C1.15947 0 0 1.79091 0 4V5.45455H22V4C22 1.79091 20.8405 0 18.5625 0Z' fill='white'/%3E%3Cpath id='Vector_3' d='M0 12.0014C0 14.2105 1.15947 16.0014 3.4375 16.0014H18.5625C20.8405 16.0014 22 14.2105 22 12.0014V10.5469H0V12.0014Z' fill='%23D13438'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_952_30237'%3E%3Crect width='22' height='16' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/ru.svg');
 }
 
 ._login_vitro-copyright_1gm65Ao::before {
@@ -2646,8 +2768,7 @@ html, body {
     background-position: center;
     background-size: 100%;
     background-repeat: no-repeat;
-    /* copyright.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.98598 5.63043H9.12827C9.07755 5.38373 8.98878 5.167 8.86197 4.98024C8.73746 4.79348 8.58529 4.63669 8.40545 4.50988C8.22791 4.38076 8.03078 4.28393 7.81404 4.21937C7.59731 4.15481 7.37136 4.12253 7.13618 4.12253C6.70732 4.12253 6.31882 4.2309 5.97066 4.44763C5.62481 4.66436 5.34929 4.9837 5.14408 5.40563C4.94119 5.82757 4.83974 6.34519 4.83974 6.9585C4.83974 7.5718 4.94119 8.08943 5.14408 8.51136C5.34929 8.9333 5.62481 9.25264 5.97066 9.46937C6.31882 9.6861 6.70732 9.79447 7.13618 9.79447C7.37136 9.79447 7.59731 9.76219 7.81404 9.69763C8.03078 9.63307 8.22791 9.53738 8.40545 9.41057C8.58529 9.28146 8.73746 9.12352 8.86197 8.93676C8.98878 8.74769 9.07755 8.53096 9.12827 8.28656H9.98598C9.92142 8.64855 9.80383 8.9725 9.63321 9.2584C9.46259 9.5443 9.25047 9.78755 8.99685 9.98814C8.74323 10.1864 8.45848 10.3375 8.1426 10.4412C7.82903 10.545 7.49356 10.5968 7.13618 10.5968C6.53209 10.5968 5.99487 10.4493 5.52452 10.1542C5.05416 9.85903 4.6841 9.43939 4.41434 8.89526C4.14458 8.35112 4.0097 7.70553 4.0097 6.9585C4.0097 6.21146 4.14458 5.56588 4.41434 5.02174C4.6841 4.4776 5.05416 4.05797 5.52452 3.76285C5.99487 3.46772 6.53209 3.32016 7.13618 3.32016C7.49356 3.32016 7.82903 3.37204 8.1426 3.47579C8.45848 3.57955 8.74323 3.73172 8.99685 3.93231C9.25047 4.1306 9.46259 4.37269 9.63321 4.6586C9.80383 4.94219 9.92142 5.26614 9.98598 5.63043ZM6.99784 13.6126C6.26233 13.6126 5.56141 13.5008 4.89507 13.2772C4.23104 13.0535 3.62119 12.7376 3.06553 12.3295C2.51217 11.9237 2.03144 11.443 1.62333 10.8874C1.21754 10.334 0.902812 9.7253 0.679163 9.06126C0.455513 8.39493 0.343688 7.69401 0.343688 6.9585C0.343688 6.22299 0.455513 5.52322 0.679163 4.85919C0.902812 4.19285 1.21754 3.583 1.62333 3.02964C2.03144 2.47398 2.51217 1.99325 3.06553 1.58745C3.62119 1.17935 4.23104 0.863472 4.89507 0.639822C5.56141 0.416173 6.26233 0.304348 6.99784 0.304348C7.73335 0.304348 8.43312 0.416173 9.09715 0.639822C9.76348 0.863472 10.3733 1.17935 10.9267 1.58745C11.4824 1.99325 11.9631 2.47398 12.3689 3.02964C12.777 3.583 13.0929 4.19285 13.3165 4.85919C13.5402 5.52322 13.652 6.22299 13.652 6.9585C13.652 7.69401 13.5402 8.39493 13.3165 9.06126C13.0929 9.7253 12.777 10.334 12.3689 10.8874C11.9631 11.443 11.4824 11.9237 10.9267 12.3295C10.3733 12.7376 9.76348 13.0535 9.09715 13.2772C8.43312 13.5008 7.73335 13.6126 6.99784 13.6126ZM6.99784 12.8103C7.64573 12.8103 8.26134 12.7111 8.84468 12.5128C9.43032 12.3169 9.96638 12.039 10.4529 11.6793C10.9417 11.322 11.3648 10.9 11.7221 10.4135C12.0818 9.92474 12.3597 9.38867 12.5556 8.80534C12.7516 8.2197 12.8496 7.60408 12.8496 6.9585C12.8496 6.31061 12.7516 5.69499 12.5556 5.11166C12.3597 4.52602 12.0818 3.98995 11.7221 3.50346C11.3648 3.01466 10.9417 2.59157 10.4529 2.23419C9.96638 1.87451 9.43032 1.59667 8.84468 1.40069C8.26134 1.20471 7.64573 1.10672 6.99784 1.10672C6.34995 1.10672 5.73318 1.20471 5.14754 1.40069C4.56421 1.59667 4.02814 1.87451 3.53934 2.23419C3.05285 2.59157 2.62976 3.01466 2.27007 3.50346C1.91269 3.98995 1.63601 4.52602 1.44003 5.11166C1.24405 5.69499 1.14606 6.31061 1.14606 6.9585C1.14606 7.60408 1.24405 8.2197 1.44003 8.80534C1.63601 9.38867 1.91269 9.92474 2.27007 10.4135C2.62976 10.9 3.05285 11.322 3.53934 11.6793C4.02814 12.039 4.56421 12.3169 5.14754 12.5128C5.73318 12.7111 6.34995 12.8103 6.99784 12.8103Z' fill='white'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/copyright.svg');
 }
 
 @media (max-width: 800px) {
@@ -2698,13 +2819,11 @@ html, body {
 }
 
 ._password-input_vitro-button-show-password_2jL4nM- {
-    /* show-password.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='visible--eye-eyeball-open-view'%3E%3Cpath id='Vector' d='M22.6767 10.7074C22.961 11.0618 23.1183 11.5222 23.1183 11.9995C23.1183 12.4769 22.961 12.9373 22.6767 13.2917C20.8767 15.471 16.7795 19.7139 11.9967 19.7139C7.21381 19.7139 3.11667 15.471 1.31667 13.2917C1.03237 12.9373 0.875 12.4769 0.875 11.9995C0.875 11.5222 1.03237 11.0618 1.31667 10.7074C3.11667 8.52807 7.21381 4.28516 11.9967 4.28516C16.7795 4.28516 20.8767 8.52807 22.6767 10.7074Z' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M11.9989 15.4275C13.8924 15.4275 15.4275 13.8924 15.4275 11.9989C15.4275 10.1053 13.8924 8.57031 11.9989 8.57031C10.1053 8.57031 8.57031 10.1053 8.57031 11.9989C8.57031 13.8924 10.1053 15.4275 11.9989 15.4275Z' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/password-input/img/show-password.svg');
 }
 
 ._password-input_vitro-button-hide-password_vPoUeVl {
-    /* hide-password.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22.6767 10.7074C22.961 11.0618 23.1183 11.5222 23.1183 11.9995C23.1183 12.4769 22.961 12.9373 22.6767 13.2917C20.8767 15.471 16.7795 19.7139 11.9967 19.7139C7.21381 19.7139 3.11667 15.471 1.31667 13.2917C1.03237 12.9373 0.875 12.4769 0.875 11.9995C0.875 11.5222 1.03237 11.0618 1.31667 10.7074C3.11667 8.52807 7.21381 4.28516 11.9967 4.28516C16.7795 4.28516 20.8767 8.52807 22.6767 10.7074Z' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.96875 20L19.9687 4' stroke='%238E98A3' stroke-linecap='round'/%3E%3Cpath d='M11.9989 15.4275C13.8924 15.4275 15.4275 13.8924 15.4275 11.9989C15.4275 10.1053 13.8924 8.57031 11.9989 8.57031C10.1053 8.57031 8.57031 10.1053 8.57031 11.9989C8.57031 13.8924 10.1053 15.4275 11.9989 15.4275Z' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/password-input/img/hide-password.svg');
 }
 
 ._date-picker_vitro-control_2AYXegb {
@@ -2724,8 +2843,7 @@ html, body {
     position: absolute;
     right: 16px;
     top: calc(50% - 10px);
-    /* copy.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='copy-icon'%3E%3Cpath id='Vector' d='M4.33594 4.14517V3.27214C4.33594 2.0877 4.75567 1.66797 5.9401 1.66797H12.7318C13.9162 1.66797 14.3359 2.0877 14.3359 3.27214V10.0638C14.3359 11.2482 13.9162 11.668 12.7318 11.668H11.8414' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M10.0599 4.33203H3.26823C2.0838 4.33203 1.66406 4.75176 1.66406 5.9362V12.7279C1.66406 13.9123 2.0838 14.332 3.26823 14.332H10.0599C11.2443 14.332 11.6641 13.9123 11.6641 12.7279V5.9362C11.6641 4.75176 11.2443 4.33203 10.0599 4.33203Z' stroke='%238E98A3' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/date-picker/img/copy-to-clipboard.svg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
@@ -2842,7 +2960,7 @@ html, body {
     margin-right: 4px;
     background-size: 100%;
     background-position: center;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M7.99888 1.07255C12.1016 1.07255 15.4275 4.39843 15.4275 8.50112C15.4275 12.6038 12.1016 15.9297 7.99888 15.9297C3.8962 15.9297 0.570312 12.6038 0.570312 8.50112C0.570312 4.39843 3.8962 1.07255 7.99888 1.07255Z' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 9.5L8 4.5' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00446 11.6434C7.84667 11.6434 7.71875 11.7713 7.71875 11.9291C7.71875 12.0869 7.84667 12.2148 8.00446 12.2148' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00781 11.6434C8.16561 11.6434 8.29353 11.7713 8.29353 11.9291C8.29353 12.0869 8.16561 12.2148 8.00781 12.2148' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/date-picker/img/error-message.svg');
 }
 
 .k-datepicker {
@@ -2915,8 +3033,7 @@ html, body {
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: center;
-    /* date-picker.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Vector'%3E%3Cpath d='M12.1216 8.06594C12.1725 8.11674 12.2129 8.17709 12.2405 8.24353C12.268 8.30997 12.2822 8.38119 12.2822 8.45312C12.2822 8.52506 12.268 8.59628 12.2405 8.66272C12.2129 8.72916 12.1725 8.78951 12.1216 8.84031L8.84031 12.1216C8.78951 12.1725 8.72916 12.2129 8.66272 12.2405C8.59628 12.268 8.52506 12.2822 8.45312 12.2822C8.38119 12.2822 8.30997 12.268 8.24353 12.2405C8.17709 12.2129 8.11674 12.1725 8.06594 12.1216L6.42531 10.4809C6.37447 10.4301 6.33413 10.3697 6.30661 10.3033C6.2791 10.2369 6.26493 10.1657 6.26493 10.0938C6.26493 10.0218 6.2791 9.95064 6.30661 9.88421C6.33413 9.81777 6.37447 9.75741 6.42531 9.70656C6.528 9.60387 6.66728 9.54618 6.8125 9.54618C6.88441 9.54618 6.95561 9.56035 7.02204 9.58786C7.08848 9.61538 7.14884 9.65572 7.19969 9.70656L8.45312 10.9611L11.3472 8.06594C11.398 8.01501 11.4583 7.9746 11.5248 7.94703C11.5912 7.91946 11.6624 7.90527 11.7344 7.90527C11.8063 7.90527 11.8775 7.91946 11.944 7.94703C12.0104 7.9746 12.0708 8.01501 12.1216 8.06594Z' fill='%234A556C'/%3E%3Cpath d='M4.07812 0.25C4.22317 0.25 4.36227 0.307617 4.46482 0.410176C4.56738 0.512735 4.625 0.651835 4.625 0.796875V1.34375H13.375V0.796875C13.375 0.651835 13.4326 0.512735 13.5352 0.410176C13.6377 0.307617 13.7768 0.25 13.9219 0.25C14.0669 0.25 14.206 0.307617 14.3086 0.410176C14.4111 0.512735 14.4688 0.651835 14.4688 0.796875V1.34375H15.5625C16.1427 1.34375 16.6991 1.57422 17.1093 1.98445C17.5195 2.39469 17.75 2.95109 17.75 3.53125V15.5625C17.75 16.1427 17.5195 16.6991 17.1093 17.1093C16.6991 17.5195 16.1427 17.75 15.5625 17.75H2.4375C1.85734 17.75 1.30094 17.5195 0.890704 17.1093C0.480468 16.6991 0.25 16.1427 0.25 15.5625V3.53125C0.25 2.95109 0.480468 2.39469 0.890704 1.98445C1.30094 1.57422 1.85734 1.34375 2.4375 1.34375H3.53125V0.796875C3.53125 0.651835 3.58887 0.512735 3.69143 0.410176C3.79398 0.307617 3.93308 0.25 4.07812 0.25ZM1.34375 4.625V15.5625C1.34375 15.8526 1.45898 16.1308 1.6641 16.3359C1.86922 16.541 2.14742 16.6562 2.4375 16.6562H15.5625C15.8526 16.6562 16.1308 16.541 16.3359 16.3359C16.541 16.1308 16.6562 15.8526 16.6562 15.5625V4.625H1.34375Z' fill='%234A556C'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/date-picker/img/date-picker.svg');
 }
 
 .k-picker-wrap.k-state-default > .k-select {
@@ -3015,8 +3132,7 @@ html, body {
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
-    /* arrow-left.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 16L8 11L13 6' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/date-picker/img/collapse-left-grey.svg');
     width: 22px;
     height: 22px;
 }
@@ -3025,8 +3141,7 @@ html, body {
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
-    /* arrow-right.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16L14 11L9 6' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/date-picker/img/collapse-right-grey.svg');
     width: 22px;
     height: 22px;
 }
@@ -3070,8 +3185,7 @@ html, body {
     position: absolute;
     right: 16px;
     top: calc(50% - 10px);
-    /* copy.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='copy-icon'%3E%3Cpath id='Vector' d='M4.33594 4.14517V3.27214C4.33594 2.0877 4.75567 1.66797 5.9401 1.66797H12.7318C13.9162 1.66797 14.3359 2.0877 14.3359 3.27214V10.0638C14.3359 11.2482 13.9162 11.668 12.7318 11.668H11.8414' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M10.0599 4.33203H3.26823C2.0838 4.33203 1.66406 4.75176 1.66406 5.9362V12.7279C1.66406 13.9123 2.0838 14.332 3.26823 14.332H10.0599C11.2443 14.332 11.6641 13.9123 11.6641 12.7279V5.9362C11.6641 4.75176 11.2443 4.33203 10.0599 4.33203Z' stroke='%238E98A3' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/time-picker/img/copy-to-clipboard.svg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
@@ -3196,7 +3310,7 @@ html, body {
     margin-right: 4px;
     background-size: 100%;
     background-position: center;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M7.99888 1.07255C12.1016 1.07255 15.4275 4.39843 15.4275 8.50112C15.4275 12.6038 12.1016 15.9297 7.99888 15.9297C3.8962 15.9297 0.570312 12.6038 0.570312 8.50112C0.570312 4.39843 3.8962 1.07255 7.99888 1.07255Z' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 9.5L8 4.5' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00446 11.6434C7.84667 11.6434 7.71875 11.7713 7.71875 11.9291C7.71875 12.0869 7.84667 12.2148 8.00446 12.2148' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00781 11.6434C8.16561 11.6434 8.29353 11.7713 8.29353 11.9291C8.29353 12.0869 8.16561 12.2148 8.00781 12.2148' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/time-picker/img/error-message.svg');
 }
 
 ._time-picker_vitro-control_1sx07It .k-timepicker {
@@ -3232,16 +3346,16 @@ html, body {
     border: 1px solid #C0CAD5 !important;
 }
 
-._time-picker_vitro-control-container_3ys3rMN .k-i-clock {
+._time-picker_vitro-control_1sx07It .k-i-clock {
     height: 16px;
     width: 16px;
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='clock'%3E%3Cpath id='Vector' d='M7.99888 15.4275C12.1016 15.4275 15.4275 12.1016 15.4275 7.99888C15.4275 3.8962 12.1016 0.570312 7.99888 0.570312C3.8962 0.570312 0.570312 3.8962 0.570312 7.99888C0.570312 12.1016 3.8962 15.4275 7.99888 15.4275Z' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M7.42969 3.42969V9.14397L10.8583 10.8583' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/time-picker/img/time-picker.svg');
 }
 
-._time-picker_vitro-control-container_3ys3rMN .k-i-clock::before {
+._time-picker_vitro-control_1sx07It .k-i-clock::before {
     display: none;
 }
 
@@ -3415,8 +3529,7 @@ html, body {
 }
 
 ._lookup-picker-selected-item_vitro-button-close_1SRnr_0 {
-    /* close.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/cancel-dark-grey.svg');
 }
 
 ._lookup-picker-html-value_vitro-item-html-value_2QBoTey {
@@ -3602,7 +3715,7 @@ html, body {
     margin-right: 4px;
     background-size: 100%;
     background-position: center;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M7.99888 1.07255C12.1016 1.07255 15.4275 4.39843 15.4275 8.50112C15.4275 12.6038 12.1016 15.9297 7.99888 15.9297C3.8962 15.9297 0.570312 12.6038 0.570312 8.50112C0.570312 4.39843 3.8962 1.07255 7.99888 1.07255Z' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 9.5L8 4.5' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00446 11.6434C7.84667 11.6434 7.71875 11.7713 7.71875 11.9291C7.71875 12.0869 7.84667 12.2148 8.00446 12.2148' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00781 11.6434C8.16561 11.6434 8.29353 11.7713 8.29353 11.9291C8.29353 12.0869 8.16561 12.2148 8.00781 12.2148' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/error-message.svg');
 }
 
 ._lookup-picker_vitro-button-copy_2UIHHZD {
@@ -3610,8 +3723,7 @@ html, body {
     width: 20px;
     display: inline-block;
     right: 0;
-    /* copy.svg URL-encoder for SVG */ 
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='copy-icon'%3E%3Cpath id='Vector' d='M4.33594 4.14517V3.27214C4.33594 2.0877 4.75567 1.66797 5.9401 1.66797H12.7318C13.9162 1.66797 14.3359 2.0877 14.3359 3.27214V10.0638C14.3359 11.2482 13.9162 11.668 12.7318 11.668H11.8414' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M10.0599 4.33203H3.26823C2.0838 4.33203 1.66406 4.75176 1.66406 5.9362V12.7279C1.66406 13.9123 2.0838 14.332 3.26823 14.332H10.0599C11.2443 14.332 11.6641 13.9123 11.6641 12.7279V5.9362C11.6641 4.75176 11.2443 4.33203 10.0599 4.33203Z' stroke='%238E98A3' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/copy-to-clipboard.svg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
@@ -3652,28 +3764,23 @@ html, body {
 }
 
 ._lookup-picker_vitro-button-close_3_Qndrj {
-    /* close-red.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/cancel-red.svg');
 }
 
 ._lookup-picker_vitro-button-collapse-bottom_3o0Pl83 {
-    /* collapse-bottom.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Chevron-dropdown-Big'%3E%3Cpath id='Vector 9' d='M19.5 9L12 16.5L4.5 9' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/collapse-bottom.svg');
 }
 
 ._lookup-picker_vitro-button-collapse-up_3i0OJub {
-    /* collapse-up.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 16.5L12 9L19.5 16.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/collapse-up.svg');
 }
 
 ._lookup-picker_vitro-focus_2UGpxXD ._lookup-picker_vitro-button-collapse-up_3i0OJub {
-    /* collapse-up-blue.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Chevron-dropdown-Big'%3E%3Cpath id='Vector 9' d='M4.5 16.5L12 9L19.5 16.5' stroke='%233274E0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/collapse-up-blue.svg');
 }
 
 ._lookup-picker_vitro-error_dF7iopC ._lookup-picker_vitro-button-collapse-bottom_3o0Pl83 {
-    /* collapse-bottom-red.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Chevron-dropdown-Big'%3E%3Cpath id='Vector 9' d='M19.5 9L12 16.5L4.5 9' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/collapse-bottom-red.svg');
 }
 ._command-menu_vitro-command-menu_l82vtIh {
     display: flex;
@@ -3705,14 +3812,14 @@ html, body {
     background: #F3F8FF !important;
 }
 
-._command-menu-button_vitro-icon_1xB4d09 {
+._command-menu-button_vitro-image_27yILgG {
     width: 24px;
     height: 24px;
     margin-right: 4px;
 }
 
 @media (max-width: 800px) {
-    ._command-menu-button_vitro-command-menu-button_2IiXVbP ._command-menu-button_vitro-icon_1xB4d09 + div {
+    ._command-menu-button_vitro-command-menu-button_2IiXVbP ._command-menu-button_vitro-image_27yILgG + div {
         display: none;
     }
 
@@ -3843,8 +3950,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     position: absolute;
     left: 16px;
     top: -21px;
-    /* dropdown-arrow.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg 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");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/command-menu/img/dropdown-menu-arrow.svg');
 }
 
 ._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O:first-child .dropdown-menu {
@@ -3895,14 +4001,14 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     padding: 0px !important;
 }
 
-._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .dropdown-item ._command-menu-dropdown-button_vitro-icon_36InzPx {
+._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .dropdown-item ._command-menu-dropdown-button_vitro-image_2VNGo-H {
     width: 20px;
     height: 20px;
     margin-right: 12px;
     margin-left: 0;
 }
 
-._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .dropdown-item ._command-menu-dropdown-button_vitro-icon_36InzPx img {
+._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .dropdown-item ._command-menu-dropdown-button_vitro-image_2VNGo-H img {
     width: 20px;
     height: 20px;
 }
@@ -3914,11 +4020,10 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
-    /* collapse-bottom.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Chevron-dropdown-Big'%3E%3Cpath id='Vector 9' d='M19.5 9L12 16.5L4.5 9' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/command-menu/img/collapse-bottom.svg');
 }
 
-._command-menu-dropdown-button_vitro-icon_36InzPx {
+._command-menu-dropdown-button_vitro-image_2VNGo-H {
     width: 24px;
     height: 24px;
     margin-right: 4px;
@@ -3953,7 +4058,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 }
 
 @media (max-width: 800px) {
-    ._command-menu-dropdown-button_vitro-command-menu-dropdown-button_2ImIuc3 ._command-menu-dropdown-button_vitro-icon_36InzPx + div {
+    ._command-menu-dropdown-button_vitro-command-menu-dropdown-button_2ImIuc3 ._command-menu-dropdown-button_vitro-image_2VNGo-H + div {
         display: none;
     }
 
@@ -3961,7 +4066,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
         min-width: 40px !important;
     }
 
-    li:first-child ._command-menu-dropdown-button_vitro-icon_36InzPx + div {
+    li:first-child ._command-menu-dropdown-button_vitro-image_2VNGo-H + div {
         display: block;
     }
 
@@ -3973,65 +4078,136 @@ 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-image_2A82YI0 {
+    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-item-text_1kK_aIZ {
+    color: #222D44;
+    font-size: 14px;
 }
 
-._sidebar-item_vitro-hover_1mECzme ._sidebar-item_vitro-icon-text_3ROhyLK {
-    color: #326AD6;
+._sidebar-item_vitro-active_7p5iOhY {
+    background-color: #DCEEFF !important;
 }
 
-ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
-    background-color: transparent;
+._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,
 ._sidebar-item_vitro-active_7p5iOhY ._sidebar-item_vitro-item-text_1kK_aIZ {
     color: #326AD6;
     font-weight: 500;
     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;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/list-marker.svg');
+}
+
+._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 {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/list-marker-active.svg');
+}
+
+._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('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/collapse-bottom-black.svg');
+}
+
+._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('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/collapse-bottom-blue.svg');
+}
+
+._sidebar-item_vitro-display-none_2WwKi5v {
+    display: none;
 }
 
 .vitro-bottom-menu ._sidebar-item_vitro-item-text_1kK_aIZ {
@@ -4040,14 +4216,16 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     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-image_2A82YI0 {
+    margin-right: 0;
 }
 
 .vitro-bottom-menu ._sidebar-item_vitro-active_7p5iOhY {
-    background: transparent;
+    background: transparent !important;
     position: relative;
 }
 
@@ -4062,17 +4240,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 +4258,101 @@ 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;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/list-marker.svg');
+}
+
+._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 +4365,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 +4390,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 +4403,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 +4430,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 +4442,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;
 }
 
@@ -4179,8 +4461,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
-    /* bottom-menu-button-more.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='20' r='2.5' transform='rotate(-90 10.5 20)' fill='%234A556C'/%3E%3Ccircle cx='20.5' cy='20' r='2.5' transform='rotate(-90 20.5 20)' fill='%234A556C'/%3E%3Ccircle cx='30.5' cy='20' r='2.5' transform='rotate(-90 30.5 20)' fill='%234A556C'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/bottom-menu-button-more.svg');
 }
 
 ._sidebar_vitro-button-more_3s9oZY9:hover,
@@ -4189,6 +4470,123 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     background-color: #fff;
     outline: none;
 }
+._activity-item_vitro-item_3Tprske {
+    margin-bottom: 16px;
+    min-height: 32px;
+    width: 100%;
+}
+
+._activity-item_vitro-item_3Tprske._activity-item_vitro-active_2kENgvf {
+    background: #F3F8FF;
+}
+
+._activity-item_vitro-item_3Tprske > .vitro-flex {
+    width: 100%;
+}
+
+._activity-item_vitro-title__QItISm {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: flex;
+    align-items: center;
+}
+
+._activity-item_vitro-title__QItISm span {
+    color: #222d44;
+    font-size: 14px;
+    line-height: 16px;
+    font-family: 'InterMedium';
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+._activity-item_vitro-due-date_1mBIraY {
+    white-space: nowrap;
+    color: #4A556C !important;
+    margin-left: 8px;
+    font-family: 'InterRegular' !important;
+}
+
+._activity-item_vitro-content_3Lt7XRy {
+    width: 100%;
+    min-width: 0;
+}
+
+._activity-item_vitro-content_3Lt7XRy p {
+    -webkit-margin-before: 0px;
+            margin-block-start: 0px;
+    -webkit-margin-after: 0px;
+            margin-block-end: 0px;
+    margin-bottom: 0px;
+    color: #bdbdbd;
+    font-size: 9pt;
+    line-height: 14px;
+}
+
+._activity-item_vitro-content_3Lt7XRy p span {
+    font-size: 9pt !important;
+}
+
+._activity-item_vitro-content_3Lt7XRy .vitro-status-changed {
+    font-style: normal;
+    color: #27AE60;
+    font-size: 9pt;
+}
+
+._activity-item_vitro-message_1ndqhgR {
+    overflow-wrap: anywhere;
+}
+
+._activity-item_vitro-message_1ndqhgR img {
+    max-width: calc(100% - 20px);
+    display: block;
+    margin: 4px 0;
+}
+
+._activity-item_vitro-flex_37IxBWe {
+    display: flex;
+}
+
+._activity-item_vitro-dropdown-button_1J50ja7 {
+    margin-left: auto;
+}
+
+._activity-item_vitro-avatar_218ZqAk {
+    width: 32px;
+    min-width: 32px;
+    height: 32px;
+    line-height: 32px;
+    font-size: 16px;
+    margin-right: 8px;
+}
+
+._task-user-list_vitro-task-user-list_3GBJVjt {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    max-width: 80%;
+    margin: 16px 0 0 0;
+}
+
+._task-user-list_vitro-task-user-list_3GBJVjt .vitro-content p {
+    -webkit-margin-before: 0px;
+            margin-block-start: 0px;
+    -webkit-margin-after: 0px;
+            margin-block-end: 0px;
+    margin-top: 4px;
+    font-size: 8pt;
+    color: #bdbdbd;
+    line-height: 12px;
+    margin-bottom: 0px;
+}
+
+@media (max-width: 800px) {
+    ._task-user-list_vitro-task-user-list_3GBJVjt {
+      max-width: 100%;
+    }
+}
+
 ._task-tile_vitro-task-tile_35bZu48 {
     position: relative;
     background-color: #fff;
@@ -4273,8 +4671,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
-    /* clos�.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/task-tile/img/cancel-dark-grey.svg');
 }
 
 .vitro-time-log-history ._task-tile_vitro-task-tile_35bZu48:first-child {
@@ -4320,7 +4717,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     background-position: center;
     background-size: 100%;
     background-repeat: no-repeat;
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/cancel-dark-grey.svg');
 }
 
 ._alert_vitro-icon_pK385gF {
@@ -4459,18 +4856,15 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 }
 
 ._alert_vitro-alert_3sPAkJb .alert-danger ._alert_vitro-icon_pK385gF {
-    /* error.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Cpath id='Vector' d='M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z' fill='%23D13438'/%3E%3Cpath id='Vector_2' d='M9 15L12 12L15 15M15 9L11.9994 12L9 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/error.svg');
 }
 
 ._alert_vitro-alert_3sPAkJb .alert-success ._alert_vitro-icon_pK385gF {
-    /* success.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath id='Vector' d='M12 22C14.7614 22 17.2614 20.8807 19.0711 19.0711C20.8807 17.2614 22 14.7614 22 12C22 9.2386 20.8807 6.7386 19.0711 4.92893C17.2614 3.11929 14.7614 2 12 2C9.2386 2 6.7386 3.11929 4.92893 4.92893C3.11929 6.7386 2 9.2386 2 12C2 14.7614 3.11929 17.2614 4.92893 19.0711C6.7386 20.8807 9.2386 22 12 22Z' fill='%23198754'/%3E%3Cpath id='Vector_2' d='M8 12L11 15L16 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/success.svg');
 }
 
 ._alert_vitro-alert_3sPAkJb .alert-warning ._alert_vitro-icon_pK385gF {
-    /* warning.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Cpath id='Vector' d='M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z' fill='%23F3AD4A'/%3E%3Cg id='Vector_2'%3E%3Cpath d='M12 6V12Z' fill='white'/%3E%3Cpath d='M12 6V12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Ccircle id='Ellipse 135' cx='12' cy='17' r='1' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/warning.svg');
 }
 ._dialog-content_vitro-dialog-content_qQNWu6x {
     min-width: auto;
@@ -4502,6 +4896,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     color: #222D44;
     font-size: 20px;
     line-height: 24px;
+    font-family: 'InterRegular';
     margin-bottom: 0;
 }
 
@@ -4509,11 +4904,12 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     color: #4A556C;
     font-size: 14px;
     line-height: 16px;
+    font-family: 'InterRegular';
     margin-top: 7px;
     margin-bottom: 0;
 }
 
-._dialog-header_vitro-icon_3GtsVWO {
+._dialog-header_vitro-image_3TdbvmV {
     width: 38px;
     height: 38px;
     margin-right: 16px;
@@ -4533,12 +4929,13 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     outline: 0;
     cursor: pointer;
     padding: 0;
-    width: 26px;
-    height: 26px;
-    right: -42px;
-    top: 2px;
-    /* close.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' stroke='%23fff' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 32.333l16-16m0 0l-16-16m16 16l16 16m-16-16l16-16'%3E%3C/path%3E%3C/svg%3E");
+    width: 60px;
+    height: 60px;
+    right: -64px;
+    top: -9px;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dialog/img/cancel-white.svg');
 }
 
 ._dialog-button-close_vitro-button-close_2BpzTR0 {
@@ -4662,7 +5059,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     border-radius: 4px;
     padding: 0;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
-    inset: calc(100% + 5px) 0px auto auto !important;
+    margin-top: 6px;
 }
 
 ._user-profile_vitro-user-profile_11XpBoQ .dropdown-menu::before {
@@ -4677,8 +5074,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     position: absolute;
     top: -21px;
     right: 0;
-    /* dropdown-arrow.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg 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");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/user-profile/img/dropdown-menu-arrow.svg');
 }
 
 ._user-profile_vitro-dropdown-item_dSErsta {
@@ -4742,97 +5138,6 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     position: relative;
 }
 
-._activity-item_vitro-item_3Tprske {
-    margin-bottom: 16px;
-    min-height: 32px;
-    width: 100%;
-}
-
-._activity-item_vitro-item_3Tprske._activity-item_vitro-active_2kENgvf {
-    background: #F3F8FF;
-}
-
-._activity-item_vitro-item_3Tprske > .vitro-flex {
-    width: 100%;
-}
-
-._activity-item_vitro-title__QItISm {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: flex;
-    align-items: center;
-}
-
-._activity-item_vitro-title__QItISm span {
-    color: #222d44;
-    font-size: 14px;
-    line-height: 16px;
-    font-family: 'InterMedium';
-    text-overflow: ellipsis;
-    overflow: hidden;
-}
-
-._activity-item_vitro-due-date_1mBIraY {
-    white-space: nowrap;
-    color: #4A556C !important;
-    margin-left: 8px;
-    font-family: 'InterRegular' !important;
-}
-
-._activity-item_vitro-content_3Lt7XRy {
-    width: 100%;
-    min-width: 0;
-}
-
-._activity-item_vitro-content_3Lt7XRy p {
-    -webkit-margin-before: 0px;
-            margin-block-start: 0px;
-    -webkit-margin-after: 0px;
-            margin-block-end: 0px;
-    margin-bottom: 0px;
-    color: #bdbdbd;
-    font-size: 9pt;
-    line-height: 14px;
-}
-
-._activity-item_vitro-content_3Lt7XRy p span {
-    font-size: 9pt !important;
-}
-
-._activity-item_vitro-content_3Lt7XRy .vitro-status-changed {
-    font-style: normal;
-    color: #27AE60;
-    font-size: 9pt;
-}
-
-._activity-item_vitro-message_1ndqhgR {
-    overflow-wrap: anywhere;
-}
-
-._activity-item_vitro-message_1ndqhgR img {
-    max-width: calc(100% - 20px);
-    display: block;
-    margin: 4px 0;
-}
-
-._activity-item_vitro-flex_37IxBWe {
-    display: flex;
-}
-
-._activity-item_vitro-dropdown-button_1J50ja7 {
-    margin-left: auto;
-}
-
-._activity-item_vitro-avatar_218ZqAk {
-    width: 32px;
-    min-width: 32px;
-    height: 32px;
-    line-height: 32px;
-    font-size: 16px;
-    margin-right: 8px;
-}
-
 ._activity-message_vitro-activity-message_3GdyQuC {
     display: flex;
     flex-direction: column;
@@ -4898,8 +5203,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     background-repeat: no-repeat;
     margin: 0 4px;
     white-space: nowrap;
-    /* activity-arrow.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%3Cpath d='M15.1602 7.81641C14.8684 7.5247 14.8671 7.05213 15.1572 6.7588C15.4496 6.46318 15.9267 6.46186 16.2207 6.75587L20.7585 11.2936C21.1487 11.6839 21.149 12.3165 20.7592 12.7071L16.2204 17.255C15.9267 17.5494 15.4494 17.5483 15.157 17.2526C14.867 16.9595 14.8683 16.4871 15.1599 16.1956L18.5937 12.7617L3.2857 12.7729C2.87128 12.7732 2.53516 12.4373 2.53516 12.0229C2.53516 11.6089 2.87061 11.2732 3.28461 11.2729L18.6055 11.2617L15.1602 7.81641Z' fill='%234A556C'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/activity-item/img/activity-arrow.svg');
 }
 
 ._message-input_vitro-message-input_3MkcjWD {
@@ -4970,8 +5274,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
-    /* paperclip.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15.9969 6.24219L7.15809 15.081C6.5723 15.6668 6.5723 16.6166 7.15809 17.2023C7.74388 17.7881 8.69362 17.7881 9.27941 17.2023L18.1182 8.36351C19.2898 7.19193 19.2898 5.29244 18.1182 4.12087C16.9467 2.94929 15.0472 2.94929 13.8756 4.12087L5.03677 12.9597C3.27941 14.7171 3.27941 17.5663 5.03677 19.3237C6.79413 21.081 9.64337 21.081 11.4007 19.3237L20.4969 10.2275' stroke='%238E98A3' stroke-linecap='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/message-input/img/paperclip.svg');
 }
 
 ._message-input_vitro-button-send_1vktQrZ {
@@ -4988,8 +5291,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     background-repeat: no-repeat;
     box-shadow: 0px 0px 4px 0px rgba(19, 43, 74, 0.18);
     margin-left: 12px;
-    /* send.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%3Cg id='icon_line/Send'%3E%3Cg id='Group 33514'%3E%3Cpath id='Vector' d='M21.7365 10.9623C22.4909 11.3814 22.4909 12.4664 21.7365 12.8855L9.00978 19.9559C7.64603 20.7135 6.02992 19.4959 6.38207 17.9761L7.5752 12.8268C7.71285 12.2327 7.71285 11.6151 7.5752 11.021L6.38207 5.87172C6.02992 4.35191 7.64603 3.13428 9.00977 3.89192L21.7365 10.9623Z' fill='%23347FDE'/%3E%3Cpath id='Vector 15' d='M8.46875 11.9219L13.4687 11.9219' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/message-input/img/send.svg');
 }
 
 ._message-input_vitro-button-send_1vktQrZ:hover,
@@ -5025,7 +5327,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     right: 0;
 }
 
-._image-picker_vitro-image-picker-defaultIcon-wrapper_1XLKgLW {
+._image-picker_vitro-image-picker-defaultImage-wrapper_1BHZ1he {
     display: flex;
     width: 76px;
     height: 76px;
@@ -5037,7 +5339,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     background: var(--grey-grey-sh-50, rgba(228, 230, 236, 0.50));
 }
 
-._image-picker_vitro-image-picker-icon-wrapper_3DNyLS0 {
+._image-picker_vitro-image-picker-image-wrapper_328OVLU {
     width: 76px;
     height: 76px;
     display: inline-block;
@@ -5045,7 +5347,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     overflow: hidden;
 }
 
-._image-picker_vitro-image-picker-icon-wrapper_3DNyLS0 img {
+._image-picker_vitro-image-picker-image-wrapper_328OVLU img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
@@ -5057,11 +5359,10 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     display: none;
 }
 
-._image-picker_vitro-icon-default_2Hdhta2 {
+._image-picker_vitro-image-default_LhN4iy6 {
     width: 100%;
     height: 100%;
-    /* defaultIcon.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icons8-images 2'%3E%3Cpath id='Vector' d='M38.8219 5.27219L34.8809 32.8486C34.8397 33.1249 34.5807 33.3191 34.3043 33.278L28.022 32.3839L9.74546 29.7721C9.46312 29.7308 9.2691 29.472 9.31017 29.1957L12.2221 8.81912L13.2515 1.61898C13.2925 1.34267 13.5513 1.14851 13.8279 1.18384L38.3867 4.69544C38.6632 4.7368 38.8572 4.99559 38.8219 5.27219Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_2' d='M28.022 9.35966V32.3772L9.74546 29.7655C9.46312 29.7242 9.2691 29.4654 9.31017 29.1891L12.2221 8.8125H27.475C27.775 8.8125 28.022 9.05951 28.022 9.35966Z' fill='%23CFCFFF'/%3E%3Cpath id='Vector_3' d='M36.1531 7.06066L33.306 26.9782L28.0178 26.2194L12.4531 23.996L14.6237 8.81359L15.3001 4.07812L36.1531 7.06066Z' fill='%23347FDE'/%3E%3Cpath id='Vector_4' d='M28.0178 9.35966V26.2183L12.4531 23.9949L14.6237 8.8125H27.4708C27.7708 8.8125 28.0178 9.05951 28.0178 9.35966Z' fill='%233274E0'/%3E%3Cg id='Group'%3E%3Cpath id='Vector_5' d='M27.0105 10.4621V38.318C27.0105 38.5991 26.7827 38.8269 26.5016 38.8269H1.69254C1.41146 38.8269 1.18359 38.5991 1.18359 38.318V10.4621C1.18359 10.181 1.41146 9.95312 1.69254 9.95312H26.5016C26.7827 9.95312 27.0105 10.181 27.0105 10.4621Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_6' d='M11.0801 35.4589L11.0802 36.1298C11.0802 36.2184 11.0068 36.2918 10.9181 36.2918L7.58398 36.2918C7.49535 36.2918 7.42192 36.2184 7.42192 36.1298L7.42188 35.4589C7.42187 35.3677 7.49529 35.2969 7.58392 35.2969L10.9181 35.2969C11.0067 35.2969 11.0801 35.3677 11.0801 35.4589Z' fill='%23CFCFFF'/%3E%3Cpath id='Vector_7' d='M20.7693 35.4589L20.7694 36.1298C20.7694 36.2184 20.696 36.2918 20.6073 36.2918L12.5761 36.2918C12.4849 36.2918 12.4141 36.2184 12.4141 36.1298L12.4141 35.4589C12.4141 35.3677 12.4849 35.2969 12.5761 35.2969L20.6073 35.2969C20.6959 35.2969 20.7693 35.3677 20.7693 35.4589Z' fill='%23CFCFFF'/%3E%3Cpath id='Vector_8' d='M24.6299 12.6172H3.56641V32.7366H24.6299V12.6172Z' fill='%2370C1F9'/%3E%3Cpath id='Vector_9' d='M24.6266 25.5804V32.7327H11.1055L15.479 27.0011L15.8585 26.5067L17.8956 23.8359H23.2964L24.6266 25.5804Z' fill='%234F5D99'/%3E%3Cpath id='Vector_10' d='M20.6117 32.7338H11.1055L15.479 27.0022L15.8585 26.5078L16.2346 27.0022L20.6117 32.7338Z' fill='%233D4A75'/%3E%3Cpath id='Vector_11' d='M19.8592 32.7332H3.56641V25.5809L6.19186 22.1406H11.7738L15.4823 27.0017L19.8592 32.7332Z' fill='%234F5D99'/%3E%3Cpath id='Vector_12' d='M11.778 22.1358L9.95314 19.7436C9.46568 19.1063 8.50809 19.1063 8.02063 19.7436L6.19531 22.1358H11.778Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_13' d='M23.1852 19.7054H16.5234C16.8016 19.0682 17.4368 18.6204 18.1746 18.6204C18.4606 18.6204 18.7309 18.6874 18.9696 18.8058C19.4411 18.3738 20.0684 18.1094 20.7549 18.1094C21.8438 18.1094 22.7789 18.7663 23.1852 19.7054Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_14' d='M11.2361 17.3474H5.54688C5.78445 16.8032 6.32688 16.4208 6.957 16.4208C7.20127 16.4208 7.43205 16.478 7.6359 16.5791C8.03856 16.2102 8.57429 15.9844 9.16057 15.9844C10.0905 15.9844 10.8891 16.5454 11.2361 17.3474Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_15' d='M15.0821 17.6096C16.0918 17.6096 16.9104 16.7911 16.9104 15.7814C16.9104 14.7717 16.0918 13.9531 15.0821 13.9531C14.0724 13.9531 13.2539 14.7717 13.2539 15.7814C13.2539 16.7911 14.0724 17.6096 15.0821 17.6096Z' fill='%23FDC72E'/%3E%3Cg id='Group_2'%3E%3Cpath id='Vector_16' d='M23.2929 23.8354L21.4335 21.3996C21.0087 20.846 20.1731 20.846 19.7482 21.3996L17.8906 23.8354H23.2929Z' fill='%23E9E9FF'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_3' opacity='0.2'%3E%3Cpath id='Vector_17' d='M1.70703 9.95312L11.4165 38.8269H21.1939L11.4784 9.95312H1.70703Z' fill='white'/%3E%3Cpath id='Vector_18' d='M14.1281 9.95312H12.7227L22.4372 38.8269H23.8362L14.1281 9.95312Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/image-picker/img/image-picker.svg');
 }
 
 ._image-picker_vitro-image-picker-label-wrapper_WRLzUYM {
@@ -5148,8 +5449,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     margin-left: 2px;
     background-position: center;
     background-size: 100%;
-    /* collapse-bottom.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.5 9L12 16.5L4.5 9' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/criterion/img/collapse-bottom.svg');
 }
 
 ._criterion_vitro-operator-list_3A2VZsd {
@@ -5194,8 +5494,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     background-color: transparent;
     background-size: 100%;
     background-position: center;
-    /* cancel-grey.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.63281 14.3711L10.002 10.002L14.3711 14.3711M14.3711 5.63281L10.0011 10.002L5.63281 5.63281' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/criterion/img/cancel-grey.svg');
 }
 
 ._criterion_vitro-focus_3FNLsoN ._criterion_vitro-label_3F6a8dj {
@@ -5234,10 +5533,10 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     width: 16px;
     background-size: 100%;
     background-position: center;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13 6L8 11L3 6' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/criterion/img/collapse-bottom.svg');
 }
 
-._criterion_vitro-icon_1DmS0jh {
+._criterion_vitro-image_1f6DKPL {
     height: 16px;
     width: 16px;
 }
@@ -5272,8 +5571,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     position: absolute;
     top: -21px;
     left: 12px;
-    /* dropdown-arrow.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg 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");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/criterion/img/dropdown-menu-arrow.svg');
 }
 
 ._criterion_vitro-condition-list_10UIxJI li {
@@ -5297,7 +5595,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     background: #F3F8FF;
 }
 
-._criterion_vitro-condition-list_10UIxJI ._criterion_vitro-icon_1DmS0jh {
+._criterion_vitro-condition-list_10UIxJI ._criterion_vitro-image_1f6DKPL {
     height: 20px;
     width: 20px;
 }
@@ -5347,8 +5645,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     background-size: 100%;
     background-position: center;
     margin-right: 8px;
-    /* search.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='circum:search'%3E%3Cpath id='Vector' d='M18.3236 18.8832C18.6858 19.2434 19.2449 18.6875 18.8827 18.3351L15.9297 15.3909C16.9656 14.2512 17.5381 12.7692 17.5361 11.233C17.5361 7.79544 14.725 5 11.2681 5C7.81118 5 5 7.79544 5 11.233C5 14.6705 7.81118 17.4659 11.2681 17.4659C12.8272 17.4659 14.2682 16.8943 15.3707 15.9468L18.3236 18.8832ZM5.78666 11.233C5.78666 8.22611 8.25136 5.78304 11.2673 5.78304C14.2911 5.78304 16.7479 8.22611 16.7479 11.233C16.7479 14.2398 14.2911 16.6829 11.2673 16.6829C8.25136 16.6829 5.78666 14.2398 5.78666 11.233Z' fill='%23222D44'/%3E%3C/g%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/search.svg');
 }
 
 ._input_vitro-button-search_15PeWCS:hover,
@@ -5381,8 +5678,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 
 ._input_vitro-button-settings_1w9FwYt {
     border-radius: 4px;
-    /* search-settings.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconamoon:options-thin'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M5.60156 8.80469H12.8016M16.0016 8.80469H18.4016M11.2016 15.2047H18.4016M5.60156 15.2047H8.00156' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M9.6 16.8016C10.4837 16.8016 11.2 16.0852 11.2 15.2016C11.2 14.3179 10.4837 13.6016 9.6 13.6016C8.71634 13.6016 8 14.3179 8 15.2016C8 16.0852 8.71634 16.8016 9.6 16.8016Z' stroke='%23222D44'/%3E%3Cpath id='Vector_3' d='M14.4047 10.4031C15.2883 10.4031 16.0047 9.68678 16.0047 8.80313C16.0047 7.91947 15.2883 7.20312 14.4047 7.20312C13.521 7.20312 12.8047 7.91947 12.8047 8.80313C12.8047 9.68678 13.521 10.4031 14.4047 10.4031Z' stroke='%23222D44'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/search-settings.svg');
 }
 
 ._input_vitro-button-settings_1w9FwYt._input_vitro-active_jxhGdE8,
@@ -5391,8 +5687,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 }
 
 ._input_vitro-button-cancel_YqNZPj- {
-    /* cancel-black.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/cancel-black.svg');
 }
 
 ._input_vitro-search-value_1ZbcNTJ {
@@ -5417,8 +5712,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 
 ._input_vitro-search-value_1ZbcNTJ ._input_vitro-button-cancel_YqNZPj- {
     margin: 0;
-    /* close.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/cancel-dark-grey.svg');
 }
 
 @media (max-width: 800px) {
@@ -5639,8 +5933,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 
 .handle-bar_drag::after {
     left: 3px;
-    /* splitter-handle-bar-drag.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Spliter'%3E%3Cpath id='Rectangle 4359' d='M0 0H4.5C5.32843 0 6 0.671573 6 1.5V28.5C6 29.3284 5.32843 30 4.5 30H0V0Z' fill='%23326AD6'/%3E%3Cpath id='Polygon 3' d='M1.5 12.911C1.5 12.6251 1.80945 12.4464 2.05701 12.5894L5.12058 14.3581C5.36814 14.501 5.36814 14.8584 5.12058 15.0013L2.05701 16.7701C1.80945 16.913 1.5 16.7343 1.5 16.4485L1.5 12.911Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/splitter/img/splitter-handle-bar-drag.svg');
 }
 
 .pane.vertical.primary {
@@ -5696,23 +5989,19 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 }
 
 ._route-item_vitro-button-collapse_1kVB5Vo {
-    /* collapse-bottom.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='chevron-right' filter='url(%23filter0_dd_2119_119831)'%3E%3Cpath id='Vector' d='M7 10.5L12 15.5L17 10.5' stroke='%234A556C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/route-item/img/collapse-bottom-small.svg');
 }
 
 ._route-item_vitro-button-expand_3IuABa1 {
-    /* collapse-right.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='chevron-right' filter='url(%23filter0_dd_2119_118517)'%3E%3Cpath id='Vector' d='M10.5 17L15.5 12L10.5 7' stroke='%234A556C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/route-item/img/collapse-right-small.svg');
 }
 
 ._route-item_vitro-button-hide-comment_2CiY-Ch {
-    /* comment-hidden.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 19H8C3 19 2 19 2 14V9C2 4 3 3 8 3H16C21 3 22 4 22 9V14C22 18 21 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19Z' stroke='%234A556C' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9918 11.75H17.0052' stroke='%234A556C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9918 11.75H12.0052' stroke='%234A556C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.99176 11.75H7.00523' stroke='%234A556C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 2L2 22' stroke='%23222D44' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/route-item/img/comment-hidden.svg');
 }
 
 ._route-item_vitro-button-show-comment_DJt2SLC {
-    /* comment.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 19H8C3 19 2 19 2 14V9C2 4 3 3 8 3H16C21 3 22 4 22 9V14C22 18 21 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19Z' stroke='%234A556C' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9918 11.75H17.0052' stroke='%234A556C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9918 11.75H12.0052' stroke='%234A556C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.99176 11.75H7.00523' stroke='%234A556C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/route-item/img/comment.svg');
 }
 
 ._route-item_vitro-avatar_3Dypnmz {
@@ -5775,4 +6064,257 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     min-width: 8px;
     margin-right: 8px;
     border-radius: 50%;
-}
+}
+._page-layout_vitro-page_GzZ3agH {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    background: #F7F9FC;
+}
+
+._header_vitro-header_ta9aLJn {
+    position: relative;
+    width: 100%;
+    background-color: #F7F9FC;
+}
+
+._header-nav-bar-sidebar-button_vitro-nav-bar-sidebar-button_3IZcIOc {
+    height: 24px;
+    width: 24px;
+    cursor: pointer;
+    border: none;
+    outline: none;
+    background-color: transparent;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 100%;
+    z-index: 100;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/header/img/nav-bar-button.svg');
+}
+
+.toggled.pinned ._header-nav-bar-sidebar-button_vitro-nav-bar-sidebar-button_3IZcIOc {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/header/img/nav-bar-button-active.svg');
+}
+
+@media (max-width: 800px) {
+    ._header-nav-bar-sidebar-button_vitro-nav-bar-sidebar-button_3IZcIOc {
+        display: none;
+    }
+}
+
+._header-nav-bar_vitro-nav-bar_EuyFIk8 {
+    padding: 0 16px;
+    width: 100%;
+    height: 72px;
+}
+._header-nav-service_vitro-nav-service_1-i4GOh {
+    height: 34px;
+    padding: 0 16px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+._header-customer-logo_vitro-customer-logo_2htY4zG {
+    height: 16px;
+    min-width: 40px;
+    background-position: center center;
+    background-size: 140%;
+    margin-right: 20px;
+}
+
+._product-title_vitro-product-title_2gZcA5j {
+    display: flex;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+    z-index: 3;
+}
+
+._product-title_vitro-product-title_2gZcA5j img {
+    max-height: 25px;
+    margin: 0px 32px;
+}
+
+@media (max-width: 800px) {
+    ._product-title_vitro-product-title_2gZcA5j img {
+        margin: 0;
+    }
+
+    ._product-title_vitro-product-title_2gZcA5j {
+        z-index: unset;
+    }
+}
+._right-align-control-group_vitro-right_2vnd6R7 {
+    padding-right: 0;
+    display: flex;
+    align-items: center;
+}
+
+._right-align-control-group_vitro-right_2vnd6R7 > div {
+    display: flex;
+    align-items: center;
+}
+
+._center-align-control-group_vitro-center_3SHmVN- {
+    flex: 1 1;
+}
+._main_vitro-main_Kk2JMBF {
+    width: calc(100% - 56px);
+    height: 100%;
+    overflow-x: hidden;
+    margin-left: 56px;
+    position: relative;
+    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.09), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
+    border-radius: 4px 0px 0px 0px;
+    background: #fff;
+}
+
+._main_vitro-main_Kk2JMBF > div {
+    overflow-y: hidden;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.toggled.pinned ._main_vitro-main_Kk2JMBF {
+    margin-left: 208px;
+    width: calc(100% - 208px);
+}
+
+@media (max-width: 800px) {
+    ._main_vitro-main_Kk2JMBF {
+        width: calc(100% - 24px);
+        margin: 0 auto;
+        border-radius: 4px 4px 0px 0px;
+        height: calc(100% - 130px);
+        padding-bottom: 16px;
+    }
+}
+#TableViewDetail {
+    height: 100%;
+}
+
+._table-view-detail_vitro-table-view-detail_zxwp4XX {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.vitro-task-detail-group {
+    padding: 16px;
+}
+._expand-control-group_vitro-title_3nqqfyQ {
+    cursor: pointer;
+    color: #222D44;
+    font-size: 12pt;
+    padding: 2px 0 8px 0;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    position: relative;
+}
+
+._expand-control-group_vitro-button-collapse_14wEdB1,
+._expand-control-group_vitro-button-expand_bwV3dXl {
+    vertical-align: middle;
+    margin-right: 8px;
+    margin-top: -2px;
+    width: 12px;
+    height: 12px;
+}
+
+._expand-control-group_vitro-button-collapse_14wEdB1 {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/expand-control-group/img/collapse-up.svg');
+}
+
+._expand-control-group_vitro-button-expand_bwV3dXl {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/expand-control-group/img/collapse-bottom.svg');
+}
+
+._expand-control-group_vitro-expand-control-group_1qSUMoN > ._expand-control-group_vitro-content_2UPEUhm {
+    margin: 8px 0 16px 0;
+}
+
+._expand-control-group_vitro-display-none_Zs_5rQL {
+    display: none;
+}
+
+._expand-control-group_vitro-right_jD5r2aS._expand-control-group_vitro-button-collapse_14wEdB1,
+._expand-control-group_vitro-right_jD5r2aS._expand-control-group_vitro-button-expand_bwV3dXl {
+    vertical-align: middle;
+    width: 12px;
+    height: 12px;
+    margin-right: 35px !important;
+    margin-top: 2px !important;
+    float: right !important;
+}
+
+._radio_vitro-control_1pRRp6K {
+    width: 100%;
+    position: relative;
+    margin-bottom: 32px;
+}
+
+._radio_vitro-radio-content_2iXhEPK {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+
+._radio_vitro-radio-content_2iXhEPK > input {
+    width: 16px;
+    height: 16px;
+    margin-right: 8px;
+    cursor: pointer;
+}
+
+._radio_vitro-radio-content_2iXhEPK input::before,
+._radio_vitro-radio-content_2iXhEPK input:checked::before {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    background-size: 100%;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+._radio_vitro-radio-content_2iXhEPK input::before {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/radio/img/radio-empty.svg');
+}
+
+._radio_vitro-radio-content_2iXhEPK input:checked::before {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/radio/img/radio-active.svg');
+}
+
+._radio_vitro-radio-content_2iXhEPK input:disabled::before {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/radio/img/radio-empty-disabled.svg');
+}
+
+._radio_vitro-radio-content_2iXhEPK input:checked:disabled::before {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/radio/img/radio-active-disabled.svg');
+}
+
+._radio_vitro-disabled_2JSpn9- ._radio_vitro-label_21dXFJN {
+    color: #C0CAD5;
+}
+
+._radio_vitro-label_21dXFJN {
+    color: #222D44;
+    font-size: 14px;
+    line-height: 16px;
+}
+
+._radio_vitro-left-label_3BbOjIR {
+    display: flex;
+    align-items: center;
+}
+
+._radio_vitro-left-label_3BbOjIR ._radio_vitro-label_21dXFJN {
+    margin-right: 8px;
+}
+