.cidialog { /* = centered inline dialog div */
    width: 300px;
    margin: 0 auto;
    text-align: center;
}
.cidialog h3 {
    margin: 0;
}
.cidialog > div,
.cidialog #social_login_section > div {
    margin: 14px 0;
}
.cidialog.display_email_inp > div {
    display: none;
}

.su_choice_btn,
#verify_email_btn {
    width: 100%;
    height: 48px;
    border-radius: 6px;
    font-size: var(--font-size-small);
    border: 0.5px solid rgb(44, 46, 51);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 4px -1px, rgba(0, 0, 0, 0.118) 0px 1px 1px 0px;
    min-width: 32px;
    padding: 0px 14px;
}

div#em_inp_preveri {
    display: none;
}
.cidialog.display_email_inp div#em_inp_preveri {
    display: unset;
}

#email_inp,
#password_inp {
    border-radius: 6px;
    width: calc(100% - 12px); /* need to counteract the border radius?*/
    min-width: 32px;
    min-width: 32px;
    padding: 8px 4px;
    margin: 8px 0;
}

#cancel_em_inp_preveri_btn,
#pwd_reset_btn {
    text-decoration: underline;
    cursor: pointer;
}