@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:#f0f2f5;min-height:100vh;font-family:Helvetica,Arial,sans-serif;overflow:hidden;}
#login{width:100%;max-width:400px;margin:4% auto;text-align:center;}
#login img{max-width:100%;max-height:150px;}
#login h3{color:#1877f2;}
#login h1{margin-bottom:25px;font-size:30px;color:#1e293b;}
/* #login label{position:relative;display:block;width:100%;margin-bottom:15px;} */
#login label.checkbox{float:left;margin:9px 0 18px 0;color:#1e293b;text-align:left;line-height:19px;cursor:pointer;}
::placeholder,::-webkit-input-placeholder{color:#8e99ab;}
#login form{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);padding:32px;}
#login .repass_form{overflow:hidden;}
#login .password{position:relative;}
#login .password_view{position:absolute;right:5px;top:4px;background:url("login.svg#eyeview") no-repeat center center;background-size:19px 19px;border-radius:50%;width:38px;height:38px;cursor:pointer;}
#login .password_view.hide{background-image:url("login.svg#eyehide");}
#login .password_view:hover{background-color:#eaedf1;}
#login input[type="text"],#login input[type="password"],#login select{display:block;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;height:46px;margin-bottom:15px;padding:0 8px;color:#1e293b;font-size:16px;}
#login input[type="text"]:focus,#login select:focus,#login input[type="password"]:focus{outline:0;border-color:#3f88f7;box-shadow:0 0 0 1px #3f88f7;}
#login .repass{float:right;margin:9px 0 18px 0;color:#1877f2;font-size:15px;}
#login .repass:hover{color:#1765de;}
#login .repass_link{margin:18px 0 -5px 0;}
#login input[type="checkbox"]{appearance:none;-webkit-appearance:none;float:left;outline:0;border:2px solid #64748b;border-radius:2px;width:16px;height:16px;margin:1px 5px 0 0;cursor:pointer;}
#login input[type="checkbox"]:checked{background:url("login.svg#check") no-repeat center center #1877f2;background-size:12px 12px;border-color:#1877f2;}
#login button{background-color:#1877f2;border:1px solid #3f88f7;border-radius:6px;width:100%;height:46px;color:#fff;font-size:18px;cursor:pointer;outline:0;}
#login button:hover{background-color:#1765de;border-color:#2f78e9;}
#login button:active{box-shadow:0 0 6px #1765de;}


#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-height:500px){#login{margin-top:2%;}#login h1{margin-bottom:15px;font-size:28px;}}
@media(max-height:400px){#login{margin-top:9px;}#login h1{margin-bottom:9px;font-size:24px;}#login .repass,#login label.checkbox{margin:3px 0 12px 0;}}
@media(max-height:350px){#login{margin-top:9px;}#login h1{margin-bottom:9px;font-size:24px;}}
@media(max-width:425px){#login{width:100%;padding:0;}#login h1{font-size:24px;}#login form{border-radius:0;}}
@media(max-width:360px){#login form{padding:25px 20px;}}

#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;}