/* inc/ebr-membership/assets/css/ebr-signup.css */
.ebr-signup-wrapper {
    direction: rtl;
    text-align: right;
}

#role-selection .btn-primary {
    margin: 0.5rem;
}

#registration-form,
#verification-form {
    max-width: 800px;
    margin: 0 auto;
}

#resend-code:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

div#ebr-sinupe-fromgroup {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px 15px;
    margin-top: 15px;
}

@media screen and (min-width:768px) {
    div#ebr-sinupe-fromgroup {
        grid-template-columns: 1fr 1fr;
    }

}

.form-group {
    position: relative;
}

label {
    position: absolute;
    top: -13px;
    background: #ffffff;
    right: 16px;
    min-width: 30px;
    padding: 0 5px;
    font-size: 13px;
}

span.ebr-toggle-password {
    position: absolute;
    left: 0;
    top: 8px;
    left: 20px;
}
.invalid-feedback {
    text-align: right;
}

#ebr-verify-form{
    width: 300px;
    max-width: 100%;
    margin: 2rem auto;
}
button#back-to-role {
    position: absolute;
    left: 0;
    background: no-repeat;
    border: none;
    color: #777;
}