.weka-login-page-container {
    height: 100%;
}

.form-group .title {
    margin: 0px 0px 24px;
}

.weka-container {
    position: relative;
    height: 100%;
    background: #ffffff;
}

.weka-login-form {
    margin: 0 auto;
    max-width: 400px;
    z-index: 9;
    background: #b88228;
    padding: 50px 30px;
    box-shadow: 0 2px 43px 0 rgba(70, 75, 84, 0.12);
    margin-top: 30px;
    width: 100%;
    align-self: center;
}

.weka-login-form .solid {
    margin: 22px 0px;
}

.weka-login-page {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.weka-container .submit-btn {
    background: #334e8d;
}

.weka-container .localization-tool-container-login,
.weka-container .localization-tool-container-reset-password,
.weka-container .localization-tool-container-register,
.weka-container .localization-tool-container-reset-password-register,
.weka-container .localization-tool-container-registration-completed {
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.weka-content {
    display: flex;
    width: 100%;
    padding: 0px 15px;
}

.weka-content .info {
    display: none;
    width: 50vw;
    padding: 3vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
}

.weka-content .info h1 {
    font-size: 3vw;
    line-height: 3.8vw;
    color: #334e8d;
    font-weight: 500;
}

.weka-content .info h2 {
    font-size: 1.5vw;
    font-weight: 400;
    color: #334e8d;
}

.weka-divider {
    background: #334e8d;
    width: 200px;
    height: 2px;
}

.weka-content .weka-people-img {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    width: 100%;
    height: 25vw;
}

/* WEKA REGISTER */
.weka-container .registration-completed-info-container,
.weka-container .form-container {
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
    align-self: center;
}

.weka-container .registration-completed-page-container a {
    color: #334e8d;
}

.talentus-logo {
    width: 200px;
}

.new-password-container .weka-login-form {
    background: #eeeeee;
}

.new-password-container,
.register-container,
.new-password-register-container,
.registration-completed-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

@media screen and (min-width: 1022px) {
    .new-password-page-container,
    .login-page-container,
    .register-page-container,
    .new-password-register-page-container,
    .registration-completed-page-container {
        height: 100%;
    }

    .weka-login-form {
        width: 400px;
    }

    .weka-content {
        width: unset;
    }

    .weka-content .info {
        display: flex;
    }
}

.button.renderResetPasswordPage {
    background: #334e8d;
}