.user-sidebar-container{background-color:var(--eaf1);width:80px;height:100%;min-height:calc(100vh - 166.55px);padding:24px 10px}.user-sidebar-container .menu-item-name{color:#113dcd;text-align:center;margin-top:4px;font-size:12px;font-weight:500;line-height:14.52px}.user-sidebar-container .active-n{color:var(--113D)}
#userlayout-container{height:100vh;overflow-y:auto}#userlayout-container .right-body-content{flex-direction:column;flex-grow:1;width:100%;display:flex}#userlayout-container .right-body-content .body-block{flex-grow:1;height:calc(100vh - 166.55px);overflow-y:auto}#userlayout-container .right-body-content .left-sidebar,#userlayout-container .right-body-content .right-sidebar{flex-shrink:0;width:80px}#userlayout-container .right-body-content .left-sidebar-w,#userlayout-container .right-body-content .right-sidebar-w{width:360px}
.right-sidebar-container{background-color:var(--eaf1);width:80px;height:100%;min-height:calc(100vh - 166.55px);padding:24px 16px}.right-sidebar-container .menu-item-name{color:var(--3333);text-align:center;margin-top:4px;font-size:12px;font-weight:500;line-height:14.52px}.right-sidebar-container .right-sidebar-active-icon{content:"";background-color:var(--113D);border-radius:12px 0 0 12px;width:3px;height:38px;position:absolute;top:0;right:-13px}.right-sidebar-container .d-a{position:relative}.right-sidebar-container .menu-item-name-active{text-align:center;color:var(--113D);margin-top:4px;font-size:12px;font-weight:500;line-height:14.52px}
.left-canvas-container{background-color:var(--f6f8);flex-grow:1;width:280px;height:100%;min-height:calc(100vh - 166.55px);padding:24px;overflow-y:auto}.left-canvas-container .top-box{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.left-canvas-container .box-title{color:var(--0c0c);font-size:18px;font-weight:500;line-height:21.78px}.left-canvas-container .box-all{color:var(--113D);font-size:14px;font-weight:400;line-height:16.94px}.left-canvas-container .b-b-point{border-bottom:1px solid var(--e0e9)}.left-canvas-container .point-text{color:var(--0303);justify-content:space-between;padding:12px 0;font-size:16px;font-weight:400;line-height:19.36px;display:flex}.left-canvas-container .point-text img{width:14px;height:14px}@media (max-width:992px){.left-canvas-container .point-text{font-size:14px}}.offcanvas-header{background-color:var(--f6f8)}.offcanvas-body{overflow:hidden;background-color:var(--f6f8)!important;flex-grow:1!important;height:100%!important;min-height:calc(100vh - 166.55px)!important;padding:0!important}
.right-canvas-container{background-color:var(--f6f8);flex-grow:1;width:280px;min-height:calc(100vh - 166.55px);padding:24px;overflow-y:auto}.right-canvas-container .top-box,.right-canvas-container .content{justify-content:space-between;align-items:center;display:flex}.right-canvas-container .content .f-text{color:var(--3333);font-size:16px;font-weight:400;line-height:19.36px}.right-canvas-container .content .f-count{color:var(--113D);font-size:16px;font-weight:500;line-height:19.36px}.offcanvas-header{background-color:var(--f6f8)}.offcanvas-body{background-color:var(--f6f8);overflow:hidden;padding:0!important}