:root {
    --color-ngt-primary: #164194;
    --color-ngt-primary-darken-10: #153b86;

    --color-primary: var(--color-ngt-primary);
    --color-primary-darken-10: var(--color-ngt-primary-darken-10);

    --color-secondary: var(--color-ngt-primary);
    --color-secondary-darken-10: var(--color-ngt-primary-darken-10);

    --color-primary-background: #fff;

    --color-brand-bg: var(--color-primary-background) !important;
    --color-brand-border: var(--color-brand-bg) !important;
    --logo-path: url(../img/NGT_Logo.svg);
    --logo-height-small: 60px;
}

.brand-wrapper {
    height: 70px !important;
}

div.login div.wrapper-left {
    background-color: var(--color-primary-background);
}

div.wrapper-left {
    background-image: none;
}

div.brand-login-wrapper > div.brand-login {
    background-image: var(--logo-path);
    background-size: contain;
}

#activation_page div.brand-wrapper,  #register_page div.brand-wrapper {height: 84px !important;}


div.brand-login-wrapper-top-link {
    margin: 20px;
    position: absolute;
}

.login div.wrapper-middle {
    position: relative;
    width: 20vw;
    height: var(--vh);
    float: left;
}
.login div.wrapper-middle div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.login .wrapper-right,.login .wrapper-left {
    width: 40vw !important;
}
.header-functions-wrapper {height: 100%;}