<!DOCTYPE html>
<html class="front">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>

            body
            {
                position: static !important;

            }




            @media ( max-width: 1279px ){

                .login-form-wrap{      
                    padding: 0;
                    display: block;
                    margin-top:-60px;
                  
               
                }


                #main, body, html {
                    min-height: 100vh;
                    background-color: #fff !important;
                }

                .login-form-title
                {
                    display: none;


                }

                .login-form-button-wrap
                {
                    text-align: center;
                }


                .login-form-button
                {
                    padding: 10px 16px !important;
                    font-size: 17px  !important;
                    line-height: 1.3333333  !important;
                    border-radius: 2px  !important;
                }
                
                .proinserv-big
                {
                    display: block;
                    margin-bottom:20px !important;
                }
                
            }

            @media ( min-width: 1280px ){

                .login-form-button-wrap
                {
                    text-align: right;
                }
                .login-form-wrap{      
                    padding: 0;
                    vertical-align: middle;
                    display: table-cell;
                    margin: 0;
                }
                .login-form
                {
                    padding:20px;
                    
                }



            }





            .outer {
                width: 100%;
                padding: 0;
                display: table;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                margin: 0;
            }

            .middle {
                padding: 0;
                vertical-align: middle;
                display: table-cell;
                margin: 0;
            }

            .inner {
                margin-left: auto;
                margin-right: auto; 
                width: 500px;
            }


            label {
                font-weight: 400 !important;
            }

            .login-form-title
            {
                font-weight:400 !important;
            }


            .login-form-subtitle
            {
                display: block; 
                margin-top: 10px;
            }

            .proinserv-big
            {
                margin:0px auto;
            }

            .login-block{

                padding:0px;
            }





        </style>   
                                <link rel="stylesheet" href="/material.css" />
                        <link href="/assets/css/main.css" rel="stylesheet">
            <link id="page_favicon" href="/favicon.ico" rel="icon" type="image/x-icon" />
        
    </head>
    <body class='fade-in'>


               
        <div>
                




<div class="container-fluid outer login-block animated fadeIn">
    <div class="login-form-wrap">
        <div class="card inner login-form" >
            <div class="card-header">
                <div class="proinserv-big" >
                </div>    
                <h1 class="login-form-title">Zaloguj się
                    <small class="login-form-subtitle">Podaj nazwę użytkownika i hasło</small>
                </h1>
            </div>

            <div class="card-body card-padding">
                
               

                <form action="/login_check" method="post">
                                            <input type="hidden" name="_csrf_token" value="UsU-M2RqOx21u5zN0HR2OxbW0kijqyRIhr2NroW--W0" />
                        

                    <div class="form-group">
                        <div class="fg-line">
                            <input class="form-control input-lg" placeholder="Nazwa użytkownika"  type="text" id="username" name="_username" value="" required="required" />
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="fg-line">
                            <input class="form-control input-lg" placeholder="Hasło" type="password" id="password" name="_password" required="required" />
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="fg-line checkbox"><label class="input-helper" for="remember_me">
                                <input type="checkbox" class="chekbox" id="remember_me" name="_remember_me"   value="on" />
                                <i class="input-helper"></i>
                                Nie wylogowuj mnie</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="fg-line  login-form-button-wrap ">
                            <button type="submit" id="_submit" class="btn btn-primary m-t-10 waves-effect login-form-button" name="_submit" value="Zaloguj">Zaloguj</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


        </div>


                <script src="/material.js"></script>
        
        <!-- Placeholder for IE9 -->
        <!--[if IE 9 ]>
            <script src="/material/vendors/bower_components/jquery-placeholder/jquery.placeholder.min.js"></script>
        <![endif]-->

        <script src="/material/js/app.min.js"></script>    

        
        
        <div class="eulogo">
            <div class="eulogo1" ></div>
            <div class="eulogo2"></div>
            <div class="eutext">Projekt współfinansowany ze środków Europejskiego Funduszu Rozwoju Regionalnego w ramach Programu Operacyjnego Innowacyjna Gospodarka.<br/>Dotacje na innowacje.</div>
        </div>
        
        
    </body>


</html>
