.dashboard-header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 30px}.dashboard-header .brand-logo{display:block;width:300px;height:45px}.dashboard-header .header-operations{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dashboard-header .header-search{width:300px;margin-right:25px;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.1) 2px -2px rgba(0,0,0,.1) inset;box-shadow:inset 0 2px 3px 2px -2px rgba(0,0,0,.1) rgba(0,0,0,.1)}.dashboard-header .header-search ::-webkit-input-placeholder{color:#91c7dd!important}.dashboard-header .header-search :-moz-placeholder,.dashboard-header .header-search ::-moz-placeholder{color:#91c7dd!important;opacity:1}.dashboard-header .header-search :-ms-input-placeholder{color:#91c7dd!important}.dashboard-header .header-search .el-input__prefix{left:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;color:#91c7dd}.dashboard-header .header-search .el-input__inner{height:28px;line-height:28px;background-color:rgba(14,37,46,.3);border-color:transparent;border-radius:8px;color:#91c7dd}.dashboard-header .header-user{margin-left:25px;outline:none!important;cursor:pointer}.dashboard-header .header-user-avatar{display:block;width:45px;height:45px;border-radius:50%;overflow:hidden}.dashboard-header .user-message,.dashboard-header .user-setting{display:block;margin-left:20px;font-size:24px;color:#1a91ff;cursor:pointer}.dashboard-header .user-setting{outline:none!important}.user-drop-menu{padding:0;border:none}.user-drop-menu .el-dropdown-menu__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px 0 18px;line-height:35px;background-color:#052f57!important;white-space:nowrap;color:#1a91ff}.user-drop-menu .el-dropdown-menu__item:not(:last-of-type){border-bottom:1px solid #1e4468}.user-drop-menu .el-dropdown-menu__item .drop-item-icon{margin-right:12px;font-size:16px}.user-drop-menu .el-dropdown-menu__item .drop-item-text{font-size:14px}.user-drop-menu .popper__arrow{display:none}.dashboard-background{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#000}.dashboard-background-image{height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover}.dashboard-background-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.dashboard-dock{position:absolute;bottom:0;left:50%;z-index:88;min-width:350px;height:56px;padding:0 10px;background-color:hsla(0,0%,60%,.7);border-radius:8px 8px 0 0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-box-shadow:3px -3px 10px rgba(0,0,0,.1),2px 2px 5px rgba(0,0,0,.1) inset;box-shadow:3px -3px 10px rgba(0,0,0,.1),inset 2px 2px 5px rgba(0,0,0,.1)}.dashboard-dock,.dashboard-dock-apps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dashboard-dock-apps{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dashboard-dock-apps .dock-item{position:relative;margin:0 5px;cursor:pointer}.dashboard-dock-apps .dock-item-link{display:block;width:46px;height:46px;cursor:pointer}.user-dialog-inner{position:relative}.user-dialog-inner .user-avatar{display:block;width:100px;height:100px;border-radius:5px;margin:0 auto 20px}.user-dialog-inner .form-row{position:relative;margin-bottom:20px;text-align:center}.user-dialog-inner .form-row-label{position:absolute;top:0;left:0;display:block;width:100px;line-height:26px;text-align:right;-webkit-transform:translate(-100%);transform:translate(-100%)}.user-dialog-inner .form-row-main{margin-left:10px}.user-dialog-inner .form-row .el-button{min-width:120px}.user-dialog-inner .form-row .el-input__inner{width:200px;height:26px;line-height:26px;border:none;background-color:#ebebeb;color:#333}.user-dialog-inner .form-row .el-input__inner:-webkit-autofill{-webkit-text-fill-color:#333!important;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.user-dialog-inner .form-row .el-input__suffix{right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-dialog-inner .form-row .el-input__suffix .svg-icon{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.user-dialog-inner .form-row .el-input__suffix .svg-icon:hover{color:#666}.user-dialog-inner .form-row:last-of-type{margin-top:50px}.color{width:150px;border:1px solid rgba(0,0,0,.1);padding:2px;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:absolute;top:2px;left:103%}.color .one{border-radius:5px 0 0 5px}.color .one,.color .two{margin-right:10px}.color .one,.color .three,.color .two{-ms-flex-negative:0;flex-shrink:0;width:40px;height:5px;background:#ccc}.color .three{border-radius:0 5px 5px 0}.bg1{width:50px;padding:2px;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:absolute;top:3px;left:103%;overflow:hidden;-webkit-animation:bg1 .5s;animation:bg1 .5s}.bg1 .one{background:#ec3701;border-radius:5px 0 0 5px}.bg1 .one,.bg1 .two{-ms-flex-negative:0;flex-shrink:0;width:40px;height:5px;margin-right:10px}.bg1 .two{background:#f78115}.bg1 .three{-ms-flex-negative:0;flex-shrink:0;width:40px;height:5px;background:#6ba001;border-radius:0 5px 5px 0}.bg2{width:100px;padding:2px;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:absolute;top:3px;left:103%;overflow:hidden;-webkit-animation:bg2 .5s;animation:bg2 .5s}.bg2 .one{background:#ec3701;border-radius:5px 0 0 5px}.bg2 .one,.bg2 .two{-ms-flex-negative:0;flex-shrink:0;width:40px;height:5px;margin-right:10px}.bg2 .two{background:#f78115}.bg2 .three{-ms-flex-negative:0;flex-shrink:0;width:40px;height:5px;background:#6ba001;border-radius:0 5px 5px 0}.bg3{width:150px;padding:2px;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:absolute;top:3px;left:103%;overflow:hidden;-webkit-animation:bg3 .5s;animation:bg3 .5s}.bg3 .one{background:#ec3701;border-radius:5px 0 0 5px}.bg3 .one,.bg3 .two{-ms-flex-negative:0;flex-shrink:0;width:40px;height:5px;margin-right:10px}.bg3 .two{background:#f78115}.bg3 .three{-ms-flex-negative:0;flex-shrink:0;width:45px;height:5px;background:#6ba001;border-radius:0 5px 5px 0}.text{width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:absolute;top:14px;left:103%;font-size:12px}.text div{margin:0 auto}@-webkit-keyframes bg1{0%{width:0}to{width:50px}}@keyframes bg1{0%{width:0}to{width:50px}}@-webkit-keyframes bg2{0%{width:50px}to{width:100px}}@keyframes bg2{0%{width:50px}to{width:100px}}@-webkit-keyframes bg3{0%{width:100px}to{width:150px}}@keyframes bg3{0%{width:100px}to{width:150px}}