.page-login #main-wrapper{
margin:0;
height:100vh;
padding:0px;
}
.page-login .page-inner{
padding:0;
}
.page-login a{
font-size:12px;
}
.login-page-left-container{
height:100%;
padding-left:0;
padding-right:0;
background-color:#ffffff;
}
.login-page-right-container{
background-color:var(--primary-blue);
height:100%;
padding-left:0;
display:flex;
flex-direction:column;
}
.login-main-image{
margin:20px 0;
background:url('../../images/login/DNA.svg') no-repeat center center;
background-size:cover;
padding:0;
flex-grow:1;
}
.login-image-footer{
color:white;
display:flex;
margin:40px 45px;
}
.login-certification-container{
padding-left:16px;
border-left:0.9px solid var(--primary-green);
flex-grow:1;
align-self:end;
}
.dark-mode-engenome-logo{
background:url('../../images/logo/logo-engenome-dark.png') no-repeat center center;
min-width:180px;
height:40px;
background-size:180px auto;
align-self:center;
}
.login-box{
margin:auto;
max-width:400px;
}
.login-form-container{
height:100%;
width:100%;
display:flex;
flex-direction:column;
justify-content:center;
}
.login-form-container>.paragraph-m{
color:var(--blue-60);
}
.login-request-account-container{
display:flex;
justify-content:space-between;
margin-top:24px;
}
.login-request-account-container>div{
line-height:32px;
}
.login-request-account-container>.req-text{
height:32px;
line-height:32px;
font-size:14px;
font-weight:500;
}
.login-copyright-text{
margin-bottom:25px;
flex-grow:0;
font-weight:500;
}
.msg-container{
background-color:white;
border:1px solid var(--secondary-red);
border-radius:8px;
height:58px;
display:flex;
margin:0;
justify-content:flex-start;
align-items:center;
padding:16px;
}
.msg-container.msg-err{
border:1px solid var(--secondary-red);
}
.msg-container.msg-succ{
border:1px solid var(--primary-green);
}
.msg-container span[name="msg-text"]{
flex-grow:1;
margin:0 8px;
font-size:16px;
color:var(--primary-blue);
line-height:24px;
}
.msg-container button[name="msg-close"]{
height:24px;
width:24px;
background:url('../../images/icons/blue-primary/close.svg') no-repeat center center;
background-size:24px 24px;
border-radius:24px;
border:none;
}
.rec-acc-close{
position:absolute;
right:32px;
top:24px;
z-index:2;
}
.rec-acc-close:hover{
background-color:#f9fafb !important;
}
.req-psw-close{
position:absolute;
right:24px;
top:24px;
z-index:2;
}
.req-psw-reset-container{
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
margin:auto;
padding:0;
max-width:400px;
}
.reset-success>img{
height:100px;
width:100px;
}
.reset-success>.title-s{
margin-top:16px;
text-align:center;
}
.reset-success>.paragraph-m{
margin-top:8px;
max-width:440px;
text-align:center;
color:var(--blue-60);
}
.reset-success>button{
margin-top:32px;
}
.otp-input{
width:56px;
height:56px;
text-align:center;
font-size:22px;
line-height:24px;
border:1px solid var(--blue-10);
border-radius:8px;
color:#344D66;
box-shadow:0px 4px 16px 0px #344D6614;
margin-right:24px;
}
.otp-input:last-child{
margin-right:0px;
}
.otp-filled{
border:1px solid var(--blue-20);
}
.otp-err{
border:1px solid var(--secondary-red);
}
.otp-success{
border-color:var(--primary-green);
background-color:var(--green-10);
}