@vitrosoftware/common-ui-ts 1.1.88 → 1.1.90

package/dist/index.css

@@ -2015,15 +2015,6 @@ html, body {
     line-height: 16px;
 }
 
-._input_vitro-focus_1txynr8 input,
-._input_vitro-focus_1txynr8 textarea {
-    border-color: #3274E0;
-}
-
-._input_vitro-focus_1txynr8 ._input_vitro-label_2XBESiY {
-    color: #3274E0;
-}
-
 ._input_vitro-read-only_3f-cBbK input,
 ._input_vitro-read-only_3f-cBbK textarea {
     color: #4A556C;
@@ -2049,18 +2040,32 @@ html, body {
     color: #8E98A3;
 }
 
+._input_vitro-focus_1txynr8 input,
+._input_vitro-focus_1txynr8 textarea {
+    border-color: #3274E0;
+}
+
+._input_vitro-focus_1txynr8 ._input_vitro-label_2XBESiY {
+    color: #3274E0 !important;
+}
+
 ._input_vitro-error_1T3dLzB input,
 ._input_vitro-error_1T3dLzB textarea {
     border-color: #D13438;
 }
 
 ._input_vitro-error_1T3dLzB ._input_vitro-label_2XBESiY {
-    color: #D13438;
+    color: #D13438 !important;
 }
 
 ._input_vitro-label_2XBESiY {
+    color: #4A556C;
     padding: 0 6px;
-    background: #fff;
+    background: transparent;
+    background-image: linear-gradient(#fff, #fff);
+    background-size: 100% 2px;
+    background-position: 0 calc(50% + 3px);
+    background-repeat: no-repeat;
     z-index: 1;
     position: absolute;
     left: 10px;
@@ -2494,6 +2499,135 @@ html, body {
     transform: rotate(-90deg);
 }
 
+._login-content_vitro-login-content_2RdLZle {
+    height: 100%;
+    width: 100%;
+    transition: flex-basis 0.3s ease;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+._login-content_vitro-login-content_2RdLZle > div {
+    width: 100%;
+}
+._login_vitro-login-layout_1C8owlz {
+    width: 100%;
+    height: 100%;
+    background: #347FDE;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-size: cover;
+    background-position: center;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/login-background.png');
+}
+
+._login_vitro-login-layout_1C8owlz::after {
+    content: '';
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    z-index: 10;
+    top: 0;
+    left: 0;
+    opacity: 0.3;
+    background: #000;
+}
+
+._login_vitro-login_12nYNm2 {
+    width: 468px;
+    overflow: hidden;
+    padding: 71px 36px 24px 36px;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background: #fff;
+    z-index: 100;
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+    transition: max-height 1s ease;
+}
+
+._login_vitro-logo_3-qTjgy {
+    width: 165px;
+    height: 57px;
+    margin-bottom: 34px;
+}
+
+._login_vitro-footer_1lceaP0 {
+    position: absolute;
+    bottom: 12px;
+    left: 0;
+    width: 100%;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    z-index: 101;
+}
+
+._login_vitro-link-list_1rQQg9u {
+    display: flex;
+    align-items: center;
+    list-style: none;
+    margin-bottom: 0;
+    padding: 0;
+}
+
+._login_vitro-link-list_1rQQg9u > li, ._login_vitro-copyright_1gm65Ao {
+    color: #fff;
+    text-align: center;
+    font-size: 14px;
+    line-height: 135%;
+    white-space: nowrap;
+    margin-right: 24px;
+    display: flex;
+    align-items: center
+}
+
+._login_vitro-link-list_1rQQg9u a,
+._login_vitro-link-list_1rQQg9u a:visited,
+._login_vitro-link-list_1rQQg9u a:hover {
+    color: #fff;
+    cursor: pointer;
+}
+
+._login_vitro-language_2T3uktL {
+    height: 24px;
+    width: 24px;
+    margin-right: 24px;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/ru.svg');
+}
+
+._login_vitro-copyright_1gm65Ao::before {
+    content: '';
+    display: inline-block;
+    margin-right: 4px;
+    height: 14px;
+    width: 14px;
+    background-position: center;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/copyright.svg');
+}
+
+@media (max-width: 800px) {
+    ._login_vitro-login_12nYNm2 {
+        margin: 0 16px;
+        width: -moz-available !important;
+        width: -webkit-fill-available !important;
+        width: stretch !important;
+        padding: 48px 12px 24px 12px !important;
+    }
+
+    ._login_vitro-logo_3-qTjgy {
+        margin-bottom: 28px;
+    }
+}
 ._checkbox_vitro-control_DfB5DDM {
     width: 100%;
     position: relative;
@@ -2534,7 +2668,7 @@ html, body {
 }
 
 ._checkbox_vitro-label_qZxCbCP {
-    color: #222D44;
+    color: #4A556C;
     font-size: 14px;
     line-height: 135%;
 }
@@ -2548,51 +2682,50 @@ html, body {
     margin-right: 6px;
 }
 
-._login_vitro-login-layout_1C8owlz {
-    width: 100%;
-    height: 100%;
-    background: #347FDE;
-    position: relative;
-    background-size: cover;
+._password-input_vitro-button-show-password_2jL4nM-,
+._password-input_vitro-button-hide-password_vPoUeVl {
+    position: absolute;
+    top: 12px;
+    right: 20px;
+    width: 24px;
+    height: 24px;
+    background-size: 100%;
     background-position: center;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/login-background.png');
+    cursor: pointer;
 }
 
-._login_vitro-login-layout_1C8owlz::after {
-    content: '';
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    z-index: 10;
-    top: 0;
-    left: 0;
-    opacity: 0.3;
-    background: #000;
+._password-input_vitro-button-show-password_2jL4nM- {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/password-input/img/show-password.svg');
 }
 
-._login_vitro-form-login_2nyw95B {
-    width: 468px;
-    min-height: 506px;
-    padding: 71px 36px 24px 36px;
-    border-radius: 8px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    background: #fff;
-    position: absolute;
-    z-index: 100;
-    top: calc(50% - 253px);
-    left: calc(50% - 234px);
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+._password-input_vitro-button-hide-password_vPoUeVl {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/password-input/img/hide-password.svg');
 }
-
-._login_vitro-logo_3-qTjgy {
-    width: 165px;
-    height: 57px;
-    margin-bottom: 34px;
+
+._link_vitro-link_2ePaXvd, ._link_vitro-link_2ePaXvd:visited {
+    color: #347FDE;
+    text-align: center;
+    font-size: 16px;
+    line-height: 135%;
+    white-space: nowrap;
+    cursor: pointer;
 }
 
-._login_vitro-title_nfoHltS {
+._link_vitro-link_2ePaXvd:hover {
+    color: #3274E0;
+}
+._login-submit-button_vitro-submit-button_1TFkn8x {
+    font-family: 'InterMedium' !important;
+    width: 100%;
+    min-height: 48px;
+    height: 48px !important;
+    font-size: 18px !important;
+    line-height: 135%;
+    margin-top: 20px;
+    box-shadow: 0px 4px 16px 0px rgba(52, 117, 199, 0.15);
+}
+
+._login-title_vitro-login-title_3Y4jqav {
     color: #222D44;
     text-align: center;
     font-family: 'InterMedium';
@@ -2600,8 +2733,12 @@ html, body {
     line-height: 135%;
     margin-bottom: 25px;
 }
+
+._login-form_vitro-title_3hbcdDr {
+    margin-bottom: 45px;
+}
 
-._login_vitro-flex_2CffX6W {
+._login-form_vitro-flex_fxG_Mos {
     width: 100%;
     display: flex;
     justify-content: space-between;
@@ -2611,11 +2748,11 @@ html, body {
     height: 24px;
 }
 
-._login_vitro-flex_2CffX6W._login_vitro-error_1Nk25em {
+._login-form_vitro-flex_fxG_Mos._login-form_vitro-error_2-jVYfA {
     margin-top: 11px;
 }
 
-._login_vitro-link_az1ZWIc, vitro-link-register, ._login_vitro-link_az1ZWIc:visited {
+._login-form_vitro-link_2LCXwY2, vitro-link-register, ._login-form_vitro-link_2LCXwY2:visited {
     color: #347FDE;
     text-align: center;
     font-size: 16px;
@@ -2624,23 +2761,22 @@ html, body {
     cursor: pointer;
 }
 
-._login_vitro-link_az1ZWIc:hover {
+._login-form_vitro-link_2LCXwY2:hover {
     color: #3274E0;
 }
 
-._login_vitro-separator_2jHZJHO {
-    margin-bottom: 20px;
+._login-form_vitro-separator_P7hw9MH {
+    margin: 24px 0;
     color: #4A556C;
     text-align: center;
     font-size: 18px;
     line-height: 135%;
     width: -moz-fit-content;
     width: fit-content;
-    margin-top: auto;
 }
 
-._login_vitro-separator_2jHZJHO::before,
-._login_vitro-separator_2jHZJHO::after {
+._login-form_vitro-separator_P7hw9MH::before,
+._login-form_vitro-separator_P7hw9MH::after {
     content: '';
     display: inline-block;
     height: 1px;
@@ -2649,28 +2785,28 @@ html, body {
     vertical-align: middle;
 }
 
-._login_vitro-separator_2jHZJHO::before {
+._login-form_vitro-separator_P7hw9MH::before {
     margin-right: 30px;
 }
 
-._login_vitro-separator_2jHZJHO::after {
+._login-form_vitro-separator_P7hw9MH::after {
     margin-left: 30px;
 }
 
-._login_vitro-control_3YqxIR2,
-._login_vitro-password-control_2Zp5fJi {
+._login-form_vitro-control_1Th9h7G,
+._login-form_vitro-password-control_2_Eo-gN {
     margin-bottom: 0;
     margin-top: 20px;
     max-height: 69px;
 }
 
-._login_vitro-control_3YqxIR2 > div {
+._login-form_vitro-control_1Th9h7G > div {
     font-size: 16px !important;
     line-height: 27px !important;
     top: -16px !important;
 }
 
-._login_vitro-control_3YqxIR2 input {
+._login-form_vitro-control_1Th9h7G input {
     height: 48px !important;
     font-size: 18px !important;
     line-height: 135% !important;
@@ -2678,7 +2814,7 @@ html, body {
     box-shadow: 0px 2px 6px 0px rgba(19, 18, 66, 0.07);
 }
 
-._login_vitro-control_3YqxIR2 input::-moz-placeholder {
+._login-form_vitro-control_1Th9h7G input::-moz-placeholder {
     color: #6C757D;
     font-family: 'InterRegular';
     font-size: 18px;
@@ -2686,7 +2822,7 @@ html, body {
     line-height: 135%;
 }
 
-._login_vitro-control_3YqxIR2 input::placeholder {
+._login-form_vitro-control_1Th9h7G input::placeholder {
     color: #6C757D;
     font-family: 'InterRegular';
     font-size: 18px;
@@ -2694,138 +2830,264 @@ html, body {
     line-height: 135%;
 }
 
-._login_vitro-login-checkbox_39NOnZg {
+._login-form_vitro-login-checkbox_1eoT81X {
     margin-bottom: 0;
 }
 
-._login_vitro-login-checkbox_39NOnZg div {
+._login-form_vitro-login-checkbox_1eoT81X div {
     font-size: 16px;
 }
 
-._login_vitro-button_2OCqKtD {
-    font-family: 'InterMedium' !important;
+._login-form_vitro-button-list_1-9qryi {
     width: 100%;
-    height: 48px !important;
-    font-size: 18px !important;
-    line-height: 135%;
-    margin-top: 20px;
-    box-shadow: 0px 4px 16px 0px rgba(52, 117, 199, 0.15);
+    display: flex;
+    flex-direction: column;
+    grid-gap: 12px;
+    margin-bottom: 12px;
 }
 
-._login_vitro-footer_1lceaP0 {
-    position: absolute;
-    bottom: 12px;
-    left: 0;
+._login-form_vitro-button_r2KCJ7k {
+    min-height: 48px;
+    height: 48px;
     width: 100%;
+    font-family: 'InterRegular';
+    color: #222D44;
+    font-size: 18px;
+    line-height: 135%;
+    background-color: #fff;
+    outline: none;
+    border-radius: 4px;
+    border: 1px solid #C0CAD5;
     display: flex;
-    justify-content: flex-end;
     align-items: center;
-    z-index: 101;
+    justify-content: center;
+    grid-gap: 12px;
 }
 
-._login_vitro-link-list_1rQQg9u {
+._login-form_vitro-button_r2KCJ7k .vitro-image {
+    margin-right: 12px;
+}
+
+._login-form_vitro-button_r2KCJ7k:hover,
+._login-form_vitro-button_r2KCJ7k:active {
+    background-color: #F3F8FF;
+}
+
+@media (max-width: 800px) {
+    ._login-form_vitro-login-checkbox_1eoT81X div {
+        font-size: 14px !important;
+    }
+
+    ._login-form_vitro-link_2LCXwY2 {
+        font-size: 14px !important;
+    }
+
+    ._login-form_vitro-link-register_zUIL_1f {
+        font-size: 16px !important;
+    }
+
+    ._login-form_vitro-separator_P7hw9MH::before,
+    ._login-form_vitro-separator_P7hw9MH::after {
+        width: calc((100% - 93px) / 2) !important;
+    }
+
+    ._login-form_vitro-separator_P7hw9MH {
+        width: 100% !important;
+    }
+
+    ._login-form_vitro-control_1Th9h7G input {
+        -webkit-box-shadow: inset 0 0 0 50px white;
+    }
+
+    ._login-form_vitro-title_3hbcdDr {
+        margin-bottom: 16px;
+        font-size: 24px;
+    }
+}
+._login-go-back-link_vitro-link_103lWHm {
+    font-family: 'InterMedium';
+}
+
+._login-go-back-link_vitro-link_103lWHm:hover {
+    color: #3274E0;
+}
+
+._two-factor-authentication-form_vitro-two-factor-authentication-form_2BAlkOL {
+    width: 100%;
+    height: 486px;
+    max-height: 486px;
+    flex-shrink: 0;
     display: flex;
+    flex-direction: column;
     align-items: center;
-    list-style: none;
-    margin-bottom: 0;
-    padding: 0;
 }
 
-._login_vitro-link-list_1rQQg9u > li, ._login_vitro-copyright_1gm65Ao {
-    color: #fff;
+._two-factor-authentication-form_vitro-title_2TyfWcR {
+    color: #222D44;
+    text-align: center;
+    font-family: 'InterMedium';
+    font-size: 32px;
+    line-height: 135%;
+    margin-top: 32px;
+    margin-bottom: 25px;
+}
+
+._two-factor-authentication-form_vitro-subtitle_aP8TzSj {
+    font-size: 16px;
+    line-height: 135%;
+    color: #222D44;
+    margin-bottom: 24px;
+    text-align: center;
+}
+
+._two-factor-authentication-form_vitro-subtitle_aP8TzSj div {
     text-align: center;
-    font-size: 14px;
-    line-height: 135%; 
     white-space: nowrap;
-    margin-right: 24px;
+}
+
+._two-factor-authentication-form_vitro-subtitle_aP8TzSj span {
+    white-space: nowrap;
+    font-family: 'InterMedium';
+}
+
+._two-factor-authentication-form_vitro-control_DMLipzl {
+    margin-bottom: 8px;
+}
+
+._two-factor-authentication-form_vitro-link-resend-code_1TOWPEe {
+    font-family: 'InterMedium';
+}
+
+._two-factor-authentication-form_vitro-link-resend-code_1TOWPEe {
+    height: 40px;
+    margin-bottom: 18px;
+}
+
+._two-factor-authentication-form_vitro-description_2mhz2nj,
+._two-factor-authentication-form_vitro-resend-code-description_9WkdV6i {
+    font-family: 'InterMedium';
+    font-size: 14px;
+    line-height: 135%;
+    color: #6C757D;
+    width: -moz-fit-content;
+    width: fit-content;
+    max-width: 259px;
+    text-align: center;
     display: flex;
-    align-items: center
+    align-items: center;
 }
 
-._login_vitro-link-list_1rQQg9u a,
-._login_vitro-link-list_1rQQg9u a:visited, 
-._login_vitro-link-list_1rQQg9u a:hover {
-    color: #fff;
-    cursor: pointer;
+._two-factor-authentication-form_vitro-resend-code-description_9WkdV6i {
+    height: 40px;
+    margin-bottom: 18px;
 }
 
-._login_vitro-language_2T3uktL {
-    height: 24px;
+._two-factor-authentication-form_vitro-flex_3mAp0Js {
+    display: flex;
+    flex-direction: column;
+    align-items: baseline;
+    justify-content: space-between;
+    width: 100%;
+    flex: 1 1;
+}
+
+._two-factor-authentication-form_vitro-clock_3_ffAz_::before {
+    content: '';
+    display: block;
     width: 24px;
-    margin-right: 24px;
+    height: 24px;
+    flex-shrink: 0;
+    margin-right: 8px;
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/ru.svg');
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/clock.svg');
 }
 
-._login_vitro-copyright_1gm65Ao::before {
-    content: '';
-    display: inline-block;
-    margin-right: 4px;
-    height: 14px;
-    width: 14px;
-    background-position: center;
-    background-size: 100%;
-    background-repeat: no-repeat;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/copyright.svg');
+._two-factor-authentication-form_vitro-button_3hpMWyE {
+    margin-top: 16px;
+    margin-bottom: 32px;
+}
+
+._two-factor-authentication-form_vitro-control_DMLipzl > div {
+    font-size: 16px !important;
+    line-height: 27px !important;
+    top: -16px !important;
+}
+
+._two-factor-authentication-form_vitro-control_DMLipzl input {
+    height: 48px !important;
+    font-size: 18px !important;
+    line-height: 135% !important;
+    padding: 12px 44px 12px 20px !important;
+    box-shadow: 0px 2px 6px 0px rgba(19, 18, 66, 0.07);
+}
+
+._two-factor-authentication-form_vitro-email_qxiJm1M {
+    white-space: nowrap;
+    align-items: center;
+    height: 22px;
+    display: inline-flex;
 }
 
-@media (max-width: 800px) {
-    ._login_vitro-login-checkbox_39NOnZg div {
-        font-size: 14px !important;
-    }
-
-    ._login_vitro-link_az1ZWIc {
-        font-size: 14px !important;
-    }
+._two-factor-authentication-form_vitro-hidden-symbol_12uh3tN {
+    margin-right: 3px;
+    letter-spacing: -2px;
+    font-size: 18px;
+    margin-right: 3px;
+    display: flex;
+    align-items: baseline;
+}
 
-    ._login_vitro-link-register_3FH012R {
-        font-size: 16px !important;
-    }
+@media (max-width: 800px) {
 
-    ._login_vitro-separator_2jHZJHO::before,
-    ._login_vitro-separator_2jHZJHO::after {
-        width: calc((100% - 93px) / 2) !important;
+    ._two-factor-authentication-form_vitro-two-factor-authentication-form_2BAlkOL {
+        height: 452px;
+        max-height: 452px;
     }
 
-    ._login_vitro-separator_2jHZJHO {
-        width: 100% !important;
+    ._two-factor-authentication-form_vitro-title_2TyfWcR {
+        margin-bottom: 16px;
+        margin-top: 0;
+        font-size: 24px;
     }
 
-    ._login_vitro-form-login_2nyw95B {
-        margin: 0 16px;
-        width: -moz-available !important;
-        width: -webkit-fill-available !important;
-        width: stretch !important;
-        left: 0 !important;
-        padding: 71px 12px 24px 12px !important;
+    ._two-factor-authentication-form_vitro-subtitle_aP8TzSj div {
+        white-space: normal;
     }
 
-    ._login_vitro-control_3YqxIR2 input {
-        -webkit-box-shadow: inset 0 0 0 50px white;
-    }
 }
-._password-input_vitro-button-show-password_2jL4nM-,
-._password-input_vitro-button-hide-password_vPoUeVl {
-    position: absolute;
-    top: 12px;
-    right: 20px;
-    width: 24px;
-    height: 24px;
-    background-size: 100%;
-    background-position: center;
-    cursor: pointer;
+._ntlm-authentication-form_vitro-ntlm-authentication-form_cZo4EPu {
+    width: 100%;
+    height: 289px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 }
 
-._password-input_vitro-button-show-password_2jL4nM- {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/password-input/img/show-password.svg');
+._ntlm-authentication-form_vitro-content_1CCJ4Md {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    grid-gap: 16px;
+    margin-top: 20px;
+    margin-bottom: auto;
 }
 
-._password-input_vitro-button-hide-password_vPoUeVl {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/password-input/img/hide-password.svg');
+._ntlm-authentication-form_vitro-content_1CCJ4Md span {
+    font-size: 18px;
+    line-height: 135%;
+    text-align: center;
 }
-
+
+._ntlm-authentication-form_vitro-image_1rt02c3 {
+    width: 48px;
+    height: 48px;
+    background-size: 100%;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/windows-logo.svg');
+}
 ._date-picker_vitro-control_2AYXegb {
     margin-bottom: 22px;
     width: 100%;
@@ -2887,10 +3149,6 @@ html, body {
     line-height: 16px;
 }
 
-._date-picker_vitro-focus_2cJKcKr ._date-picker_vitro-label_2jh9qxb {
-    color: #3274E0;
-}
-
 ._date-picker_vitro-read-only_2NZoMN5 input {
     color: #4A556C;
     font-size: 12px;
@@ -2908,13 +3166,22 @@ html, body {
     display: none !important;
 }
 
+._date-picker_vitro-focus_2cJKcKr ._date-picker_vitro-label_2jh9qxb {
+    color: #3274E0;
+}
+
 ._date-picker_vitro-error_3DkgZiN ._date-picker_vitro-label_2jh9qxb {
     color: #D13438;
 }
 
 ._date-picker_vitro-label_2jh9qxb {
+    color: #4A556C;
     padding: 0 6px;
-    background: #fff;
+    background: transparent;
+    background-image: linear-gradient(#fff, #fff);
+    background-size: 100% 2px;
+    background-position: 0 calc(50% + 3px);
+    background-repeat: no-repeat;
     z-index: 1;
     position: absolute;
     left: 10px;
@@ -3229,18 +3496,6 @@ html, body {
     line-height: 16px;
 }
 
-._time-picker_vitro-focus_wmhPjvE ._time-picker_vitro-label_2b97aCy {
-    color: #3274E0;
-}
-
-._time-picker_vitro-focus_wmhPjvE .k-picker-wrap {
-    border-color: #3274E0 !important;
-}
-
-._time-picker_vitro-error_2ZmK0I5 .k-picker-wrap {
-    border-color: #D13438 !important;
-}
-
 ._time-picker_vitro-read-only_NlE18Zm input {
     color: #4A556C;
     font-size: 12px;
@@ -3258,13 +3513,30 @@ html, body {
     display: none;
 }
 
+._time-picker_vitro-focus_wmhPjvE ._time-picker_vitro-label_2b97aCy {
+    color: #3274E0;
+}
+
+._time-picker_vitro-focus_wmhPjvE .k-picker-wrap {
+    border-color: #3274E0 !important;
+}
+
+._time-picker_vitro-error_2ZmK0I5 .k-picker-wrap {
+    border-color: #D13438 !important;
+}
+
 ._time-picker_vitro-error_2ZmK0I5 ._time-picker_vitro-label_2b97aCy {
     color: #D13438;
 }
 
 ._time-picker_vitro-label_2b97aCy {
+    color: #4A556C;
     padding: 0 6px;
-    background: #fff;
+    background: transparent;
+    background-image: linear-gradient(#fff, #fff);
+    background-size: 100% 2px;
+    background-position: 0 calc(50% + 3px);
+    background-repeat: no-repeat;
     z-index: 1;
     position: absolute;
     left: 10px;
@@ -3640,14 +3912,6 @@ html, body {
     flex-wrap: wrap;
 }
 
-._lookup-picker_vitro-focus_2UGpxXD ._lookup-picker_vitro-content_37L0slb {
-    border-color: #3274E0;
-}
-
-._lookup-picker_vitro-focus_2UGpxXD ._lookup-picker_vitro-label_2QoJkUz {
-    color: #3274E0;
-}
-
 ._lookup-picker_vitro-read-only_32NOdGB ._lookup-picker_vitro-content_37L0slb {
     color: #4A556C;
     font-size: 12px;
@@ -3670,6 +3934,14 @@ html, body {
     color: #4A556C;
 }
 
+._lookup-picker_vitro-focus_2UGpxXD ._lookup-picker_vitro-content_37L0slb {
+    border-color: #3274E0;
+}
+
+._lookup-picker_vitro-focus_2UGpxXD ._lookup-picker_vitro-label_2QoJkUz {
+    color: #3274E0;
+}
+
 ._lookup-picker_vitro-error_dF7iopC ._lookup-picker_vitro-content_37L0slb {
     border-color: #D13438;
 }
@@ -3679,8 +3951,13 @@ html, body {
 }
 
 ._lookup-picker_vitro-label_2QoJkUz {
+    color: #4A556C;
     padding: 0 6px;
-    background: #fff;
+    background: transparent;
+    background-image: linear-gradient(#fff, #fff);
+    background-size: 100% 2px;
+    background-position: 0 calc(50% + 3px);
+    background-repeat: no-repeat;
     z-index: 1;
     position: absolute;
     left: 10px;
@@ -4114,11 +4391,8 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     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;
+    height: 100%;
+    flex-shrink: 1;
 }
 
 ._sidebar-item_vitro-item-text_1kK_aIZ {
@@ -4210,18 +4484,28 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     display: none;
 }
 
+.vitro-bottom-menu ._sidebar-item_vitro-item_1BR_7F0 a > div,
+.vitro-bottom-menu ._sidebar-item_vitro-item_1BR_7F0 button > div {
+    flex-direction: column;
+    height: 100%;
+}
+
 .vitro-bottom-menu ._sidebar-item_vitro-item-text_1kK_aIZ {
-    display: block;
     color: #4A556C;
-    font-size: 12px;
-    line-height: 12px;
+    font-size: 11px;
+    line-height: 11px;
     text-align: center;
     overflow: visible;
     white-space: normal;
+    margin: auto;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
 }
 
 .vitro-bottom-menu ._sidebar-item_vitro-image_2A82YI0 {
     margin-right: 0;
+    margin-bottom: 4px;
 }
 
 .vitro-bottom-menu ._sidebar-item_vitro-active_7p5iOhY {
@@ -4306,6 +4590,10 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     width: 100% !important;
 }
 
+._sidebar-item_vitro-popup-item-list_JUwcoZB ._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 {
     background-color: #fff;
@@ -4390,19 +4678,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:hover {
-    background-color: transparent;
-}
-
-._sidebar_vitro-sidebar_1IxGYiU ul > li:last-child > ul > li:last-child span {
-    color: #8D8D8D;
-    font-size: 10px;
-}
-
-._sidebar_vitro-sidebar_1IxGYiU ul > li:last-child > ul > li:last-child span:hover {
-    font-weight: 400 !important;
-}
-
 ._sidebar_vitro-scrollbar_2PtQGQD .ps__rail-y {
     background-color: transparent !important;
     border: none;
@@ -4410,21 +4685,42 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 
 ._sidebar_vitro-scrollbar_2PtQGQD > div:first-child {
     padding: 0 8px;
+    display: flex;
+    flex-direction: column;
 }
 
 ._sidebar_vitro-sidebar-section-list_1nGto5m {
-    height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
+    flex: 1 0;
+}
+
+._sidebar_vitro-sidebar-section-list_1nGto5m > li::before {
+    display: block;
+    content: '';
+    background: #E4E6EC;
+    margin: 0 auto;
+    min-width: 40px;
+    width: calc(100% - 16px);
+    height: 1px;
+    margin-bottom: 4px;
+}
+
+._sidebar_vitro-sidebar-section-list_1nGto5m > li:first-child::before {
+    display: none;
+}
+
+.vitro-bottom-menu ._sidebar_vitro-sidebar-section-list_1nGto5m > li::before {
+    display: none;
 }
 
 .vitro-bottom-menu {
     width: 100%;
     z-index: 2;
     flex-direction: row;
-    height: 60px;
-    padding: 0 21px !important;
+    height: 66px;
+    padding: 0 0 0 12px !important;
     background: #fff;
     bottom: 0;
     top: initial;
@@ -4451,24 +4747,72 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     transition: 1s all ease;
 }
 
-._sidebar_vitro-button-more_3s9oZY9 {
+._sidebar_vitro-button-more_3s9oZY9,
+._sidebar_vitro-button-more_3s9oZY9:hover,
+._sidebar_vitro-button-more_3s9oZY9:active {
     display: block;
     width: 40px;
-    height: 40px;
+    height: 100%;
     min-width: 40px;
+    outline: none;
+    border-top-right-radius: 4px;
     border: none;
-    background-color: #fff;
+    border-left: 1px solid #E4E6EC;
+    background-color: #F7F9FC;
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/bottom-menu-button-more.svg');
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/sidebar/img/bottom-menu-button-next.svg');
 }
 
-._sidebar_vitro-button-more_3s9oZY9:hover,
-._sidebar_vitro-button-more_3s9oZY9:active {
-    border: none;
-    background-color: #fff;
-    outline: none;
+._sidebar_vitro-logo-container_31O5Ly- {
+    width: 100%;
+    height: 40px;
+    padding: 0 8px;
+    margin-bottom: 4px;
+}
+
+._sidebar_vitro-logo-container_31O5Ly-::before {
+    display: block;
+    content: '';
+    background: #E4E6EC;
+    margin: 0 auto;
+    min-width: 40px;
+    width: calc(100% - 16px);
+    height: 1px;
+}
+
+._sidebar_vitro-logo_1qxi8L_ {
+    display: flex;
+    width: -moz-fit-content;
+    width: fit-content;
+    align-items: center;
+    width: 100%;
+    height: 40px;
+    padding: 8px;
+}
+
+._sidebar_vitro-logo_1qxi8L_ span {
+    color: #8D8D8D !important;
+    font-size: 10px !important;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.vitro-bottom-menu ._sidebar_vitro-logo_1qxi8L_ {
+    flex-direction: column;
+    justify-content: space-between;
+    height: 100%;
+    padding: 0;
+    margin-bottom: 0;
+}
+
+._sidebar_vitro-scroll-content_2RUBhZd {
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+    transition: 1s all ease;
 }
 ._activity-item_vitro-item_3Tprske {
     margin-bottom: 16px;
@@ -5405,8 +5749,13 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 }
 
 ._criterion_vitro-label_3F6a8dj {
+    color: #4A556C;
     padding: 0 6px;
-    background: #fff;
+    background: transparent;
+    background-image: linear-gradient(#fff, #fff);
+    background-size: 100% 2px;
+    background-position: 0 calc(50% + 3px);
+    background-repeat: no-repeat;
     z-index: 1;
     position: absolute;
     left: 10px;
@@ -6186,7 +6535,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
         width: calc(100% - 24px);
         margin: 0 auto;
         border-radius: 4px 4px 0px 0px;
-        height: calc(100% - 130px);
+        height: calc(100% - 136px);
         padding-bottom: 16px;
     }
 }
@@ -6318,3 +6667,55 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     margin-right: 8px;
 }
 
+
+._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;
+}
+
+._link-input_vitro-link-input_1FBo8kO input {
+    color: #2A63F6;
+    font-size: 14px;
+    line-height: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    cursor: pointer;
+}
+
+._link-input_vitro-edit-mode_2HhUoeO input {
+    overflow: unset;
+    cursor: text;
+}
+
+._link-input_vitro-read-only_AG9_cYJ input {
+    padding: 8px 16px;
+}
+
+._link-input_vitro-control_1MGkxWi > div:first-child {
+    color: #4A556C;
+}
+
+._link-input_vitro-read-only_AG9_cYJ ._link-input_vitro-control_1MGkxWi > div:first-child {
+    color: #8E98A3;
+}
+
+._link-input_vitro-edit-button_1PMQnWv {
+    display: inline-block;
+    position: absolute;
+    right: 16px;
+    top: 10px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/link-input/img/edit.svg');
+}