<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]>         <html class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Vena Solutions</title>
        <link rel="icon" href="/app/private/core/img/favicon.png" type="image/png">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="/libs/bootstrap/css/bootstrap.min.css">
        <style id="test" class="test"></style>
        <style>
             #login {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                background-color: rgb(225, 232, 238);
            }
            @media (min-width: 1024px) {
                .vs-pull-bottom-center {
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    -moz-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    -o-transform: translateX(-50%);
                    -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
                }
            }

            .vs-login-panel { /* NOTE this rules are supposed to be in "login" module, but IE11 doesn't pick up media-queries in this case */
                padding-top: 100px;
                width: 450px;
                position: absolute;
                top: 0;
                bottom: 0;
                background-color: rgba(17,95,155,0.87);
                right: 12%;
            }
            .vs-login-form {
                padding: 0 40px 0 40px;
            }
            .vs-login-form input {
                margin-bottom: 15px;
                border-width: 0;
            }
            .vs-login-form input:focus {
                box-shadow: 0 0 20px rgb(175,215,250);
            }
            @media (max-width: 1023px) {
                .vs-login-panel {
                    right: 0;
                    width: 100%;
                    padding: 35px 21% 30px 21%;
                    top: 50%;
                    bottom: auto;
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

                /*.vs-top-slider {
                    right: 50%;
                    -moz-transform: translateX(50%);
                    -ms-transform: translateX(50%);
                    -o-transform: translateX(50%);
                    -webkit-transform: translateX(50%);
                    transform: translateX(50%);
                    margin-right: 0;
                }*/

                /*.vs-copyright {
                    margin: 20px 0 0 0;
                }*/
            }
            @media (max-width: 767px) {
                .vs-login-panel {
                    padding-left: 10%;
                    padding-right: 10%;
                }
            }
            @media (max-width: 480px) {
                .vs-login-panel {
                    padding-left: 1%;
                    padding-right: 1%;
                }

                .vs-login-form {
                    padding-left: 15px;
                    padding-right: 15px;
                }
            }

            .vs-white-text, .vs-white-text *, .vs-white-text *:hover {
                color: white;
            }
            .vs-main-progress-bar {
                width: 33%;
                margin: 100px auto 100px auto;
            }
            .vs-browser-support {
                width: 410px;
                margin-top: 20px;
                display: none;
            }
            .lt-ie9 .vs-browser-support {
                display: block;
            }
            .lt-ie9 #main-content, .lt-ie9 #login, .lt-ie9 #header {
                display: none;
            }
        </style>

        <meta name="referrer" content="origin">

        <script async src='https://www.google-analytics.com/analytics.js'></script>
        <script type="text/javascript">
            folder = "/app/";
        </script>
        <script type="text/javascript" src="/libs/requirejs/require-2.1.11.min.js" data-main="/app/main"></script>
    </head>
    <body>
        <div id="modals-placeholder"></div>
        <div id="modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModal" aria-hidden="true"></div>
        <div id="header"></div>
        <div id="login">
            <div class="vs-main-progress-bar progress progress-striped active">
                <div class="progress-bar" style="width: 100%">Loading...</div>
            </div>
        </div>
        <div id="main-content" class="tab-content container-fluid"></div>
        <div id='401'></div>
        <div id='404'></div>
        <div class="vs-browser-support alert alert-warning center-block">Sorry, your browser is not supported</div>
        <footer class="text-center"><small class="app-info"></small></footer>
    </body>
</html>
