@-webkit-keyframes blink{from,to{background-color:rgba(0,0,0,0.95);}
50%{background-color:rgba(0,0,0,0.3);}
}@keyframes blink{from,to{background-color:rgba(0,0,0,0.95);}
50%{background-color:rgba(0,0,0,0.3);}
}body{padding:0;margin:0;font-size:14px;font-family:tahoma;}
.bg{position:fixed;background:url("img/lbg.png") center center no-repeat;background-size:cover;left:0;top:0;bottom:0;right:0;z-index:2;}
.login{position:fixed;top:0;left:0;bottom:0;right:0;z-index:3;background:rgba(0,0,0,0.8);-webkit-animation:blink 10s infinite cubic-bezier(.53,-0.14,0,1.04);animation:blink 10s infinite cubic-bezier(.53,-0.14,0,1.04);-webkit-opacity:1;opacity:1;filter:Alpha(Opacity=100);-ms-filter:Alpha(Opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.login>div{background:#fff;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:8px;border-radius:8px;width:300px;padding:0;-webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.5);box-shadow:10px 10px 10px rgba(0,0,0,0.5);overflow:hidden;}
.login>div>h3{margin:0;padding:10px 20px;background:#eee;border-bottom:1px solid #ddd;line-height:20px;font-weight:normal;text-transform:uppercase;font-size:16px;}
.login>div>div{margin:20px;}
.login>div>div.lostpass{padding:10px 0;text-align:right;}
.login>div>div.lostpass>b{cursor:pointer;font-weight:normal;color:#075D87;}
.login>div>div.lostpass>b:hover{text-decoration:underline;}
.login>div>div.form{padding-bottom:20px;border-bottom:1px dashed #ddd;}
.login>div>div.form input[type="submit"],.login>div>div.form input[type="button"]{display:block;background:#075D87;color:#fff;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;height:50px;line-height:50px;text-align:center;cursor:pointer;font-size:20px;}
.login>div>div.form input.err{border-color:red;}
.login label{display:block;padding-bottom:20px;}
.login label>b+input{display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;height:40px;line-height:40px;-webkit-border-radius:0;border-radius:0;background:#eee;margin:8px 0;padding:0 10px;color:#075D87;font-size:18px;font-family:tahoma;border-bottom:1px solid #aaa;}
.login label>input[type="checkbox"]{margin-left:0;margin-right:10px;}
.login label>b{font-weight:normal;font-size:16px;}
.recovery{-webkit-opacity:0;opacity:0;filter:Alpha(Opacity=0);-ms-filter:Alpha(Opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:fixed;bottom:0;right:0;left:0;top:0;background:rgba(0,0,0,0.95);z-index:1;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.recovery>span{display:block;position:absolute;top:40px;right:40px;cursor:pointer;width:60px;height:60px;}
.recovery>span:after,.recovery>span:before{content:'';-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:70px;height:3px;background:#fff;display:block;vertical-align:middle;position:absolute;left:50%;top:50%;}
.recovery>span:before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);}
.recovery>div{position:absolute;top:25%;max-width:90%;width:70%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.recovery>div>input{height:100px;background:rgba(0,0,0,0.5);border:none;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;border-bottom:1px solid rgba(255,255,255,0.1);color:#fff;font-size:220%;}
body.rec .recovery{-webkit-opacity:1;opacity:1;filter:Alpha(Opacity=100);-ms-filter:Alpha(Opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";z-index:4;}
body.rec .login{-webkit-opacity:0;opacity:0;filter:Alpha(Opacity=0);-ms-filter:Alpha(Opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
input[type="number"]{-moz-appearance:textfield;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;}
.error,.msg{color:red;border-left:2px solid red;padding-left:20px;margin-bottom:20px;}
.msg{color:green;border-color:green;}
.recovery .sent{background:rgba(255,255,255,0.05);position:absolute;top:25%;max-width:90%;width:70%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:120px;font-size:18px;}
.recovery .sent>div{font-size:18px;padding:10px;}
.recovery .sent>.error{color:red;}
.recovery .sent>.msg{color:green;}