.side-nav-directive{z-index:10;position:sticky;background-color:#fff}.side-nav-directive.open{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:100%}.side-nav-directive .menu-open-icon{-webkit-transition:.3s ease all;transition:.3s ease all;margin:8px;padding:8px;border-radius:8px;color:#d3d3d3;border:1px solid #d3d3d3}.side-nav-directive .menu-open-icon:hover{cursor:pointer;color:#4d6bef;border-color:#4d6bef}.side-nav-directive .menus-container{height:calc(100% - 71px);overflow:auto}.side-nav-directive .user-container{padding:8px}.side-nav-directive .sub-item{margin-left:36px;margin-right:16px;padding:12px 10px;font-size:14px;cursor:pointer;border-radius:4px}.side-nav-directive .sub-item:hover{background-color:var(--color-5)}.side-nav-directive .sub-item.selected{background-color:var(--color-10)}.side-nav-directive .menu-item-label{text-wrap:nowrap}.side-nav-directive .menu-item{-webkit-transition:.3s ease all;transition:.3s ease all;cursor:pointer;margin:2px 8px;height:46px;border-radius:12px;color:#53545c;-webkit-transition:.3s ease all;transition:.3s ease all;font-size:14px}.side-nav-directive .menu-item:not(.expanded){width:56px}.side-nav-directive .menu-item.expanded{padding:0px 16px}.side-nav-directive .menu-item.expanded .menu-item-icon{margin-right:8px}.side-nav-directive .menu-item .menu-item-bubble{color:#fff;border-radius:100px;background-color:#4d6bef;min-width:20px;height:20px;line-height:20px;text-align:center;margin-bottom:16px;font-size:14px;font-weight:bold}.side-nav-directive .menu-item:hover{background-color:var(--color-40);color:#fff}.side-nav-directive .menu-item.selected{background-color:var(--color-50);color:#fff}.side-nav-directive .secondary-items{margin-top:10px;padding-top:20px;position:relative}.side-nav-directive .secondary-items::before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background-color:rgba(83,84,92,.2)}.side-nav-directive .secondary-items .secondary-header{padding:10px 20px;color:#53545c;font-size:14px;font-weight:bolder}.side-nav-directive .secondary-items .secondary-item{padding:10px 20px;font-size:14px;cursor:pointer}.side-nav-directive .secondary-items .secondary-item.selected{font-weight:bolder}