@keyframes scalein{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}}@-webkit-keyframes scalein{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}}@-moz-keyframes scalein{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}}@-ms-keyframes scalein{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}}@-o-keyframes scalein{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}}
@-webkit-keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg);}}@-moz-keyframes rotator{0%{-moz-transform:rotate(0deg);transform:rotate(0deg);}100%{-moz-transform:rotate(270deg);transform:rotate(270deg);}}@-ms-keyframes rotator{0%{-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-ms-transform:rotate(270deg);transform:rotate(270deg);}}@-o-keyframes rotator{0%{-o-transform:rotate(0deg);transform:rotate(0deg);}100%{-o-transform:rotate(270deg);transform:rotate(270deg);}}@keyframes rotator{0%{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);}}
@-webkit-keyframes dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg);}}@-moz-keyframes dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-moz-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-moz-transform:rotate(450deg);transform:rotate(450deg);}}@-ms-keyframes dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-ms-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-ms-transform:rotate(450deg);transform:rotate(450deg);}}@-o-keyframes dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-o-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-o-transform:rotate(450deg);transform:rotate(450deg);}}@keyframes dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg);}}
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{background-color:#fff;min-height:100vh;font-family:Helvetica,Arial,sans-serif;overflow:hidden;}
#login{width:100%;max-width:370px;margin:9% auto;text-align:center;}
#login img{max-width:100%;max-height:150px;}
#login h1{font-size:30px;}
#login label{position:relative;display:block;width:100%;margin:12px auto;}
#login label span{display:block;color:#666;font-size:15px;font-weight:600;text-align:left;}
::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder{color:#94aab0;font-size:15px;}
#login input[type="text"],#login input[type="password"]{display:block;background-color:#fff;border:1px solid #cfd9db;border-radius:2px;box-shadow:inset 0 1px 1px rgba(0,0,0,.08);color:#2b3e51;width:100%;height:40px;margin-top:2px;padding:7px 12px;font-size:16px;}
#login input[type="text"]:focus,#login input[type="password"]:focus{outline:0;border-color:#2c97de;box-shadow:0 0 5px rgba(44,151,222,0.2);}
#login input[type="submit"]{
background-color:#5cb85c;
border:1px solid #4cae4c;
border-radius:1px;
width:100%;margin:9px auto 0 auto;
padding:11px 0;color:#fff;
font-size:14px;font-weight:600;text-transform:uppercase;cursor:pointer;}
#login input[type="submit"]:hover{background-color:#449d44;border-color:#398439;}
#login input[type="submit"]:active{background-color:#398439;border-color:#255625;}
#msg:not(.msgok){background:#e35144;border-radius:4px;width:100%;margin:0 auto;color:#fff;font-size:15px;}
#msg.error,#msg .error{padding:8px 10px;-webkit-animation:scalein .1s linear 0s 1;-moz-animation:scalein .1s linear 0s 1;-ms-animation:scalein .1s linear 0s 1;-o-animation:scalein .1s linear 0s 1;}
#msg.error a,#msg .error a{color:#fff;}
@media(max-width:600px){#login{margin-top:15vh;}#login label{position:relative;margin-top:20px;padding:5px 0 2px 0;}#login label span{position:absolute;top:-14px;left:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}#login input[type="text"],#login input[type="password"]{padding:3px 9px;}}
@media(max-height:700px){#login{margin-top:4%;}}
@media(max-height:500px){#login{margin-top:2%;}#login img{max-height:120px;}#login input[type="text"],#login input[type="password"]{height:36px;}#login input[type="submit"]{margin-top:0;padding:8px 0;}}
@media(max-height:400px){#login{margin-top:0;}#login img{max-height:90px;}#login h1{font-size:24px;}#login input[type="text"],#login input[type="password"]{height:34px;}#login input[type="submit"]{margin-top:0;padding:8px 0;}}
@media(max-width:410px){#login h1{font-size:24px;}#login{padding:0 9px;}}

#loading{clear:both;display:block;opacity:0;filter:alpha(opacity=0);width:0;height:0;margin:-7px auto 7px auto;-webkit-animation:rotator 1.4s linear infinite;-moz-animation:rotator 1.4s linear infinite;-ms-animation:rotator 1.4s linear infinite;-o-animation:rotator 1.4s linear infinite;-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite;}
#loading.on{opacity:1;filter:alpha(opacity=100);width:30px !important;height:30px !important;}
.path{stroke:#0070ba;stroke-dasharray:187;stroke-dashoffset:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:dash 1.4s ease-in-out infinite;-moz-animation:dash 1.4s ease-in-out infinite;-ms-animation:dash 1.4s ease-in-out infinite;-o-animation:dash 1.4s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite;}

.msgok{background-color:#00c292;border-radius:4px;width:100%;margin:9px auto;color:#fff;padding:5px 0;font-size:15px;line-height:1.5em;}