.menu-wrapper{overflow-x:hidden;position:relative}.menu-wrapper::-webkit-scrollbar-track{background:#242424!important;border-radius:0!important}.menu-wrapper.expanded::-webkit-scrollbar-track{background:#fff!important;border-radius:0!important}.menu-wrapper .menu-bg-el{position:absolute;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.menu-wrapper .menu-bg-el .dark{width:60px;height:100%;background:#242424}.menu-wrapper .menu-container{position:relative;z-index:2}.menu-wrapper .menu-row{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:60px;background:#fff}.menu-wrapper .menu-row .icon-area{background:#242424;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.menu-wrapper .menu-row .icon-area,.menu-wrapper .menu-row .icon-area .icon-wrapper{width:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all .2s;transition:all .2s}.menu-wrapper .menu-row .icon-area .icon-wrapper{cursor:pointer;height:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu-wrapper .menu-row .icon-area.red-dot{position:relative}.menu-wrapper .menu-row .icon-area.red-dot:after{content:"";display:block;position:absolute;top:12px;right:12px;width:6px;height:6px;border-radius:50%;background-color:red}.menu-wrapper .menu-row .text-area{-webkit-box-flex:1;-ms-flex:1;flex:1}.menu-wrapper .menu-row .menu-name-row{cursor:pointer;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:0 20px;line-height:60px;font-size:16px;color:#1a1a1a;-webkit-transition:all .2s;transition:all .2s;white-space:nowrap;overflow:hidden}.menu-wrapper .menu-row .menu-name-row:hover{background:#f9f9f9}.menu-wrapper .menu-row.active .icon-wrapper{background:#000;position:relative}.menu-wrapper .menu-row.active .icon-wrapper:after{position:absolute;top:2px;right:0;content:"";background:#c20c0c;width:3px;height:58px}.menu-wrapper .menu-row.active .menu-name-row{background:#f9f9f9}.menu-wrapper .menu-row .sub-menus .sub-row{cursor:pointer;padding:15px 20px 15px 43px;font-size:14px;color:#5e5e5e;-webkit-transition:all .2s;transition:all .2s}.menu-wrapper .menu-row .sub-menus .sub-row.active,.menu-wrapper .menu-row .sub-menus .sub-row:hover{font-weight:700;background:#f9f9f9;color:#181717}.el-popper.menu-popper{border:none;background:#242424;padding:0}.el-popper.menu-popper .sub-menus-in-body{color:#fff}.el-popper.menu-popper .sub-menus-in-body .sub-row{padding:10px;line-height:24px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.el-popper.menu-popper .sub-menus-in-body .sub-row.active,.el-popper.menu-popper .sub-menus-in-body .sub-row:hover{background:#414040}.main-content-wrapper{height:100%}.container{position:absolute;background:#f9f9f9;left:0;right:0;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex}.container.menu-expanded .left-area{width:320px}.container .right-area{-webkit-box-flex:1;-ms-flex:1;flex:1}.container .left-area{width:60px;-webkit-transition:width .2s;transition:width .2s;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container .left-area .logo-row,.container .left-area .logout-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff}.container .left-area .expand-icon,.container .left-area .logout-icon{background:#242424;width:60px;padding:31px 19px 30px;cursor:pointer}.container .left-area .logo-area{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:25px 20px;border-bottom:1px solid #f3f3f3}.container .left-area .logout-row{width:60px;height:88px;background:#242424;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container .left-area .logout-row .user-circle{color:#fff;margin:auto;background-color:grey;border-radius:50%;font-size:28px;line-height:46px;width:46px;text-align:center}.container .left-area .logout-row .empty{-webkit-box-flex:1;-ms-flex:1;flex:1}.container .left-area .menu-wrapper{height:calc(100% - 172px)}.container .left-area:after{position:absolute;top:0;right:0;width:1px;height:100vh;content:"";background:hsla(0,0%,40.4%,.1)}body .user-circle-popover{text-align:center;min-width:0;line-height:36px;padding:0}body .user-circle-popover>div>div{padding:0 10px;position:relative;z-index:10}body .user-circle-popover .nickname{font-size:13px;color:#fff;text-align:center;background-color:#bababa}body .user-circle-popover .btn{cursor:pointer}body .user-circle-popover .btn:hover{background-color:#dbdbdb}