#form-signup,
#form-login {
    text-align: center;
}

#link-signup,
#link-login {
    margin-top: 0.75rem;
}

.form-control {
    margin: 0.5rem 0;
}

.form-group>h4 {
    width: 100%;
    margin-bottom: 1rem;
    font-family: unset;
}

.reset-password {
    margin-left: auto;
    margin-right: auto;
}

.form-control#lastname,
.form-control#firstname,
.form-control#street,
.form-control#zipcode,
.form-control#city {
    flex-basis: 45%;
}

.form-control#firstname,
.form-control#street {
    margin-right: 0.5rem;
}

.form-control#lastname,
.form-control#zipcode {
    margin-left: 0.5rem;
}

.check-form-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#form-group-login {
    display: flex;
    flex-wrap: wrap;
}

.input-group>[type=checkbox],
.form-control[type=checkbox],
.form-control[type=radio] {
    margin-right: 1em;
    padding: 0.75em;
}

.form-control-label {
    margin-top: 5px;
    margin-bottom: 5px;
}

#legal-form-control {
    text-align: center;
}

#companyuid-prefix {
    margin: 0.5rem 0;
    border-radius: 20px 0 0 20px;
    flex: 0 0 auto;
    text-align: center;
}

#companyuid {
    border-radius: 0 20px 20px 0;
    flex: 1 1 0%;
}

.form-group-submit {
    margin-top: 2rem;
    text-align: left;
}

#form-signup.group-active-1 #form-group-company,
#form-signup.group-active-1 #form-group-personal,
#form-signup.group-active-1 #form-group-user,
#form-signup.group-active-1 [type=submit] {
    display: none;
}

#form-signup.group-active-2 #form-group-login,
#form-signup.group-active-2.group-user #form-group-company,
#form-signup.group-active-2.group-company #form-group-personal,
#form-signup.group-active-2 #form-group-user,
#form-signup.group-active-2 [type=submit] {
    display: none;
}

#form-signup.group-active-3 #form-group-login,
#form-signup.group-active-3 #form-group-company,
#form-signup.group-active-3.group-user #form-group-personal,
#form-signup.group-active-3.group-company #form-group-user,
#form-signup.group-active-3 #continue {
    display: none;
}

#form-login .form-group-submit button {
    width: 100%;
}

#form-signup .form-group-submit button {
    width: 45%;
}

#form-signup .form-group-submit #continue,
#form-signup .form-group-submit [type=submit] {
    float: right;
}

#form-signup.group-active-1 #back {
    pointer-events: none;
    opacity: var(--bs-btn-disabled-opacity);
    cursor: pointer;
}

@media (max-width: 936px) {
    .form-group-submit{
        margin-top: 2rem;
    }

    #form-signup .form-group-submit button{
        width: 100%;
        margin: 10px 0;
    }
}