@import './default-config.css';
@import 'config.css';

.loginContainer {
    display: flex;
    position: absolute;
    top: 50%;
    flex-direction: column;
    align-items: center;
    width: 100%;
    transform: translateY(-50%);
}

.loginLogo {
    width: var(--ut-front-react-loginLogoWidth);
    height: var(--ut-front-react-loginLogoHeight);
}

.loginPageHeader {
    margin-bottom: 55px;
    background: inline('./images/topLogo.png') no-repeat center;
}

.loginVersion {
    width: 100%;
    display: block;
    margin-top: 15px;
}

.loginPageFooter {
    margin-top: 55px;
    background: inline('./images/bottomLogo.png') no-repeat center;
}