/* #region [Login page][Profile Builder] */

#wppb-loginform {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.wppb-form-field.login-remember {
    display: flex;
    gap: .5rem;
}

#wppb-submit {
    width: 100%;
}

/* #endregion */

/* #region [Register page][Profile Builder] /register */

#wppb-register-user-register-form ul,
#wppb-register-user-mydin-registration-form ul
{
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.wppb-description-delimiter {
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: block;
    font-size: 13px;
    
}

#wppb-register-user-register-form .submit.button,
#wppb-register-user-mydin-registration-form .submit.button
{
    width: 100%;
}

#pass-strength-result {
    font-size: 14px;
    color: var(--black-24)
}

#pass-strength-result.short,
#pass-strength-result.bad
{
    color: var(--warning)
}

#pass-strength-result.good {
    color: var(--alert);
}

#pass-strength-result.strong {
    color: var(--success);
}

.wppb-error {
    margin-bottom: .5rem;
    color: var(--warning);
}

.wppb-form-error {
    display: block;
    margin-top: .5rem;
    color: var(--warning);
}

/* #endregion */

/* #region [Forget Password page][Profile Builder] /password-reset/ */

#wppb-recover-password ul {
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    margin-top: .5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

#wppb-recover-password-button {
    width: 100%
}

#wppb-recover-password p.form-submit {
    margin-top: .5rem;
}


/* #endregion */

/* #region [Profile Builder Pro forms] Show Password button */

.wppb-toggle-pw.wppb-show-pw,
.wppb-toggle-pw.wppb-hide-pw
{
    float: right;
    border-color: transparent;
    padding: 0;
    margin-top: .5rem;
    height: auto;
    line-height: 1;
}

.wppb-toggle-pw.wppb-show-pw:hover,
.wppb-toggle-pw.wppb-hide-pw:hover
{
    border-color: transparent;
}

/* login page */

.wppb-user-forms #wppb-loginform .login-password input[type="password"],
.wppb-user-forms #wppb-loginform .login-password input[type="text"]
{
    width: calc(100% - 30px)!important;
}

/* /register page */

#passw1,
#passw2
{
    width: calc(100% - 30px)
}

/* #endregion */