@vitrosoftware/common-ui-ts 1.1.74 → 1.1.77

package/dist/index.css

@@ -7,7 +7,8 @@
 @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/std/controls/pdf-viewer/pdf-viewer.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/jquery-growl/jquery.growl.css');
+@import url('@vitrosoftware/common-ui-ts/css/third-party/uikit/uikit.css');
 
 html, body {
     overscroll-behavior-x: none;
@@ -184,18 +185,18 @@ html, body {
 
 ._breadcrumbs_vitro-drop-down-list_2PhrR2a::after {
     content: '';
-    display: inline-block;
-    height: 20px;
-    width: 20px;
-    background-color: #fff;
+    display: block;
+    height: 21px;
+    width: 32px;
+    overflow: hidden;
+    background-position: center 0;
+    background-size: 44px 42px;
+    background-repeat: no-repeat;
     position: absolute;
-    top: -10px;
-    left: 20px;
-    -webkit-clip-path: polygon(25% 25%, 75% 75%, 10% 90%);
-            clip-path: polygon(25% 25%, 75% 75%, 10% 90%);
-    transform: rotate(135deg);
-    border-radius: 20px;
-    border: 1px solid transparent;
+    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");
 }
 
 ._breadcrumbs_vitro-drop-down-list_2PhrR2a ul {
@@ -569,6 +570,17 @@ html, body {
     font-family: 'InterMedium';
     border-top: 1px solid #E4E6EC !important;
     color: #4A556C !important;
+}
+
+.vitro-table-view-button-context {
+    height: 24px;
+    width: 24px;
+    margin-left: -2px;
+    display: none;
+}
+
+.TWClassSelected .vitro-table-view-button-context {
+    display: inline-block;
 }
 
 ._uploader_vitro-uploader_237vX7T {
@@ -577,7 +589,7 @@ html, body {
     position: absolute;
     width: 241px;
     height: 96px;
-    z-index: 1000;
+    z-index: 1;
 }
 
 ._uploader_vitro-uploader_237vX7T.vitro-dropzone-active {
@@ -1197,7 +1209,6 @@ html, body {
 }
 
 ._action-handler_vitro-flex_ryggQ_S {
-    align-items: center;
     display: flex;
 }
 
@@ -1215,7 +1226,7 @@ html, body {
 }
 
 ._action-handler_vitro-action-handler-dialog-confirm_30dwuBp, ._action-handler_vitro-action-handler-dialog_1rRT66e {
-    z-index: 100000;
+    z-index: 100000000;
     position: absolute;
     display: flex;
     flex-direction: column;
@@ -1304,6 +1315,8 @@ html, body {
     color: #222D44;
     font-size: 18px;
     line-height: 150%;
+    margin-top: auto;
+    padding-bottom: 5px
 }
 
 ._action-handler_vitro-small_oqifqlS {
@@ -1583,15 +1596,17 @@ html, body {
 ._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-menu::before {
     content: '';
     display: block;
-    height: 11px;
-    width: 16px;
-    background-position: center;
-    background-size: 100%;
+    height: 21px;
+    width: 32px;
+    overflow: hidden;
+    background-position: center 0;
+    background-size: 44px 42px;
     background-repeat: no-repeat;
     position: absolute;
-    right: 8px;
-    top: -11px;
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
+    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");
 }
 
 ._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-item ._dropdown-button_vitro-icon_2NCEoeb {
@@ -1682,20 +1697,7 @@ 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 .dropdown-menu::before {
-    content: '';
-    display: block;
-    height: 11px;
-    width: 16px;
-    background-position: center;
-    background-size: 100%;
-    background-repeat: no-repeat;
-    position: absolute;
-    right: 8px;
-    top: -11px;
-    /* dropdown-arrow.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
-}
+
 
 ._tab-group_vitro-tab_1Qb50HL .nav .dropdown-item {
     padding: 8px 12px;
@@ -1943,7 +1945,7 @@ html, body {
 ._input_vitro-label_2XBESiY {
     padding: 0 6px;
     background: #fff;
-    z-index: 1000;
+    z-index: 1;
     position: absolute;
     left: 10px;
     top: -10px;
@@ -2147,6 +2149,220 @@ html, body {
 ._issue-tile_vitro-issue-tile_2D7E9Y-.vitro-active ._issue-tile_vitro-control_3V6_Ze7 textarea {
     background: #F3F8FF;
 }
+._file-version-select_vitro-file-version-select_1wIyab3 {
+    position: relative;
+    max-width: 297px;
+    margin-left: 20px;
+}
+
+._file-version-select_vitro-selected-version_2BVgaBC {
+    display: flex;
+    grid-gap: 8px;
+    padding: 4px 8px;
+    border-radius: 4px;
+    background-color: #F3F8FF;
+    overflow: hidden;
+    min-width: 0;
+    align-items: center;
+}
+
+._file-version-select_vitro-file-name_1PtLh8A {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    color: #222D44;
+    font-size: 14px;
+    line-height: 16px;
+    white-space: nowrap;
+}
+
+._file-version-select_vitro-position-absolute_1ENrwLq {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.09), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
+    background-color: #F3F8FF;
+    padding: 8px;
+    border-radius: 4px;
+}
+
+._file-version-select_vitro-button-collapse-up_2GaCEdu,
+._file-version-select_vitro-button-collapse-bottom_38zg3bU {
+    cursor: pointer;
+    width: 24px;
+    height: 24px;
+    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");
+}
+
+._file-version-select_vitro-button-collapse-bottom_38zg3bU {
+    transform: rotate(180deg);
+}
+
+._file-version-select_vitro-version-name-red_-j6Z9ap {
+    color: #D13438;
+    background-color: #FFF2F6;
+}
+
+._file-version-select_vitro-version-name-green_7PfVUHk {
+    color: #5DB182;
+    background-color: #F3FFFF;
+}
+
+._file-version-select_vitro-selected-version_2BVgaBC ._file-version-select_vitro-version-name-green_7PfVUHk,
+._file-version-select_vitro-selected-version_2BVgaBC ._file-version-select_vitro-version-name-red_-j6Z9ap {
+    border-radius: 4px;
+    padding: 4px;
+    font-size: 14px;
+    line-height: 16px;
+    font-family: 'InterSemiBold' !important;
+}
+
+._file-version-select_vitro-version-list_3h5D3pD {
+    position: absolute;
+    top: calc(100% + 8px);
+    left: 0;
+    padding: 0;
+    margin: 0;
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+    background: #fff;
+    border-radius: 4px;
+    max-width: 401px;
+}
+
+._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;
+    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");
+}
+
+._file-version-select_vitro-file-version-item_38KWa8a {
+    padding: 8px 12px;
+    display: flex;
+    grid-gap: 8px;
+    align-items: flex-start;
+    cursor: pointer;
+}
+
+._file-version-select_vitro-file-version-item_38KWa8a:last-child {
+    border-radius: 0 0 4px 4px;
+}
+
+._file-version-select_vitro-file-version-item_38KWa8a:nth-child(2) {
+    border-radius: 4px 4px 0 0;
+}
+
+._file-version-select_vitro-file-version-item_38KWa8a:nth-child(2):last-child {
+    border-radius: 4px;
+}
+
+._file-version-select_vitro-file-version-item_38KWa8a:hover {
+    background-color: #F3F8FF;
+}
+
+._file-version-select_vitro-content_zDUhjj0 {
+    overflow: hidden;
+}
+
+._file-version-select_vitro-file-version-item_38KWa8a ._file-version-select_vitro-version-name_1821bal,
+._file-version-select_vitro-file-version-item_38KWa8a ._file-version-select_vitro-version-name-green_7PfVUHk,
+._file-version-select_vitro-file-version-item_38KWa8a ._file-version-select_vitro-version-name-red_-j6Z9ap {
+    font-size: 16px;
+    line-height: 24px;
+    border-radius: 4px;
+    padding: 4px;
+}
+
+._file-version-select_vitro-file-version-item_38KWa8a ._file-version-select_vitro-version-name_1821bal {
+    color: #4A556C;
+    background-color: #F8F9FA;
+}
+
+._file-version-select_vitro-file-version-item_38KWa8a ._file-version-select_vitro-version-name-green_7PfVUHk,
+._file-version-select_vitro-file-version-item_38KWa8a ._file-version-select_vitro-version-name-red_-j6Z9ap {
+    font-family: 'InterMedium' !important;
+}
+
+._file-version-select_vitro-flex_35zCAQv {
+    display: flex;
+    margin-top: 4px;
+}
+
+._file-version-select_vitro-flex_35zCAQv span {
+    color: #4A556C;
+    font-size: 12px;
+    line-height: 16px;
+    margin-right: 4px;
+    white-space: nowrap;
+}
+
+._file-version-select_vitro-active_1PRyjUa,
+._file-version-select_vitro-active_1PRyjUa:hover {
+    background-color: #DCEEFF;
+}
+._tooltip_vitro-tooltip_JvGPShz {
+    display: none !important;
+    opacity: 1 !important;
+    z-index: 10000 !important;
+}
+
+._tooltip_vitro-tooltip_JvGPShz[style*='transform'] {
+    display: block !important;
+}
+
+._tooltip_vitro-tooltip_JvGPShz .tooltip-inner {
+    color: #FFF;
+    font-family: 'InterRegular';
+    font-size: 14px;
+    line-height: 21px;
+    padding: 8px 10px;
+    border-radius: 4px;
+    background: #4A556C;
+    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
+    max-width: 224px;
+    text-align: left;
+    white-space: pre-wrap;
+}
+
+._tooltip_vitro-tooltip_JvGPShz .tooltip-arrow::before {
+    content: '';
+    display: block;
+    width: 16px;
+    height: 13px;
+    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");
+}
+
+._tooltip_vitro-tooltip_JvGPShz.bs-tooltip-top .tooltip-arrow::before {
+    top: -3px;
+}
+
+._tooltip_vitro-tooltip_JvGPShz.bs-tooltip-bottom .tooltip-arrow::before {
+    bottom: -3px;
+    transform: rotate(180deg);
+}
+
+._tooltip_vitro-tooltip_JvGPShz.bs-tooltip-end .tooltip-arrow::before {
+    right: -3px;
+    transform: rotate(90deg);
+}
+
+._tooltip_vitro-tooltip_JvGPShz.bs-tooltip-start .tooltip-arrow::before {
+    left: -3px;
+    transform: rotate(-90deg);
+}
+
 ._checkbox_vitro-control_DfB5DDM {
     width: 100%;
     position: relative;
@@ -2578,7 +2794,7 @@ html, body {
 ._date-picker_vitro-label_2jh9qxb {
     padding: 0 6px;
     background: #fff;
-    z-index: 1000;
+    z-index: 1;
     position: absolute;
     left: 10px;
     top: -10px;
@@ -2932,7 +3148,7 @@ html, body {
 ._time-picker_vitro-label_2b97aCy {
     padding: 0 6px;
     background: #fff;
-    z-index: 1000;
+    z-index: 1;
     position: absolute;
     left: 10px;
     top: -10px;
@@ -3170,7 +3386,6 @@ html, body {
 }
 
 ._lookup-picker-selected-item_vitro-selected-item_hw-euth {
-    margin-right: 6px;
     grid-gap: 8px;
 }
 
@@ -3350,7 +3565,7 @@ html, body {
 ._lookup-picker_vitro-label_2QoJkUz {
     padding: 0 6px;
     background: #fff;
-    z-index: 1000;
+    z-index: 1;
     position: absolute;
     left: 10px;
     top: -10px;
@@ -3404,7 +3619,7 @@ html, body {
     border: none;
     background: transparent;
     flex: 1 1;
-    min-width: 2px;
+    min-width: 8px;
     color: #222D44;
     font-size: 14px;
     line-height: 16px;
@@ -3423,12 +3638,16 @@ html, body {
     cursor: pointer;
     width: 24px;
     height: 24px;
-    margin-left: 4px;
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
 }
 
+._lookup-picker_vitro-button-collapse-up_3i0OJub,
+._lookup-picker_vitro-button-collapse-bottom_3o0Pl83 {
+    margin-left: 4px;
+}
+
 ._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");
@@ -3455,7 +3674,6 @@ html, body {
 }
 ._command-menu_vitro-command-menu_l82vtIh {
     display: flex;
-    z-index: 800;
     padding: 0 !important;
 	min-height: 32px;
 }
@@ -3613,16 +3831,17 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 ._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .dropdown-menu::before {
     content: '';
     display: block;
-    height: 11px;
-    width: 16px;
-    background-position: center;
-    background-size: 100%;
+    height: 21px;
+    width: 32px;
+    overflow: hidden;
+    background-position: center 0;
+    background-size: 44px 42px;
     background-repeat: no-repeat;
     position: absolute;
-    left: 24px;
-    top: -11px;
+    left: 16px;
+    top: -21px;
     /* dropdown-arrow.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
+    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");
 }
 
 ._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O:first-child .dropdown-menu {
@@ -3874,7 +4093,7 @@ 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;
+    padding: 0 8px 6px 8px;
     top: 0;
 }
 
@@ -3919,7 +4138,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 
 .vitro-bottom-menu {
     width: 100%;
-    z-index: 10000;
+    z-index: 1;
     flex-direction: row;
     height: 60px;
     padding: 0 21px !important;
@@ -4439,31 +4658,33 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     width: fit-content;
     border-radius: 4px;
     padding: 0;
-    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.10);
+    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;
 }
 
 ._user-profile_vitro-user-profile_11XpBoQ .dropdown-menu::before {
     content: '';
     display: block;
-    height: 11px;
-    width: 16px;
-    background-position: center;
-    background-size: 100%;
+    height: 21px;
+    width: 32px;
+    overflow: hidden;
+    background-position: center 0;
+    background-size: 44px 42px;
     background-repeat: no-repeat;
     position: absolute;
-    right: 8px;
-    top: -11px;
+    top: -21px;
+    right: 0;
     /* dropdown-arrow.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
+    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");
 }
 
 ._user-profile_vitro-dropdown-item_dSErsta {
     cursor: pointer;
     background: #fff;
+    color: #222D44;
     padding: 8px 12px;
     font-size: 14px;
-    line-height: 16px;
+    line-height: 21px;
 }
 
 ._user-profile_vitro-dropdown-item_dSErsta:first-child {
@@ -4478,7 +4699,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 
 ._user-profile_vitro-dropdown-item_dSErsta:hover,
 ._user-profile_vitro-dropdown-item_dSErsta:active {
-    background: #DCEEFF;
+    background: #F3F8FF;
 }
 
 ._user-profile_vitro-avatar_3SzDPAi {
@@ -4609,59 +4830,6 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     margin-right: 8px;
 }
 
-._tooltip_vitro-tooltip_JvGPShz {
-    display: none !important;
-    opacity: 1;
-}
-
-._tooltip_vitro-tooltip_JvGPShz[style*='transform'] {
-    display: block !important;
-}
-
-._tooltip_vitro-tooltip_JvGPShz .tooltip-inner {
-    color: #FFF;
-    font-family: 'InterRegular';
-    font-size: 14px;
-    line-height: 21px;
-    padding: 8px 10px;
-    border-radius: 4px;
-    background: #4A556C;
-    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
-    max-width: 224px;
-    text-align: left;
-    white-space: pre-wrap;
-}
-
-._tooltip_vitro-tooltip_JvGPShz .tooltip-arrow::before {
-    content: '';
-    display: block;
-    width: 16px;
-    height: 13px;
-    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");
-}
-
-._tooltip_vitro-tooltip_JvGPShz.bs-tooltip-top .tooltip-arrow::before {
-    top: -3px;
-}
-
-._tooltip_vitro-tooltip_JvGPShz.bs-tooltip-bottom .tooltip-arrow::before {
-    bottom: -3px;
-    transform: rotate(180deg);
-}
-
-._tooltip_vitro-tooltip_JvGPShz.bs-tooltip-end .tooltip-arrow::before {
-    right: -3px;
-    transform: rotate(90deg);
-}
-
-._tooltip_vitro-tooltip_JvGPShz.bs-tooltip-start .tooltip-arrow::before {
-    left: -3px;
-    transform: rotate(-90deg);
-}
-
 ._activity-message_vitro-activity-message_3GdyQuC {
     display: flex;
     flex-direction: column;
@@ -4935,7 +5103,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 ._criterion_vitro-label_3F6a8dj {
     padding: 0 6px;
     background: #fff;
-    z-index: 1000;
+    z-index: 1;
     position: absolute;
     left: 10px;
     top: -10px;
@@ -5092,16 +5260,17 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 ._criterion_vitro-condition-list_10UIxJI::before {
     content: '';
     display: block;
-    height: 11px;
-    width: 16px;
-    background-position: center;
-    background-size: 100%;
+    height: 21px;
+    width: 32px;
+    overflow: hidden;
+    background-position: center 0;
+    background-size: 44px 42px;
     background-repeat: no-repeat;
     position: absolute;
-    left: 24px;
-    top: -11px;
+    top: -21px;
+    left: 12px;
     /* dropdown-arrow.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
+    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");
 }
 
 ._criterion_vitro-condition-list_10UIxJI li {
@@ -5305,7 +5474,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     position: absolute;
     top: 36px;
     right: 0;
-    z-index: 10000001;
+    z-index: 2;
     padding: 24px 0 16px 12px;
     display: flex;
     flex-direction: column;