<html lang="en" class="">

<head>
    <title>UNI</title>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="https://stb2cst.blob.core.windows.net/b2cprodcssfiles/images%2Ffavicon.png">
    <!-- Font Awesome -->
    <!-- <link
            href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
            rel="stylesheet"
            crossorigin="anonymous"
            referrerpolicy="no-referrer"
            data-preload="true"
        /> -->
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&amp;display=swap" rel="stylesheet" crossorigin="anonymous" referrerpolicy="no-referrer">
    <!-- MDB -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.2.0/mdb.min.css" rel="stylesheet" crossorigin="anonymous" referrerpolicy="no-referrer">
    <!-- custom -->
    <link href="lib/assets/layout.css?v=1.0" rel="stylesheet" crossorigin="anonymous" referrerpolicy="no-referrer">
    <link href="lib/assets/style_login.css" rel="stylesheet" crossorigin="anonymous" referrerpolicy="no-referrer">


    <style>
        .no_display {
            display: none
        }

        .error_container h1 {
            color: #333;
            font-size: 1.2em;
            font-family: 'Segoe UI Light', Segoe, 'Segoe UI', SegoeUI-Light-final, Tahoma, Helvetica, Arial, sans-serif;
            font-weight: lighter
        }

        .error_container p {
            color: #333;
            font-size: .8em;
            font-family: 'Segoe UI', Segoe, SegoeUI-Regular-final, Tahoma, Helvetica, Arial, sans-serif;
            margin: 14px 0
        }
    </style>
    <style>
        INPUT:-webkit-autofill,
        SELECT:-webkit-autofill,
        TEXTAREA:-webkit-autofill {
            animation-name: onautofillstart
        }

        INPUT:not(:-webkit-autofill),
        SELECT:not(:-webkit-autofill),
        TEXTAREA:not(:-webkit-autofill) {
            animation-name: onautofillcancel
        }

        @keyframes onautofillstart {}

        @keyframes onautofillcancel {}
    </style>
</head>

<body cz-shortcut-listen="true" class=""><noscript>
        <div id="no_js">
            <div class="error_container">
                <div>
                    <h1>We can't sign you in</h1>
                    <p>Your browser is currently set to block JavaScript. You need to allow JavaScript to use this service.</p>
                    <p>To learn how to allow JavaScript or to find out whether your browser supports JavaScript, check the online help in your web browser.</p>
                </div>
            </div>
        </div>
    </noscript>
    <div id="no_cookie" class="no_display">
        <div class="error_container">
            <div>
                <h1>We can't sign you in</h1>
                <p>Your browser is currently set to block cookies. You need to allow cookies to use this service.</p>
                <p>Cookies are small text files stored on your computer that tell us when you're signed in. To learn how to allow cookies, check the online help in your web browser.</p>
                <script nonce="u7Ft+/OB3RgNkulHS4ureQ==">
                    if (!navigator.cookieEnabled) document.getElementById('no_cookie').className = '';
                    if (typeof $diags !== 'undefined') $diags.initializationSuccessful = true;
                </script>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="container-fluid main-container">
            <div class="row">
                <div class="col-xl-7 col-lg-7 col-md-6">
                    <div class="row">
                        <div class="topbar">
                            <img src="lib/assets/logo.png" alt="UNI LOGO" class="logon">
                        </div>
                    </div>

        