.panelbody {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    /* UI Properties */
    background: #F9F9F9 0% 0% no-repeat padding-box;
    opacity: 1;
}


.panelsearchlogin {
    top: 330px;
    left: 692px;
    width: 536px;
    height: 480px;
    /* UI Properties */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 16px #00000005;
    border-radius: 10px;
    opacity: 1;
}

.panellogin {
    top: 330px;
    left: 692px;
    width: 536px;
    height: 480px;
    /* UI Properties */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 16px #00000005;
    border-radius: 10px;
    opacity: 1;
}

.panelforgot {
    top: 330px;
    left: 692px;
    width: 536px;
    height: 480px;
    /* UI Properties */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 16px #00000005;
    border-radius: 10px;
    opacity: 1;
}

.panelpinlogin {
    top: 330px;
    left: 692px;
    width: 536px;
    height: 480px;
    /* UI Properties */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 16px #00000005;
    border-radius: 10px;
    opacity: 1;
}

.titlelogin {
    /* UI Properties */
    
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--neutral-20);
    text-align: center;
    font: normal normal bold 20px/24px Lato !important;
    letter-spacing: 0px;
    color: #3D3937; 
    opacity: 1;
    align-items: center;
    justify-content: center;
}

.subtitlelogin {
    /* UI Properties */
    
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--neutral-20);
    text-align: center;
    font: normal normal normal 17px/22px Lato !important;
    letter-spacing: 0px;
    color: #3D3937;
    opacity: 1;
}

.subtitlephonenumber {
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-17)/var(--unnamed-line-spacing-22) var(--unnamed-font-family-lato);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--neutral-20);
    text-align: center;
    font: normal normal normal 17px/22px Lato;
    letter-spacing: 0px;
    color: #3D3937;
    opacity: 1;
}

.message-verify-login {
   
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--error-50);
    text-align: left;
    font: normal normal normal 11px/13px Lato;
    letter-spacing: 0px;
    color: #CD463A;
    opacity: 1;
    display: none;
    margin-left: 78px;
    position: absolute;
}

.message-required-login {
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--error-50);
    text-align: left;
    font: normal normal normal 11px/13px Lato;
    letter-spacing: 0px;
    color: #CD463A;
    opacity: 1;
    display: none;
    margin-left: 78px;
    position: absolute;
}

.message-valid-login {
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--error-50);
    text-align: left;
    font: normal normal normal 11px/13px Lato;
    letter-spacing: 0px;
    color: #038B00;
    opacity: 1;
    margin-left: 78px;
    position: absolute;
}

.message-validated-login {
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--error-50);
    text-align: left;
    font: normal normal normal 11px/13px Lato;
    letter-spacing: 0px;
    color: #CD463A;
    opacity: 1;
    margin-left: 78px;
    position: absolute;
} 




.panelpinlogin:focus-within .panellogin {
    display: none;
}