.login {
    height: 100%;
    display: flex;
}
    .login > div {
        flex-grow: 1;
    }
.login .bg-image {
    background-image: url("../../images/bg-5.jpg");
    width: 40%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
    display: flex;
    flex-direction: column;
}

.login .bg-image .logo {
    width: 20%;
}

.login .bg-image .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}

.login .bg-image .title h3 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
}

.login .bg-image .sub-title h4{
    font-size: 1rem;
    font-weight: 200;
    color: rgba(255, 255, 255, .7);
}

.login .form-section {
    padding: 3rem;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    justify-content: center;
    min-width: 500px;
}
.login .form-section .title h3 {
    font-size: 1.5rem;
    color: #67666e;
}
    .login .form-section > div.createNewUser {
        color: #a7abc3;
    }
        .login .form-section > div.createNewUser a {
            color: #3d94fb;
        }
    .login .newAttorney.form-section {
        padding: 3rem;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        flex-direction: column;
        justify-content: start;
        min-width: 500px;
        overflow-y: auto;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE 10+ */
    }
        .login .newAttorney.form-section::-webkit-scrollbar {
            display: none;
        }