#userManagementWrapper {
    width: 50%;
    margin: auto;
    position: relative;
}

#userManagementOuter {
    width: 100%;
    position: relative;
    color: #505050;
}

.logoWrapper {
    position: absolute;
    top: 30%;
    margin-left: 5%;
    max-width: 25%;
}

.logoWrapper .logo {
    width: 100%;
    height: 10%;
}

.logoWrapper .logo.login {
    margin-top: 3vh;
}

.logoWrapper .logo.logout {
    margin-top: 6vh;
}

#userManagementOuter.login {
    height: 25rem;
    margin-top: 15%;
}

.userManagementForm {
    right: 5%;
    width: 60%;
    height: 100%;
    overflow-y: auto;
    position: absolute;
}

.userManagementForm p {
    font-weight: bold;
    margin: 0;
}

.userManagementForm p.registrationText {
    font-weight: normal;
}

.userManagementForm.login {
    top: 20%;
}

.userManagementForm.login .forgotPasswordLink {
    display: block;
}

#userManagementOuter.registration {
    height: 40rem;
    margin-top: 4%;
    overflow-y: auto;
}

#userManagementOuter.registration .tenantInformation {
    top: 5%;
    display: block;
}

#userManagementOuter.registration .tenantInformation .btn.lowMargin {
    margin-top: 2%;
}

#userManagementOuter.registration .tenantInformation .form-row.companyNameEntry {
    margin-top: 5%;
    display: none;
}

#userManagementOuter.registration .userInformation {
    margin-top: 10%;
    display: none;
}

#userManagementOuter.registration .billingInformation {
    margin-top: 10%;
    display: none;
}

p.subNote {
    font-weight: normal;
    font-size: 0.9rem;
}

#userManagementOuter.logout {
    height: 40rem;
    margin-top: 4%;
}

.userManagementForm.logout {
    top: 40%;
    height: 20%;
    display: block;
}

#userManagementOuter.resetPassword {
    height: 25rem;
    margin-top: 15%;
}

.userManagementForm.resetPassword {
    top: 20%;
}