@vitrosoftware/common-ui-ts 1.1.97 → 1.1.99

package/dist/index.css

@@ -310,12 +310,12 @@ html, body {
 
 .ps__thumb-y {
     width: 4px !important;
-    right: 3px !important;
+    right: 4px !important;
 }
 
 .ps__thumb-x {
     height: 4px !important;
-    top: 3px !important;
+    top: 4px !important;
 }
 
 .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, 
@@ -439,6 +439,10 @@ html, body {
     padding-top: 8px;
 }
 
+.ps .jstree-container-ul {
+    padding-bottom: 12px;
+}
+
 ._tree-view_vitro-tree-view_3oii-CW {
     height: 100%;
 }
@@ -741,6 +745,31 @@ html, body {
     cursor: pointer;
 }
 
+._progress-bar_vitro-progress-bar_u2VLQeW {
+    width: 100%;
+    height: 8px;
+    background-color: #E9ECEF;
+    overflow: hidden;
+    border-radius: 4px;
+}
+
+._progress-bar_vitro-bar_7V1N3eH {
+    width: 0%;
+    height: 100%;
+    background: repeating-linear-gradient( 45deg, #3184FD, #3184FD 8px, #0D6EFD 8px, #0D6EFD 16px );
+    transition: width 0.3s ease;
+    background-size: 46px 46px;
+    animation: _progress-bar_progressBar_2l9PJjC 2s linear infinite;
+}
+
+@keyframes _progress-bar_progressBar_2l9PJjC {
+    from {
+        background-position: 46px 0;
+    }
+    to {
+        background-position: 0 0;
+    }
+}
 ._uploader_vitro-uploader_237vX7T {
     bottom: 24px;
     right: 24px;
@@ -1074,21 +1103,10 @@ html, body {
     pointer-events: none;
 }
 
-._uploader_vitro-progress_2NtaSj2 {
-    width: 100%;
-    background-color: #E9ECEF;
-    border-radius: 4px;
-    overflow: hidden;
+._uploader_vitro-progress-bar_3YXLbbu {
     margin-top: 8px;
 }
 
-._uploader_vitro-uploader_237vX7T ._uploader_vitro-progress-bar_3YXLbbu {
-    width: 0%;
-    height: 8px;
-    background: repeating-linear-gradient( 45deg, #3184FD, #3184FD 8px, #0D6EFD 8px, #0D6EFD 16px );
-    transition: width 1s ease;
-}
-
 .vitro-display-none {
     display: none;
 }
@@ -1178,22 +1196,184 @@ 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;
+._tooltip_vitro-tooltip_JvGPShz {
+    display: none !important;
+    opacity: 1 !important;
+    z-index: 10000 !important;
 }
 
-._button-group_vitro-button-group_3TLqxjf > button:first-child {
-    margin-left: 0px;
-}
+._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('@vitrosoftware/common-ui-ts/css/std/controls/tooltip/img/tooltip-arrow.svg');
+}
+
+._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);
+}
 
 .vitro-display-none {
     display: none;
 }
 
+._image-button_vitro-image-button_34pBVmE,
+._image-button_vitro-image-button_34pBVmE:hover,
+._image-button_vitro-image-button_34pBVmE:active {
+    width: 20px;
+    height: 20px;
+    flex-shrink: 0;
+    background-position: center;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    border: none;
+    outline: none;
+    background-color: transparent;
+}
+
+._dialog-content_vitro-dialog-content_qQNWu6x {
+    min-width: auto;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    flex-shrink: 1;
+    padding: 0 24px 16px 24px;
+}
+
+._dialog-content_vitro-dialog-content_qQNWu6x > #TreeView > .ps {
+    padding-top: 12px !important;
+    padding-left: 16px;
+}
+
+._dialog-content_vitro-dialog-content_qQNWu6x > #TreeView {
+    margin-left: -24px;
+    margin-right: -24px;
+}
+
+._dialog-content_vitro-dialog-content_qQNWu6x > div {
+    max-height: 100%;
+}
+
+@media (max-width: 800px) {
+    ._dialog-content_vitro-dialog-content_qQNWu6x {
+        padding: 0 16px 16px 16px;
+    }
+}
+._heading_vitro-heading-h1_3SB01Ds {
+    color: #222D44;
+    font-size: 20px;
+    line-height: 24px;
+    font-family: 'InterRegular';
+    font-weight: unset;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+._heading_vitro-heading-h2_2W1uEiH {
+    color: #222D44;
+    font-size: 14px;
+    line-height: 16px;
+    font-family: 'InterRegular';
+    font-weight: unset;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+._heading_vitro-heading-h3_3H5QlHH {
+    color: #222D44;
+    font-size: 14px;
+    line-height: 16px;
+    font-family: 'InterMedium';
+    font-weight: unset;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+._heading_vitro-heading-h4_y-DCkfR {
+    color: #222D44;
+    font-size: 12px;
+    line-height: 16px;
+    font-family: 'InterRegular';
+    font-weight: unset;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+._heading_vitro-heading-h5_2MeHzg3 {
+    color: #222D44;
+    font-size: 11px;
+    line-height: 16px;
+    font-family: 'InterRegular';
+    font-weight: unset;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+._dialog-header_vitro-dialog-header_2W3GraU {
+    padding: 20px;
+    background: #fff;
+    border-radius: 4px 4px 0 0;
+    display: flex;
+    align-items: center;
+}
+
+._dialog-header_vitro-subtitle_3mjvJAN {
+    line-height: 150%;
+}
+
+._dialog-header_vitro-image_3TdbvmV {
+    width: 38px;
+    height: 38px;
+    margin-right: 16px;
+}
+
+@media (max-width: 800px) {
+    ._dialog-header_vitro-dialog-header_2W3GraU {
+        padding: 12px 16px;
+    }
+
+    ._dialog-header_vitro-dialog-header_2W3GraU h1 {
+        font-size: 16px !important;
+        line-height: 140% !important;
+    }
+}
 ._button_vitro-button_hVfBuSO {
     font-family: 'InterMedium';
     font-size: 14px;
@@ -1269,375 +1449,447 @@ html, body {
 .vitro-display-none {
     display: none;
 }
-._action-handler_vitro-action-handler_1wgWRHB > div.popover {
-    z-index: 10000;
-    max-width: unset !important;
-    border: none;
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.16), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
-}
+._button-cancel_vitro-button-cancel_2UT1K9Z {
+    cursor: pointer;
+    background: #fff !important;
+    color: #222D44 !important;
+    border: 1px solid #E4E6EC !important;
+    font-family: 'InterRegular' !important;
+}
+
+._button-cancel_vitro-button-cancel_2UT1K9Z:hover, 
+._button-cancel_vitro-button-cancel_2UT1K9Z:active {
+    background: #F3F8FF !important;
+}
 
-._action-handler_vitro-icon-before_2OomEjN,
-._action-handler_vitro-icon-progress_2QurHaw,
-._action-handler_vitro-icon-success_3Pt7XlJ,
-._action-handler_vitro-icon-error_2elcVFa {
-    background-size: 100%;
-    background-position: center;
-    background-repeat: no-repeat;
+._button-group_vitro-button-group_3TLqxjf {
+    display: flex;
+    justify-content: flex-start;
+    width: 100%;
+    padding: 0;
+    justify-content: flex-end;
+    align-items: center;
+}
+
+._button-group_vitro-button-group_3TLqxjf > button:first-child {
+    margin-left: 0px;
 }
 
-._action-handler_vitro-icon-before_2OomEjN {
-    width: 42px;
-    height: 42px;
-    min-width: 42px;
-    margin-right: 16px;
+._expand-collapse-button_vitro-expand-collapse-button_2O97Y_w:hover,
+._expand-collapse-button_vitro-expand-collapse-button_2O97Y_w:active,
+._expand-collapse-button_vitro-expand-collapse-button_2O97Y_w {
+    width: -moz-fit-content;
+    width: fit-content;
+    height: -moz-fit-content;
+    height: fit-content;
+    border: none;
+    outline: none;
+    background-color: transparent;
+    font-size: 14px;
+    line-height: 150%;
+    display: flex;
+    align-items: center;
+    grid-gap: 10px;
+    padding: 0;
 }
 
-._action-handler_vitro-icon-progress_2QurHaw,
-._action-handler_vitro-icon-success_3Pt7XlJ,
-._action-handler_vitro-icon-error_2elcVFa,
-._action-handler_vitro-icon-warning_3X_YncE {
+._expand-collapse-button_vitro-expanded_bPbXQ6M,
+._expand-collapse-button_vitro-collapsed_1NqpRKU {
+    flex-shrink: 0;
     width: 24px;
     height: 24px;
-    margin-right: 8px;
-}
-
-._action-handler_vitro-icon-before_2OomEjN {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/question.svg');
-}
-
-._action-handler_vitro-icon-progress_2QurHaw {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/progress.svg');
-}
-
-._action-handler_vitro-icon-error_2elcVFa {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/error.svg');
-}
-
-._action-handler_vitro-icon-success_3Pt7XlJ {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/success.svg');
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
 }
 
-._action-handler_vitro-icon-warning_3X_YncE {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/warning.svg');
+._expand-collapse-button_vitro-expanded_bPbXQ6M {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/expand-collapse-button/img/collapse-up.svg');
 }
 
-._action-handler_vitro-action-handler_1wgWRHB .popover-body {
-    padding: 24px;
-    width: 460px;
-    height: 170px;
+._expand-collapse-button_vitro-collapsed_1NqpRKU {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/expand-collapse-button/img/collapse-bottom.svg');
 }
 
-._action-handler_vitro-action-handler_1wgWRHB .popover-body ._action-handler_vitro-content_1UEsgWV {
+._dialog-footer_vitro-dialog-footer_2vUQ3aG {
     display: flex;
-    flex-direction: column;
-}
-
-._action-handler_vitro-flex_ryggQ_S {
-    display: flex;
-}
-
-.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
-    border-bottom-color: rgba(0, 0, 0, 0.12);
-}
-
-._action-handler_vitro-interface-blur_3p_JKB_ {
-    position: absolute;
-    z-index: 100000;
-    height: 100vh;
-    width: 100vw;
-    top: 0;
-    left: 0;
-}
-
-._action-handler_vitro-action-handler-dialog-confirm_30dwuBp, ._action-handler_vitro-action-handler-dialog_1rRT66e {
-    z-index: 100000000;
-    position: absolute;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    overflow: hidden;
-}
-
-._action-handler_vitro-action-handler-dialog-confirm_30dwuBp {
-    top: 0;
-    left: 0;
-    box-sizing: border-box !important;
-}
-
-._action-handler_vitro-content-container_DBST6Nz {
-    padding: 16px;
-    flex: 1 1;
-}
-
-._action-handler_vitro-confirm_24pI7Nj ._action-handler_vitro-content-container_DBST6Nz {
-    padding: 0;
-}
-
-._action-handler_vitro-content_1UEsgWV {
-    width: 100%;
-    height: 100%;
-}
+    justify-content: flex-end;
+    width: 100%;
+    height: 88px;
+    margin-top: auto;
+    padding: 24px;
+    background-color: #F8F9FA;
+    border-radius: 0 0 4px 4px;
+    border-top: 1px solid #E4E6EC;
+}
+
+._dialog-footer_vitro-button-group_1HXCUOQ {
+    grid-gap: 12px;
+}
+
+._dialog-footer_vitro-button_3RufMLa {
+    min-width: 139px;
+    height: 40px !important;
+    font-size: 16px;
+}
+
+._dialog-footer_vitro-detail-button_Ue4coux {
+    color: #2A63F6;
+    margin-right: auto;
+}
+
+._dialog-footer_vitro-expand_cSDlKgd,
+._dialog-footer_vitro-collapse_21FwaIZ {
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    background-color: #fff;
+    overflow: hidden;
+    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+._dialog-footer_vitro-expand_cSDlKgd {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dialog/img/collapse-bottom-grey.svg');
+}
+
+._dialog-footer_vitro-collapse_21FwaIZ {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dialog/img/collapse-up-grey.svg');
+}
+
+
+@media (max-width: 800px) {
+    ._dialog-footer_vitro-dialog-footer_2vUQ3aG {
+        justify-content: center !important;
+    }
+
+    ._dialog-footer_vitro-button_3RufMLa {
+        width: 100%;
+        min-width: unset;
+        font-size: 14px;
+        font-family: 'InterRegular';
+        line-height: 16px;
+    }
+
+    ._dialog-footer_vitro-detail-button_Ue4coux {
+        margin-left: 16px;
+        margin-bottom: 16px;
+    }
+}
 
-._action-handler_vitro-action-handler-dialog-confirm_30dwuBp {
-    height: 100%;
-    width: 100%;
-    background: rgba(34, 45, 68, 0.2);
+._dialog_vitro-dialog_2NzcRZg {
+    position: fixed;
+    margin: 0 auto;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 1002;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(34, 45, 68, 0.2);
+}
+
+._dialog_vitro-dialog_2NzcRZg > div {
+    display: flex;
+    flex-direction: column;
+    border: 1px solid rgba(74, 85, 108, 0.35);
+    background: #fff;
+    position: absolute;
+    overflow: visible;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    opacity: 1;
+    border-radius: 4px;
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+    min-width: 469px;
+    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 12px 34px 0 rgba(0, 0, 0, 0.19);
+}
+
+._dialog_vitro-dialog-button-close_2TF5iry,
+._dialog_vitro-dialog-button-close_2TF5iry:hover,
+._dialog_vitro-dialog-button-close_2TF5iry:active {
+    display: block;
+    position: absolute;
+    border: none;
+    background: 0 0;
+    outline: 0;
+    cursor: pointer;
+    padding: 0;
+    width: 30px;
+    height: 30px;
+    right: -42px;
+    top: 0;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dialog/img/cancel-white.svg');
+}
+
+._dialog_vitro-hidden-content_niGbpGx {
+    max-height: 500px;
+    overflow: hidden;
+    transition: max-height 0.5s ease;
+}
+
+._dialog_vitro-hidden-content_niGbpGx._dialog_vitro-hidden_1kSAyNC {
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.5s ease;
+}
+
+@media (max-width: 800px) {
+    ._dialog_vitro-dialog_2NzcRZg {
+        z-index: 10001 !important;
+    }
+
+    ._dialog_vitro-dialog_2NzcRZg > div {
+        min-width: unset;
+        max-width: calc(100% - 16px);
+    }
+
+    ._dialog_vitro-dialog-button-close_2TF5iry {
+        display: none;
+    }
 }
-
-._action-handler_vitro-action-handler-dialog-confirm_30dwuBp ._action-handler_vitro-content_1UEsgWV {
-    padding: 24px;
-    width: 460px;
-    height: 170px;
-    background: #fff;
-    border-radius: 4px;
-    border: 1px solid #C0CAD5;
-    position: absolute;
-    top: calc(50% - 75px);
-    left: calc(50% - 230px);
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.16), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
+._confirm-dialog_vitro-confirm-dialog_1r-CtWW {
+    min-width: 469px;
+    max-width: 706px;
+    border: 1px solid rgba(74, 85, 108, 0.35);
+    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 12px 34px 0 rgba(0, 0, 0, 0.19);
+}
+
+._confirm-dialog_vitro-confirm-dialog_1r-CtWW h1 {
+    font-size: 18px;
+}
+
+._confirm-dialog_vitro-image_3vwBe8E {
+    height: 40px;
+    width: 40px;
+    margin-right: 8px;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/question.svg');
+}
+
+._confirm-dialog_vitro-header_3nRlgzW {
+    height: 88px;
+    padding: 24px 20px;
+    border-bottom: none;
+}
+._action-result-list_vitro-action-result-list_fJtJWdL {
+    width: 100%;
+    padding-left: 12px;
+}
+
+._action-result-list_vitro-scrollbar_1mcualw > div:first-child {
+    padding-right: 16px;
+}
+
+._action-result-list_vitro-result-item_2AUSpie {
+    display: flex;
+    border-top: 1px solid #E4E6EC;
+    padding: 8px 0;
+}
+
+._action-result-list_vitro-result-item_2AUSpie:nth-child(2) {
+    padding-top: 12px;
+}
+
+._action-result-list_vitro-image-container_ModalRS {
+    flex-shrink: 0;
+    margin-right: 8px;
+    height: 24px;
+    width: 24px;
+}
+
+._action-result-list_vitro-image-container_ModalRS img {
+    width: 24px;
+    height: 24px;
+}
+
+._action-result-list_vitro-flex-column_3z0h2Y_ {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1;
+}
+
+._action-result-list_vitro-name_10TEfnU {
+    font-size: 12px;
+    line-height: 16px;
+}
+
+._action-result-list_vitro-error-message_12OqWLU,
+._action-result-list_vitro-success-message_1yRyyKc {
+    font-size: 12px;
+    line-height: 16px;
+    margin-top: 8px;
+}
+
+._action-result-list_vitro-error-message_12OqWLU {
+    color: #D13438;
+}
+
+._action-result-list_vitro-success-message_1yRyyKc {
+    color: #198754;
+}
+
+._action-result-list_vitro-image-success_2ovrZNi,
+._action-result-list_vitro-image-error_KGQj2dj {
+    margin-left: 4px;
+    flex-shrink: 0;
+    height: 24px;
+    width: 24px;
+    background-size: 100%;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+._action-result-list_vitro-image-success_2ovrZNi {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/success.svg');
+}
+
+._action-result-list_vitro-image-error_KGQj2dj {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/error.svg');
+}
+
+._action-result-list_vitro-hidden_1_bZmps {
+    max-height: 0;
+    transition: max-height 0.4s ease;
+}
+
+._action-result-list_vitro-visible_2K_m-HH {
+    max-height: 2000px;
+    overflow: hidden;
+    transition: max-height 0.4s ease;
+}
+._result-dialog_vitro-result-dialog_kqxXHts {
+    z-index: 1001;
+    position: fixed;
     display: flex;
     flex-direction: column;
-    box-sizing: border-box;
-    max-width: 460px;
-}
-
-._action-handler_vitro-action-handler-dialog_1rRT66e {
+    justify-content: space-between;
+    overflow: hidden;
     height: auto;
-    width: 450px;
+    max-height: 74%;
+    width: 400px;
     top: 56px;
-    right: 24px;
+    right: 16px;
     overflow: hidden;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.16), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
     border-radius: 4px;
     background: #fff;
 }
 
-._action-handler_vitro-action-handler-dialog_1rRT66e ._action-handler_vitro-flex_ryggQ_S,
-.popover-body ._action-handler_vitro-flex_ryggQ_S {
-    overflow: hidden;
+._result-dialog_vitro-result-dialog_kqxXHts._result-dialog_vitro-progress_3WaZ52V {
+    width: 400px;
 }
 
-._action-handler_vitro-action-handler-dialog_1rRT66e ._action-handler_vitro-flex_ryggQ_S > span {
-    font-size: 14px;
-    flex: 1 1;
+._result-dialog_vitro-result-dialog_kqxXHts._result-dialog_vitro-success_3UZikJl,
+._result-dialog_vitro-result-dialog_kqxXHts._result-dialog_vitro-error_3-IKuM9 {
+    width: 467px;
 }
 
-._action-handler_vitro-progress_2RheviN {
-    width: 100%;
-    background-color: transparent;
-    overflow: hidden;
-    margin-top: -4px;
-}
-
-._action-handler_vitro-progress-bar_1dwFpsn {
-    width: 1%;
-    height: 4px;
-    background: #3274E0;
+._result-dialog_vitro-result-dialog_kqxXHts._result-dialog_vitro-success_3UZikJl ._result-dialog_vitro-header_2rBOm3x,
+._result-dialog_vitro-result-dialog_kqxXHts._result-dialog_vitro-error_3-IKuM9 ._result-dialog_vitro-header_2rBOm3x {
+    padding: 12px 16px 12px 12px;
 }
 
-._action-handler_vitro-flex_ryggQ_S > span {
-    color: #222D44;
-    font-size: 18px;
-    line-height: 150%;
-    margin-top: auto;
-    padding-bottom: 5px
+._result-dialog_vitro-result-dialog_kqxXHts._result-dialog_vitro-success_3UZikJl {
+    border-left: 4px solid #198754;
 }
 
-._action-handler_vitro-small_oqifqlS {
-    display: inline-block;
-    color: #4A556C;
-    font-size: 14px;
-    line-height: 150% !important;
-    padding-left: 59px;
-    margin-top: -5px;
-    max-width: 100%;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
+._result-dialog_vitro-result-dialog_kqxXHts._result-dialog_vitro-success_3UZikJl ._result-dialog_vitro-image_19CVcbX {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/success.svg');
 }
 
-._action-handler_vitro-button-close_3mRTgQq {
-    cursor: pointer;
-    width: 24px;
-    height: 24px;
-    background-size: 100%;
-    background-position: center;
-    background-repeat: no-repeat;
-    margin-left: 10px;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/cancel-red-big.svg');
+._result-dialog_vitro-result-dialog_kqxXHts._result-dialog_vitro-error_3-IKuM9 {
+    border-left: 4px solid #D13438;
 }
-
-._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;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/cancel-dark-grey.svg');
+    
+._result-dialog_vitro-result-dialog_kqxXHts._result-dialog_vitro-error_3-IKuM9 ._result-dialog_vitro-image_19CVcbX {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/error.svg');
 }
 
-._action-handler_vitro-button-cancel_GE8JsGp {
-    cursor: pointer;
-    background: #fff !important;
-    color: #222D44 !important;
-    border: 1px solid #E4E6EC !important;
-    margin-right: 12px !important;
-    font-family: 'InterRegular' !important;
+._result-dialog_vitro-header_2rBOm3x {
+    display: flex;
+    flex-direction: column;
+    padding: 12px 16px;
 }
 
-._action-handler_vitro-button-cancel_GE8JsGp:hover, ._action-handler_vitro-button-cancel_GE8JsGp:active {
-    background: #F3F8FF !important;
+._result-dialog_vitro-flex_1CUfSCh {
+    display: flex;
+    align-items: center;
+    grid-gap: 8px;
 }
 
-._action-handler_vitro-button_1wSNAYT, ._action-handler_vitro-button-cancel_GE8JsGp {
-    min-width: 120px !important;
-    height: 40px !important;
-    font-size: 16px !important;
+._result-dialog_vitro-image_19CVcbX {
+    flex-shrink: 0;
+    align-self: flex-start;
+    height: 24px;
+    width: 24px;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
 }
 
-._action-handler_vitro-success_1bfGHQQ {
-    border-left: 4px solid #198754;
+._result-dialog_vitro-result-text_3wNan1D {
+    font-size: 14px;
+    line-height: 150%;
+    white-space: pre-wrap;
 }
 
-._action-handler_vitro-error_1XXlWG- {
-    border-left: 4px solid #D13438;
+._result-dialog_vitro-button-group_2cBzj9Q {
+    grid-gap: 8px;
+    width: unset;
+    flex: 1 1;
+    align-self: flex-start;
 }
 
-._action-handler_vitro-warning_2uE9UfG {
-    border-left: 4px solid #F3AD4A;
+._result-dialog_vitro-progress-bar_2MazExd {
+    margin-top: 8px;
+    padding-right: 16px;
 }
 
-._action-handler_vitro-button-collapse-up_2lQ6JWm,
-._action-handler_vitro-button-collapse-bottom_aocIZUX {
+._result-dialog_vitro-button-close_AJxsgiW,
+._result-dialog_vitro-button-close_AJxsgiW:hover,
+._result-dialog_vitro-button-close_AJxsgiW:active {
+    cursor: pointer;
     width: 24px;
     height: 24px;
     background-size: 100%;
-    background-position: center;
     background-repeat: no-repeat;
-    cursor: pointer;
-}
-
-._action-handler_vitro-button-collapse-bottom_aocIZUX {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/collapse-up.svg');
-}
-
-._action-handler_vitro-button-collapse-up_2lQ6JWm {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/collapse-bottom.svg');
+    background-position: center;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/cancel-dark-grey.svg');
 }
 
-@media (max-width: 800px) {
-    ._action-handler_vitro-action-handler-dialog-confirm_30dwuBp ._action-handler_vitro-content_1UEsgWV {
-        width: 100%;
-    }
+._result-dialog_vitro-save-report-button_28kdZ5l,
+._result-dialog_vitro-save-report-button_28kdZ5l:hover,
+._result-dialog_vitro-save-report-button_28kdZ5l:active {
+    font-size: 14px;
+    line-height: 150%;
+    color: #3274E0;
+    border: none;
+    outline: none;
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    padding: 0;
+    margin-left: auto;
 }
 
-@media (max-width: 460px) {
-    ._action-handler_vitro-action-handler-dialog-confirm_30dwuBp ._action-handler_vitro-content_1UEsgWV {
-        left: auto;
-    }
-}
-._action-handler-info_vitro-info-container_eNvJr3n {
-    width: 100%;
-    padding-top: 16px;
-    margin-top: 16px;
-    border-top: 1px solid #E4E6EC;
-}
-
-._action-handler-info_vitro-action-info_40N4L4N {
-    color: #4A556C;
-    font-size: 14px;
-    line-height: 21px;
-    margin-left: 32px;
-}
-
-._action-handler-info_vitro-item_2pXL5Ks {
-    display: flex;
-    margin-bottom: 4px;
-    height: 32px;
-    justify-content: space-between;
-    align-items: center;
-}
-
-._action-handler-info_vitro-item_2pXL5Ks:last-child {
-    margin-bottom: 0;
-}
-
-._action-handler-info_vitro-title_kdIhxqv {
-    color: #222D44;
-    font-size: 12px;
-    line-height: 16px;
-}
-
-._action-handler-info_vitro-subtitle_29cfoD0 {
-    color: #8E98A3;
-    font-size: 11px;
-    line-height: 16px;
-}
-
-._action-handler-info_vitro-progress-bar_2IxowO0 {
-    width: 32px;
-    height: 32px;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: #3274E0;
-    position: relative;
-    margin-left: 12px;
-}
-
-._action-handler-info_vitro-progress-bar_2IxowO0::before {
-    content: '';
-    display: block;
-    width: 28px;
-    height: 28px;
-    background: #fff;
-    border-radius: 50%;
-    position: absolute;
-    top: calc(50% - 14px);
-    left: calc(50% - 14px);
-}
-
-._action-handler-info_vitro-button-cancel_3eqrIKx {
-    cursor: pointer;
-    width: 16px;
-    height: 16px;
-    z-index: 100;
-    background-size: 100%;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/cancel-dark-grey.svg');
-}
-
-._action-handler-info_vitro-success_22wks7Q,
-._action-handler-info_vitro-progress_1pVf3VJ,
-._action-handler-info_vitro-error_2JNd137,
-._action-handler-info_vitro-status_3Ey3f6C {
-    font-size: 12px;
-    line-height: 16px;
-    white-space: nowrap;
-    display: flex;
-    align-items: center;
-}
-
-._action-handler-info_vitro-success_22wks7Q {
-    color: #198754;
-}
-
-._action-handler-info_vitro-progress_1pVf3VJ {
-    color: #2A63F6;
-}
-
-._action-handler-info_vitro-error_2JNd137 {
-    color: #D13438;
-}
-
-._action-handler-info_vitro-status_3Ey3f6C {
-    color: #4A556C;
-}
-._view-part_vitro-view-part_3j_gZpl {
-    margin-left: -16px;
-    margin-right: -16px;
+._result-dialog_vitro-save-report-image_2fnLBCP {
+    width: 24px;
+    height: 24px;
+    margin-left: 4px;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/save-blue.svg');
 }
-
 ._view-part_vitro-view-part_3j_gZpl:last-child {
     flex-grow: 1;
     max-height: 100%;
@@ -1916,7 +2168,6 @@ html, body {
 
 ._view_vitro-view_1NKb-kU {
     flex: 1 1;
-    padding: 16px;
     overflow: hidden;
 }
 
@@ -1925,6 +2176,14 @@ html, body {
     flex-grow: 1;
 }
 
+._view_vitro-tab_2sqf0L9 .nav {
+    padding: 16px 16px 0 16px;
+}
+
+._view_vitro-tab_2sqf0L9 > .vitro-content {
+    overflow: hidden;
+}
+
 ._label_vitro-label_it8WNUE {
     font-size: inherit;
     margin-left: 0;
@@ -1981,7 +2240,7 @@ html, body {
 }
 
 ._input_vitro-control_1DmPFkF textarea::-webkit-scrollbar-track {
-    background: #fff;
+    background: transparent;
     border-radius: 4px;
 }
 
@@ -1996,8 +2255,6 @@ html, body {
 
 ._input_vitro-control_1DmPFkF textarea {
     line-height: 150%;
-    scrollbar-color: #E4E6EC #fff;
-    scrollbar-width: thin;
 }
 
 ._input_vitro-control_1DmPFkF input::-moz-placeholder, ._input_vitro-control_1DmPFkF textarea::-moz-placeholder {
@@ -2063,7 +2320,7 @@ html, body {
     padding: 0 6px;
     background: transparent;
     background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 2px;
+    background-size: 100% 3px;
     background-position: 0 calc(50% + 3px);
     background-repeat: no-repeat;
     z-index: 1;
@@ -2090,9 +2347,6 @@ html, body {
     line-height: 19px;
     margin-top: 2px;
     width: 100%;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
 }
 
 ._input_vitro-focus_1txynr8 ._input_vitro-error-text_QpZK56k {
@@ -2286,16 +2540,20 @@ html, body {
     cursor: pointer;
 }
 
-._file-version-select_vitro-file-name_1PtLh8A {
-    text-overflow: ellipsis;
-    overflow: hidden;
+._file-version-select_vitro-file-name_1PtLh8A,
+._file-version-select_vitro-file-name-tip_12pxa7I {
     color: #222D44;
     font-size: 14px;
     line-height: 16px;
     white-space: nowrap;
 }
 
-._file-version-select_vitro-position-absolute_1ENrwLq {
+._file-version-select_vitro-file-name_1PtLh8A {
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+._file-version-select_vitro-file-name-tip_12pxa7I {
     position: absolute;
     top: 0;
     left: 0;
@@ -2445,60 +2703,6 @@ html, body {
 ._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('@vitrosoftware/common-ui-ts/css/std/controls/tooltip/img/tooltip-arrow.svg');
-}
-
-._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);
-}
-
 ._login-content_vitro-login-content_2RdLZle {
     height: 100%;
     width: 100%;
@@ -2643,7 +2847,7 @@ html, body {
 ._checkbox_vitro-checkbox-content_2fBG1zl input {
     width: 24px;
     height: 24px;
-    margin-right: 6px;
+    margin-right: 4px;
     cursor: pointer;
     -moz-appearance: none;
          appearance: none;
@@ -2656,18 +2860,18 @@ html, body {
     display: block;
     width: 100%;
     height: 100%;
-    background: #fff;
+    background: transparent;
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
 }
 
 ._checkbox_vitro-checkbox-content_2fBG1zl input::before {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/checkbox/img/checkbox-big-empty.svg');
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/checkbox/img/checkbox-empty.svg');
 }
 
 ._checkbox_vitro-checkbox-content_2fBG1zl input:checked::before {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/checkbox/img/checkbox-big-active.svg');
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/checkbox/img/checkbox-active.svg');
 }
 
 ._checkbox_vitro-label_qZxCbCP {
@@ -3182,7 +3386,7 @@ html, body {
     padding: 0 6px;
     background: transparent;
     background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 2px;
+    background-size: 100% 3px;
     background-position: 0 calc(50% + 3px);
     background-repeat: no-repeat;
     z-index: 1;
@@ -3210,9 +3414,6 @@ html, body {
     line-height: 135%;
     margin-top: 2px;
     width: 100%;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
 }
 
 ._date-picker_vitro-focus_2cJKcKr ._date-picker_vitro-error-text_15CdrRj {
@@ -3537,7 +3738,7 @@ html, body {
     padding: 0 6px;
     background: transparent;
     background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 2px;
+    background-size: 100% 3px;
     background-position: 0 calc(50% + 3px);
     background-repeat: no-repeat;
     z-index: 1;
@@ -3565,9 +3766,6 @@ html, body {
     line-height: 135%;
     margin-top: 2px;
     width: 100%;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
 }
 
 ._time-picker_vitro-focus_wmhPjvE ._time-picker_vitro-error-text_2BNoBKW {
@@ -3958,7 +4156,7 @@ html, body {
     padding: 0 6px;
     background: transparent;
     background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 2px;
+    background-size: 100% 3px;
     background-position: 0 calc(50% + 3px);
     background-repeat: no-repeat;
     z-index: 1;
@@ -3975,9 +4173,6 @@ html, body {
     line-height: 135%;
     margin-top: 2px;
     width: 100%;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
 }
 
 ._lookup-picker_vitro-focus_2UGpxXD ._lookup-picker_vitro-error-text_273lqvD {
@@ -4548,17 +4743,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     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;
 }
@@ -4581,25 +4765,17 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     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 {
+._sidebar-item_vitro-scrollbar___xylIx ._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:last-child {
+._sidebar-item_vitro-scrollbar___xylIx ._sidebar-item_vitro-item_1BR_7F0:last-child {
     margin-bottom: 16px;
 }
 
-._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 {
+._sidebar-item_vitro-scrollbar___xylIx ._sidebar-item_vitro-item_1BR_7F0 > a,
+._sidebar-item_vitro-scrollbar___xylIx ._sidebar-item_vitro-item_1BR_7F0 > button {
     background-color: #fff;
     padding: 12px;
     height: 48px;
@@ -4609,8 +4785,8 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     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 {
+._sidebar-item_vitro-scrollbar___xylIx ._sidebar-item_vitro-item_1BR_7F0 > a::before,
+._sidebar-item_vitro-scrollbar___xylIx ._sidebar-item_vitro-item_1BR_7F0 > button::before {
     content: '';
     display: block;
     flex-shrink: 0;
@@ -4622,15 +4798,15 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     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 {
+._sidebar-item_vitro-scrollbar___xylIx ._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 {
+._sidebar-item_vitro-scrollbar___xylIx ._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 {
+._sidebar-item_vitro-scrollbar___xylIx ._sidebar-item_vitro-item-text_1kK_aIZ {
     font-size: 16px;
     line-height: 24px;
     color: #222D44;
@@ -4646,6 +4822,45 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     border-radius: 2px;
     margin: 12px auto;
 }
+._slide-up-panel_vitro-slide-up-panel_2EOSLHK {
+    transform: translate3d(0px, 0, 0px) !important;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    background: rgba(34, 45, 68, 0.56);
+    z-index: 1;
+}
+
+._slide-up-panel_vitro-content_1er6bcv {
+    background: #F7F9FC;
+    width: 100%;
+    border-radius: 8px 8px 0 0;
+    padding-bottom: 66px;
+    margin: auto 0 0 0;
+    max-height: 87%;
+}
+
+._slide-up-panel_vitro-content_1er6bcv {
+    transform: translate(0, 100%);
+    transition: transform 0.3s ease;
+}
+
+._slide-up-panel_vitro-content_1er6bcv._slide-up-panel_vitro-expanded_2f2dYt6 {
+    transform: translate(0, 0);
+    transition: transform 0.3s ease;
+}
+
+._slide-up-panel_vitro-button-close_2iM7SFL {
+    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%;
     position: fixed;
@@ -5215,157 +5430,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 ._alert_vitro-alert_3sPAkJb .alert-warning ._alert_vitro-icon_pK385gF {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/warning.svg');
 }
-._dialog-content_vitro-dialog-content_qQNWu6x {
-    min-width: auto;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-    flex-shrink: 1;
-}
-
-._dialog-content_vitro-dialog-content_qQNWu6x > #TreeView > .ps {
-    padding-top: 12px !important;
-    padding-left: 16px;
-}
-
-._dialog-content_vitro-dialog-content_qQNWu6x > div {
-    max-height: 100%;
-}
-._dialog-header_vitro-dialog-header_2W3GraU {
-    padding: 20px 16px;
-    border-bottom: 1px solid #E4E6EC;
-    background: #fff;
-    border-radius: 4px 4px 0 0;
-    display: flex;
-    align-items: center;
-}
-
-._dialog-header_vitro-title_2k8SPhE {
-    color: #222D44;
-    font-size: 20px;
-    line-height: 24px;
-    font-family: 'InterRegular';
-    margin-bottom: 0;
-}
-
-._dialog-header_vitro-description_Hiq51VI {
-    color: #4A556C;
-    font-size: 14px;
-    line-height: 16px;
-    font-family: 'InterRegular';
-    margin-top: 7px;
-    margin-bottom: 0;
-}
-
-._dialog-header_vitro-image_3TdbvmV {
-    width: 38px;
-    height: 38px;
-    margin-right: 16px;
-}
-._dialog-button_vitro-dialog-button_1fQ5l22 {
-    margin-left: 12px;
-}
-
-._dialog-button_vitro-dialog-button_1fQ5l22:disabled {
-    background: #E0E0E0;
-}
-._dialog-button-close_vitro-dialog-button-close_1p27cEz {
-    display: block;
-    position: absolute;
-    border: none;
-    background: 0 0;
-    outline: 0;
-    cursor: pointer;
-    padding: 0;
-    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 {
-    font-family: 'InterRegular' !important;
-    background: #fff !important;
-    color: #222D44 !important;
-    border: none;
-}
-
-._dialog-button-close_vitro-button-close_2BpzTR0:hover,
-._dialog-button-close_vitro-button-close_2BpzTR0:active {
-    background: #F3F8FF !important;
-}
-
-@media (max-width: 650px) {
-    ._dialog-button-close_vitro-dialog-button-close_1p27cEz {
-        display: none;
-    }
-}
-
-._dialog-footer_vitro-dialog-footer_2vUQ3aG {
-    display: flex;
-    justify-content: flex-end;
-    background: #fff;
-    width: 100%;
-    padding: 16px;
-    border-top: 1px solid #E4E6EC;
-    margin-top: auto;
-    border-radius: 0 0 4px 4px;
-}
-
-@media (max-width: 800px) {
-    ._dialog-footer_vitro-dialog-footer_2vUQ3aG {
-        justify-content: center !important;
-    }
-    button {
-        width: 100%;
-    }
-}
-
-._dialog_vitro-dialog_2NzcRZg {
-    position: fixed;
-    margin: 0 auto;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    z-index: 1001;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: rgba(34, 45, 68, 0.2);
-}
-
-._dialog_vitro-dialog_2NzcRZg > div {
-    display: flex;
-    flex-direction: column;
-    border: 1px solid #C0CAD5;
-    background: #fff;
-    position: absolute;
-    overflow: visible;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    opacity: 1;
-    border-radius: 4px;
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
-}
-
-@media (max-width: 800px) {
-    ._dialog_vitro-dialog_2NzcRZg {
-        z-index: 10001 !important;
-    }
-        ._dialog_vitro-dialog_2NzcRZg > div {
-            width: 100% !important;
-            height: 100% !important;
-            border-radius: 0 !important;
-            border: none !important;
-        }
-}
-
 ._user-profile_vitro-user-profile_11XpBoQ span {
     margin-right: 10px;
     color: #5F6276;
@@ -5786,7 +5850,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     padding: 0 6px;
     background: transparent;
     background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 2px;
+    background-size: 100% 3px;
     background-position: 0 calc(50% + 3px);
     background-repeat: no-repeat;
     z-index: 1;
@@ -5981,7 +6045,11 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     height: 20px;
     width: 20px;
 }
-._input_vitro-control__btu7j_ {
+._flex-box_vitro-flex-box_3jGTD6k {
+    display: flex;
+    align-items: center;
+}
+._search-input_vitro-search-input_3M9i4Gi {
     height: 32px;
     border-radius: 4px;
     border: 1px solid #C0CAD5;
@@ -5990,64 +6058,61 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     align-items: center;
 }
 
-._input_vitro-control__btu7j_._input_vitro-active_jxhGdE8 {
+._search-input_vitro-search-input_3M9i4Gi.vitro-active {
     border: 1px solid #C0CAD5;
 }
 
-._input_vitro-control__btu7j_._input_vitro-focus_3tuxmPs {
+._search-input_vitro-search-input_3M9i4Gi.vitro-focus {
     border: 1px solid #3274E0;
 }
 
-._input_vitro-control__btu7j_ input {
+._search-input_vitro-search-input_3M9i4Gi input {
     border: none;
     width: 100%;
+    background: transparent;
 }
 
-._input_vitro-control__btu7j_ input::-moz-placeholder {
+._search-input_vitro-search-input_3M9i4Gi input::-moz-placeholder {
     color: #4A556C;
     font-size: 14px;
     line-height: 16px;
     font-weight: 400 !important;
 }
 
-._input_vitro-control__btu7j_ input::placeholder {
+._search-input_vitro-search-input_3M9i4Gi input::placeholder {
     color: #4A556C;
     font-size: 14px;
     line-height: 16px;
     font-weight: 400 !important;
 }
 
-._input_vitro-button-search_15PeWCS {
+._search-input_vitro-search-value-list_1Gqj4bm {
+    flex: 1 1;
+    overflow: hidden;
+}
+
+._search-input_vitro-search-input_3M9i4Gi .vitro-button-search,
+._search-input_vitro-search-input_3M9i4Gi .vitro-button-search:hover {
     width: 24px;
     height: 24px;
     border: none;
     outline: none;
     flex-shrink: 0;
-    background-color: #fff;
+    background-color: transparent;
     background-size: 100%;
     background-position: center;
     margin-right: 8px;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/search.svg');
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search-input/img/search.svg');
 }
 
-._input_vitro-button-search_15PeWCS:hover,
-._input_vitro-button-search_15PeWCS:active,
-._input_vitro-button-search_15PeWCS:focus {
+._search-input_vitro-search-input_3M9i4Gi .vitro-button-search:hover,
+._search-input_vitro-search-input_3M9i4Gi .vitro-button-search:active,
+._search-input_vitro-search-input_3M9i4Gi .vitro-button-search:focus {
     background-color: #fff;
 }
 
-
-._input_vitro-search-value-list_2I_KVY5 {
-    display: flex;
-    align-items: center;
-    flex: 1 1;
-    overflow: hidden;
-}
-
-._input_vitro-button-cancel_YqNZPj-,
-._input_vitro-button-settings_1w9FwYt,
-._input_vitro-button-cancel_YqNZPj-:hover,
-._input_vitro-button-settings_1w9FwYt:hover {
+._search-input_vitro-button-cancel_xqdMNLo,
+._search-input_vitro-button-cancel_xqdMNLo:hover {
     width: 24px;
     height: 24px;
     flex-shrink: 0;
@@ -6058,25 +6123,13 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background-color: transparent;
 }
 
-._input_vitro-button-settings_1w9FwYt {
-    border-radius: 4px;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/search-settings.svg');
-}
-
-._input_vitro-button-settings_1w9FwYt._input_vitro-active_jxhGdE8,
-._input_vitro-button-settings_1w9FwYt:hover {
-    background-color: #DCEEFF;
-}
-
-._input_vitro-button-cancel_YqNZPj- {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/cancel-black.svg');
+._search-input_vitro-button-cancel_xqdMNLo {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search-input/img/cancel-black.svg');
 }
 
-._input_vitro-search-value_1ZbcNTJ {
+._search-input_vitro-search-value_TJm1BCf {
     border-radius: 4px;
     background: #F7F9FC;
-    display: flex;
-    align-items: center;
     min-width: 0;
     grid-gap: 8px;
     padding: 0 4px;
@@ -6087,31 +6140,31 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     overflow: hidden;
 }
 
-._input_vitro-search-value_1ZbcNTJ span {
+._search-input_vitro-search-value_TJm1BCf span {
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
-._input_vitro-search-value_1ZbcNTJ ._input_vitro-button-cancel_YqNZPj- {
+._search-input_vitro-search-value_TJm1BCf ._search-input_vitro-button-cancel_xqdMNLo {
     margin: 0;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/cancel-dark-grey.svg');
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search-input/img/cancel-dark-grey.svg');
 }
 
 @media (max-width: 800px) {
-    ._input_vitro-control__btu7j_,
-    ._input_vitro-control__btu7j_._input_vitro-active_jxhGdE8 {
+    ._search-input_vitro-search-input_3M9i4Gi,
+    ._search-input_vitro-search-input_3M9i4Gi.vitro-active {
         border: none;
         padding: 0;
     }
 
-    ._input_vitro-button-search_15PeWCS {
+    ._search-input_vitro-search-input_3M9i4Gi .vitro-button-search {
         margin: 0;
         height: 32px;
         width: 32px;
         border-radius: 4px;
     }
 
-    ._input_vitro-active_jxhGdE8._input_vitro-button-search_15PeWCS {
+    .vitro-active.vitro-button-search {
         background-color: #DCEEFF;
     }
 }
@@ -6134,6 +6187,10 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 .vitro-block:nth-child(2) {
     margin-top: 8px;
 }
+
+.vitro-block:last-child > div > div {
+    margin: 0;
+}
 
 ._search_vitro-search_QkJksC_ {
     position: relative;
@@ -6226,26 +6283,56 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background: #F3F8FF !important;
 }
 
+._search_vitro-button-settings_oJCn__t,
+._search_vitro-button-settings_oJCn__t:hover {
+    width: 24px;
+    height: 24px;
+    flex-shrink: 0;
+    border: none;
+    background-size: 100%;
+    background-position: center;
+    margin-left: 8px;
+    background-color: transparent;
+}
+
+._search_vitro-button-settings_oJCn__t {
+    border-radius: 4px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/search/img/search-settings.svg');
+}
+
+._search_vitro-button-settings_oJCn__t._search_vitro-active_1HhQOCR,
+._search_vitro-button-settings_oJCn__t:hover {
+    background-color: #DCEEFF;
+}
+
 @media (max-width: 800px) {
     ._search_vitro-filter_2n-Y-mS {
         width: 100%;
     }
 }
 
+._search-value-list_vitro-search-input-container_167CEqB {
+    padding: 12px;
+}
+
+._search-value-list_vitro-empty-placeholder_2f08lDK {
+    align-items: center;
+    color: #c0cad5;
+    display: flex;
+    justify-content: center;
+    text-align: center;
+    width: 100%;
+    padding: 8px 12px;
+}
+
 ._checkbox-list_vitro-checkbox-list_1iZSkkv {
     border-radius: 4px;
     background: #fff;
-    padding: 12px 0 0 12px;
-}
-
-._checkbox-list_vitro-checkbox-list_1iZSkkv ._checkbox-list_vitro-control_cxgm4cj {
-    margin-bottom: 8px;
-    margin-right: 12px;
-    width: unset !important;
+    max-width: 307px;
 }
 
-._checkbox-list_vitro-checkbox-list_1iZSkkv ._checkbox-list_vitro-control_cxgm4cj > div {
-    width: unset !important;
+._checkbox-list_vitro-checkbox-list_1iZSkkv .ps > div:first-child {
+    padding-left: 12px;
 }
 
 ._checkbox-list_vitro-checkbox-list_1iZSkkv ._checkbox-list_vitro-checkbox_1EqsnoQ {
@@ -6485,9 +6572,16 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 }
 
 ._header-nav-bar_vitro-nav-bar_EuyFIk8 {
-    padding: 0 16px;
+    padding: 12px 16px;
     width: 100%;
     height: 72px;
+}
+
+@media (max-width: 800px) {
+    ._header-nav-bar_vitro-nav-bar_EuyFIk8 {
+        height: unset;
+        min-height: 56px;
+    }
 }
 ._header-nav-service_vitro-nav-service_1-i4GOh {
     height: 34px;
@@ -6520,6 +6614,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 @media (max-width: 800px) {
     ._product-title_vitro-product-title_2gZcA5j img {
         margin: 0;
+        max-height: 22px;
     }
 
     ._product-title_vitro-product-title_2gZcA5j {
@@ -6568,8 +6663,8 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
         width: calc(100% - 24px);
         margin: 0 auto;
         border-radius: 4px 4px 0px 0px;
-        height: calc(100% - 136px);
-        padding-bottom: 16px;
+        height: 100%;
+        padding-bottom: 66px;
     }
 }
 #TableViewDetail {
@@ -6599,21 +6694,12 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     position: relative;
 }
 
-._expand-control-group_vitro-button-collapse_14wEdB1,
-._expand-control-group_vitro-button-expand_bwV3dXl {
+._expand-control-group_vitro-expand-collapse-button_hBX5TTj {
     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');
+    margin-top: -2px;
+    width: 12px;
+    height: 12px;
 }
 
 ._expand-control-group_vitro-expand-control-group_1qSUMoN > ._expand-control-group_vitro-content_2UPEUhm {
@@ -6701,20 +6787,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 }
 
 
-._image-button_vitro-image-button_34pBVmE,
-._image-button_vitro-image-button_34pBVmE:hover,
-._image-button_vitro-image-button_34pBVmE:active {
-    width: 20px;
-    height: 20px;
-    flex-shrink: 0;
-    background-position: center;
-    background-size: 100%;
-    background-repeat: no-repeat;
-    border: none;
-    outline: none;
-    background-color: transparent;
-}
-
 ._link-input_vitro-link-input_1FBo8kO {
     position: relative;
 }
@@ -6751,4 +6823,369 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     right: 16px;
     top: 10px;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/link-input/img/edit.svg');
-}
+}
+._system-exception-dialog_vitro-system-exception-dialog_2UVdbuB {
+    width: 618px;
+}
+
+._system-exception-dialog_vitro-system-exception-dialog_2UVdbuB h1 {
+    font-size: 18px;
+    line-height: 150%;
+}
+
+._system-exception-dialog_vitro-image_XG5PD8h {
+    flex-shrink: 0;
+    height: 40px;
+    width: 40px;
+    margin-right: 8px;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/system-exception-dialog/img/error.svg');
+}
+
+._system-exception-dialog_vitro-exception_2bLGF01 {
+    max-height: 98px !important;
+    margin-top: 16px;
+    background-color: #F7F9FC;
+    color: #D13438;
+    font-size: 12px;
+    line-height: 18px;
+    border-radius: 4px;
+    border: 1px solid rgba(228, 230, 236, 0.5);
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+._system-exception-dialog_vitro-exception_2bLGF01 .ps__rail-x,
+._system-exception-dialog_vitro-exception_2bLGF01 .ps__rail-y {
+    background-color: #F7F9FC !important;
+}
+
+._system-exception-dialog_vitro-exception_2bLGF01 .ps__rail-x {
+    border-top: 1px solid #F5F6FA;
+}
+
+._system-exception-dialog_vitro-exception_2bLGF01 .ps__rail-y {
+    border-left: 1px solid #F5F6FA;
+}
+
+._system-exception-dialog_vitro-scrollbar-content_2sob8Xl {
+    padding: 8px 12px;
+}
+
+._system-exception-dialog_vitro-label_1Nbb_It {
+    font-size: 14px;
+    line-height: 150%;
+    color: #222D44;
+    margin-bottom: 4px;
+    white-space: normal;
+}
+
+._system-exception-dialog_vitro-input_262484M {
+    margin: 0;
+    height: 118px;
+}
+
+._system-exception-dialog_vitro-input_262484M textarea {
+    resize: none;
+    height: 100%;
+    font-size: 12px;
+    padding: 8px 12px;
+}
+
+._system-exception-dialog_vitro-flex_EHka5VC {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+}
+
+._system-exception-dialog_vitro-flex_EHka5VC span:nth-child(3) {
+    color: #2A63F6;
+    margin-left: 4px;
+}
+
+._system-exception-dialog_vitro-settings-list_6N3QiPa {
+    width: 100%;
+    padding: 0 24px 16px 24px;
+}
+
+._system-exception-dialog_vitro-checkbox_354NjHR {
+    margin-bottom: 0;
+    width: unset;
+}
+
+@media (max-width: 800px) {
+    ._system-exception-dialog_vitro-settings-list_6N3QiPa {
+        padding: 0 16px 16px 16px;
+    }
+}
+
+@media (max-width: 370px) {
+    ._system-exception-dialog_vitro-flex_EHka5VC span:nth-child(2) {
+        display: none;
+    }
+
+    ._system-exception-dialog_vitro-flex_EHka5VC span:nth-child(3) {
+        color: #222D44;
+        margin: 0;
+    }
+}
+
+@media (max-height: 620px) {
+    ._system-exception-dialog_vitro-exception_2bLGF01 {
+        display: none;
+    }
+}
+
+@media (max-height: 480px) {
+    ._system-exception-dialog_vitro-input_262484M {
+        height: 72px;
+    }
+}
+._star-button_vitro-star-button_1_mQ_Gq,
+._star-button_vitro-star-button_1_mQ_Gq:hover,
+._star-button_vitro-star-button_1_mQ_Gq:active {
+    width: 24px;
+    height: 24px;
+    flex-shrink: 0;
+    background-position: center;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    border: none;
+    outline: none;
+    background-color: transparent;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/star-button/img/star.svg');
+}
+
+._star-button_vitro-star-button_1_mQ_Gq._star-button_vitro-hidden_oRKUkzt {
+    background-image: none;
+}
+
+._star-button_vitro-star-button_1_mQ_Gq._star-button_vitro-active_2UV6u5C {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/star-button/img/star-active.svg');
+}
+._site-item_vitro-item_1eSpRGl {
+    grid-gap: 8px;
+    padding: 8px 12px;
+    cursor: pointer;
+}
+
+._site-item_vitro-item_1eSpRGl:hover {
+    background-color: #F3F8FF;
+}
+
+._site-item_vitro-item_1eSpRGl._site-item_vitro-active_1d0nDLb {
+    background-color: #DCEEFF;
+}
+
+._site-item_vitro-name_141-LTn {
+    color: #1E1E1E;
+    font-size: 14px;
+    white-space: normal;
+    display: flex;
+    align-items: center;
+    flex-grow: 1;
+}
+
+._site-item_vitro-image_3wrW9q4,
+._site-item_vitro-default-image_fcWWNwv {
+    width: 32px;
+    height: 32px;
+    flex-shrink: 0;
+}
+
+._site-item_vitro-default-image_fcWWNwv {
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/site-select/img/default-site-image.svg');
+}
+
+._site-item_vitro-hidden_d6n2ocz {
+    visibility: hidden;
+}
+
+._site-item_vitro-item_1eSpRGl._site-item_vitro-mobile-view_3bXuBr6 {
+    padding: 12px;
+    background-color: #fff;
+    border-radius: 8px;
+    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25);
+    margin-bottom: 8px;
+}
+
+._site-item_vitro-item_1eSpRGl._site-item_vitro-mobile-view_3bXuBr6:last-child {
+    margin-bottom: 0;
+}
+._site-select_vitro-site-select_2irDOFZ {
+    position: relative;
+    z-index: 21;
+    margin-left: 32px;
+    max-width: 320px;
+}
+
+._site-select_vitro-site-select_2irDOFZ .ps {
+    max-height: 400px;
+    padding-bottom: 8px;
+}
+
+._site-select_vitro-site-select_2irDOFZ .ps.ps--active-y {
+    padding-right: 12px;
+}
+
+._site-select_vitro-site-select_2irDOFZ .ps__rail-y,
+._site-select_vitro-site-select_2irDOFZ .ps__rail-x {
+    border: none;
+    background-color: transparent !important;
+}
+
+._site-select_vitro-flex_15EJnju {
+    grid-gap: 4px;
+}
+
+._site-select_vitro-site-select_2irDOFZ h2 {
+    font-size: 14px;
+    line-height: 16px;
+    margin-bottom: 0;
+    cursor: pointer;
+}
+
+._site-select_vitro-expand_KKfRtc8,
+._site-select_vitro-expand_KKfRtc8:hover,
+._site-select_vitro-collapse_B0ZjAm-,
+._site-select_vitro-collapse_B0ZjAm-:hover {
+    width: 24px;
+    height: 24px;
+    flex-shrink: 0;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+._site-select_vitro-expand_KKfRtc8 {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/site-select/img/collapse-bottom-triangle.svg');
+}
+
+._site-select_vitro-collapse_B0ZjAm- {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/site-select/img/collapse-up-triangle.svg');
+}
+
+._site-select_vitro-collapse_B0ZjAm-::after {
+    content: '';
+    width: 32px;
+    height: 21px;
+    display: block;
+    position: absolute;
+    z-index: 1;
+    right: -4px;
+    top: calc(100% - 5px);
+    overflow: hidden;
+    background-position: center 0;
+    background-size: 44px 42px;
+    background-repeat: no-repeat;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/site-select/img/dropdown-menu-arrow.svg');
+}
+
+._site-select_vitro-site-list_1Yt4nLj {
+    background: #fff;
+    border-radius: 8px;
+    overflow: hidden;
+    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 4px 14px 0 rgba(0, 0, 0, 0.18);
+    position: absolute;
+    top: calc(100% + 16px);
+    left: 0;
+    width: 357px;
+}
+
+._site-select_vitro-title_2vfT7F5 {
+    font-family: 'InterMedium';
+    color: #4A556C;
+    font-size: 14px;
+    line-height: 24px;
+    padding: 8px 0;
+    margin: 0 12px;
+    border-top: 1px solid rgba(228, 230, 236, 0.5);
+    justify-content: space-between;
+}
+
+._site-select_vitro-search-input_UMmv9PP {
+    border: 1px solid #6C6C6C;
+}
+
+._site-select_vitro-search-input_UMmv9PP input::-moz-placeholder {
+    color: #A5A5A5;
+}
+
+._site-select_vitro-search-input_UMmv9PP input::placeholder {
+    color: #A5A5A5;
+}
+
+._site-select_vitro-search-input_UMmv9PP .vitro-button-search {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/site-select/img/search-grey.svg');
+}
+
+._site-select_vitro-root-item_f1rGcQ4 {
+    font-family: 'InterMedium';
+}
+
+._site-select_vitro-slide-up-panel_U3Xn-UQ ._site-select_vitro-title_2vfT7F5 {
+    border: none;
+    margin-bottom: 8px;
+}
+
+._site-select_vitro-slide-up-panel_U3Xn-UQ .ps__rail-y,
+._site-select_vitro-slide-up-panel_U3Xn-UQ .ps__rail-x {
+    border: none;
+    background-color: transparent !important;
+}
+
+@media (max-width: 800px) {
+    ._site-select_vitro-site-select_2irDOFZ {
+        z-index: 0;
+        margin: 0;
+        width: 100%;
+        max-width: unset;
+    }
+
+    ._site-select_vitro-search-value-list_3XlFSA6 {
+        height: calc(100% - 28px);
+    }
+    
+    ._site-select_vitro-search-value-list_3XlFSA6 > div:first-child {
+        padding: 0 16px 24px;
+    }
+
+    ._site-select_vitro-search-input_UMmv9PP {
+        height: 36px;
+        border: 1px solid #C0CAD5;
+        padding: 4px 8px;
+    }
+
+    ._site-select_vitro-search-input_UMmv9PP.vitro-focus {
+        border: 1px solid #4A556C;
+    }
+
+    ._site-select_vitro-search-input_UMmv9PP .vitro-button-search {
+        width: 24px;
+        height: 24px;
+        margin-right: 8px;
+        background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/site-select/img/search.svg');
+    }
+
+    ._site-select_vitro-slide-up-panel_U3Xn-UQ .ps {
+        height: calc(100% - 60px);
+    }
+    
+    ._site-select_vitro-slide-up-panel_U3Xn-UQ .ps > div:first-child {
+        padding: 0 16px;
+    }
+
+    ._site-select_vitro-collapse_B0ZjAm-::after {
+        display: none;
+    }
+}
+
+._bottom-align-control-group_vitro-bottom_3-a5nWD {
+    width: 100%;
+    margin-top: 16px;
+}