@charset "utf-8";
html { font-family: 'Arial Narrow', Arial; }
body { margin: 0; width: 100%; height: 100%; text-align: center; background-color: #015ba7; background: url(bg1.jpg?v=2) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

#loginPanel { background-color: #fff; width: 280px; height: 220px; position: absolute; top: 50%; left: 50%; margin-left: -140px; margin-top: -110px; font-size: 13px; border-radius: 10px; border: 1px solid #ccc; padding: 12px; box-shadow: 0 10px 10px rgba(0,0,0,0.2); }
    #loginPanel #logo { width: 202px; height: 70px; background: url('/images/logo.png') no-repeat; }
    #loginPanel #solsec { float: left; width: 295px; }
        #loginPanel #solsec .row { height: 40px; width: 100%; float: left; }
            #loginPanel #solsec .row input[type="text"], #loginPanel .row input[type="password"] { width: 260px; line-height: 23px; height: 23px; padding-left: 5px; float: left; }
            #loginPanel #solsec .row #btnLogin { line-height: 25px; width: 268px; height: 26px; border: 1px solid #221f53; color: #221f53; cursor: pointer; transition: all .2s ease-in-out; }
                #loginPanel #solsec .row #btnLogin:hover { background: #221f53; border: 1px solid white; color: white; width: 268px; }
            #loginPanel #solsec .row #lblUyari { color: red; width: 100%; line-height: 10px !important; margin-top: 15px !important; display: inline-block; height: 40px; }

    #loginPanel #sagsec { float: right; width: 295px; height: 145px; margin-top: 53px; }