@-webkit-keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.page-login{position:relative;width:100%;height:100%;background:rgba(0,0,0,0) url(../img/login_bg_1920x1080.1f517059.jpg) top no-repeat;background-size:cover;overflow:hidden}.page-login>.container{position:absolute;top:50%;left:50%;width:768px;max-width:100%;min-height:420px;border-radius:10px;background-color:#fff;-webkit-box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden}.page-login>.container.right-panel-active>.app-title{color:#fff}.page-login>.container.right-panel-active>.overlay-container{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.page-login>.container.right-panel-active>.overlay-container>.overlay{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.page-login>.container.right-panel-active>.overlay-container>.overlay>.overlay-panel.overlay-left{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.page-login>.container.right-panel-active>.overlay-container>.overlay>.overlay-panel.overlay-right{-webkit-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%)}.page-login>.container.right-panel-active>.form-container.sign-in-container{opacity:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.page-login>.container.right-panel-active>.form-container.sign-up-container{padding:0!important;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:1;z-index:5;-webkit-animation:show .6s;animation:show .6s}.page-login .app-title{position:absolute;top:50px;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);white-space:nowrap;height:20px;line-height:20px;padding:0 1em;text-transform:uppercase;color:#333;background-color:#fff;border-radius:3px}.page-login>.container>.form-container{position:absolute;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 50px;height:100%;text-align:center;background-color:#fff;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.page-login>.container>.form-container .input-outline-x{width:100%;position:relative;margin:8px 0}.page-login>.container>.form-container .input-control{margin:0;font-size:14px;line-height:1.5;outline:none}.page-login>.container>.form-container .input-outline{border:1px solid #d0d0d5;-webkit-transition:border-color .15s;-o-transition:border-color .15s;transition:border-color .15s}.page-login>.container>.form-container .input-label{position:absolute;font-size:14px;line-height:1.5;left:16px;top:14px;color:#a2a9b6;padding:0 2px;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;pointer-events:none;-webkit-transition:all .15s;-o-transition:all .15s;transition:all .15s}.page-login>.container>.form-container .input-outline~.input-label{background-color:#fff}.page-login>.container>.form-container .input-control:placeholder-shown::-webkit-input-placeholder{color:rgba(0,0,0,0)}.page-login>.container>.form-container .input-control:placeholder-shown::-moz-placeholder{color:rgba(0,0,0,0)}.page-login>.container>.form-container .input-control:placeholder-shown:-ms-input-placeholder{color:rgba(0,0,0,0)}.page-login>.container>.form-container .input-control:placeholder-shown::-ms-input-placeholder{color:rgba(0,0,0,0)}.page-login>.container>.form-container .input-control:placeholder-shown::placeholder{color:rgba(0,0,0,0)}.page-login>.container>.form-container.sign-in-container{left:0;width:50%;z-index:2}.page-login>.container>.form-container.sign-in-container .btn{background-color:#0896d8}.page-login>.container>.form-container.sign-in-container .btn.is-disable{background-color:#7fd3fa}.page-login>.container>.form-container.sign-in-container .input-outline:focus{border-color:#0896d8}.page-login>.container>.form-container.sign-in-container .input-outline:focus~.input-label,.page-login>.container>.form-container.sign-in-container .input-outline:not(:placeholder-shown)~.input-label{padding:0 4px;color:#0896d8;-webkit-transform:scale(.85) translate(-2px,-28px);-ms-transform:scale(.85) translate(-2px,-28px);transform:scale(.85) translate(-2px,-28px)}.page-login>.container>.form-container.sign-up-container{left:0;width:50%;opacity:0;z-index:1}.page-login>.container>.form-container.sign-up-container .btn{background-color:#52c41a}.page-login>.container>.form-container.sign-up-container .btn.is-disable{background-color:#aaef88}.page-login>.container>.form-container.sign-up-container .input-outline:focus{border-color:#52c41a}.page-login>.container>.form-container.sign-up-container .input-outline:focus~.input-label,.page-login>.container>.form-container.sign-up-container .input-outline:not(:placeholder-shown)~.input-label{padding:0 4px;color:#52c41a;-webkit-transform:scale(.85) translate(-2px,-28px);-ms-transform:scale(.85) translate(-2px,-28px);transform:scale(.85) translate(-2px,-28px)}.page-login>.container>.form-container .btn{padding:0 5em}.page-login>.container>.form-container .btn.is-disable{cursor:not-allowed}.page-login>.container>.form-container .checkbox{margin:7px 0 15px;width:100%;text-align:left}.page-login>.container>.form-container .checkbox.is-active>input[type=checkbox],.page-login>.container>.form-container .checkbox.is-active>input[type=checkbox]:focus,.page-login>.container>.form-container .checkbox.is-active>input[type=checkbox]:hover{border:none}.page-login>.container>.form-container .checkbox.is-active>input[type=checkbox]:before{opacity:1!important}.page-login>.container>.form-container .checkbox.is-active .remember{font-style:italic}.page-login>.container>.form-container .checkbox>input[type=checkbox]{position:relative;margin:0;padding:0;width:17px;height:17px;-webkit-appearance:none;-moz-appearance:none;background-color:rgba(0,0,0,0);border:1px solid #ccc;outline:none;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;cursor:pointer}.page-login>.container>.form-container .checkbox>input[type=checkbox]:focus,.page-login>.container>.form-container .checkbox>input[type=checkbox]:hover{border:1px solid #ccc}.page-login>.container>.form-container .checkbox>input[type=checkbox]:before{content:"";position:absolute;top:1px;left:-1px;width:22px;height:9px;border-bottom:2px solid #009688;border-left:2px solid #009688;border-bottom-left-radius:2px;-webkit-transform:rotate(-50deg);-ms-transform:rotate(-50deg);transform:rotate(-50deg);opacity:0;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.page-login>.container>.form-container .checkbox .remember{position:relative;top:-3px;left:10px;cursor:pointer}.page-login>.container>.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;-o-transition:transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;z-index:10}.page-login>.container>.overlay-container>.overlay{background:#0896d8;background:-webkit-gradient(linear,left top,right top,from(#52c41a),to(#0896d8));background:-o-linear-gradient(left,#52c41a,#0896d8);background:linear-gradient(90deg,#52c41a,#0896d8);background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#fff;position:relative;left:-100%;width:200%}.page-login>.container>.overlay-container>.overlay,.page-login>.container>.overlay-container>.overlay>.overlay-panel{height:100%;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;-o-transition:transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}.page-login>.container>.overlay-container>.overlay>.overlay-panel{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 40px;text-align:center;top:0;width:50%}.page-login>.container>.overlay-container>.overlay>.overlay-panel.overlay-left{-webkit-transform:translateX(-20%);-ms-transform:translateX(-20%);transform:translateX(-20%)}.page-login>.container>.overlay-container>.overlay>.overlay-panel.overlay-left .app-title{-webkit-box-shadow:-15px -15px 0 #fff,15px 15px 0 #fff;box-shadow:-15px -15px 0 #fff,15px 15px 0 #fff}.page-login>.container>.overlay-container>.overlay>.overlay-panel.overlay-right{right:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.page-login>.container>.overlay-container>.overlay>.overlay-panel.overlay-right .app-title{-webkit-box-shadow:-15px 15px 0 #fff,15px -15px 0 #fff;box-shadow:-15px 15px 0 #fff,15px -15px 0 #fff}.page-login>.container>.overlay-container>.overlay>.overlay-panel .btn{border:1px solid #fff}.page-login .btn{padding:0 2em;height:2.4em;line-height:2.4em;color:#fff;border-radius:2em;cursor:pointer}.page-login h1{margin:0;font-size:2em;color:inherit}.page-login h2{margin:0;font-size:1.4em;color:inherit}.page-login p{font-size:14px;font-weight:100;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}.page-login input{background-color:#fff;border:none;padding:12px 25px 12px 15px;margin:8px 0;width:100%}.page-login .showPsw-wrapper{position:absolute;right:10px;top:14px}.page-login .showPsw-wrapper .showPsw{cursor:pointer}.page-login>.copyright{position:absolute;bottom:0;padding:3px 0;width:100%;font-size:12px;text-align:center;color:#b9bdc7;background-color:rgba(0,0,0,.35)}.page-login>.canvas{height:65%}.page-login .box-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;margin-bottom:30px;width:100%}.page-login .box-group .box-item{padding:10px;width:120px;height:120px;text-align:center;border:1px dashed rgba(0,0,0,0);cursor:pointer}.page-login .box-group .box-item:hover{border-color:inherit}.page-login .box-group .box-item .icon-svg{font-size:70px;line-height:0}.page-login .box-group .box-item span{display:block;font-size:14px}.page-login .ps-group{width:100%;height:300px;overflow-x:hidden}.page-login .ps-group .el-scrollbar__wrap{overflow-x:hidden}.page-login .ps-group .ps-item{margin:15px 15px 0;padding:0 20px;height:60px;line-height:60px;border:1px solid #d9d9d9;text-align:left;cursor:pointer;border-radius:5px}.page-login .ps-group .ps-item:hover{border-color:#52c41a}.page-login .ps-group .ps-item.is-active{color:#fff;border-color:#52c41a;background-color:#52c41a}.page-login .ps-group .ps-item .ps-type{background-color:#52c41a}