@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes scaler{0%{transform:scale(0.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes shake{1%,9%{transform:translate3d(0, 0, 0)}2%,8%{transform:translate3d(2px, 0, 0)}3%,5%,7%{transform:translate3d(-4px, 0, 0)}4%,6%{transform:translate3d(4px, 0, 0)}}*{margin:0;padding:0;outline:0;font-family:"Roboto",sans-serif;font-size:14px;box-sizing:border-box}img{border:0}body,html{height:100%;padding-top:30px}div.container{width:370px;background:#efefef;margin:0 auto 0 auto;padding:50px;box-shadow:3px 3px 5px 6px gray;transition:transform .2s ease-in-out,opacity .2s ease-in-out}div.container .wrong_pass{font-size:20px;font-weight:bold;color:red;text-align:center}div.container .footer{float:right;font-size:12px}div.container:not(.active){transform:translateY(-50px);opacity:0}div.login-head{text-align:center;height:170px;background:url(../images/logosite.png) no-repeat center center;background-size:85%}div.footer{font-size:12px;position:absolute;bottom:10px;right:10px}input{display:block;margin-top:20px}input.input{width:100%;padding:15px 0;border:none;border-bottom:1px solid #cdcdcd;background:none;transition:border .3s ease-in-out}input:focus{border-color:#666}button{width:60px;height:60px;font-weight:bold;color:#42577e;border:2px solid #42577e;cursor:pointer;transition:background .3s ease-in-out;border-radius:100%;background:url(/packages/cl_base/images/logo.svg) no-repeat center center;background-size:100% 100%;display:block;margin:50px auto 0 auto}button svg{width:100%;height:100%;padding:10px;fill:#42577e;transition:fill .3s ease-in-out}button:hover{background-color:#afafaf}