.navigation-bar-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;background-color:var(--color-teal);height:56px}.navigation-bar-container .left-side{width:150px;padding:.5rem}.navigation-bar-container .right-side{color:#fff;padding-right:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center}.navigation-bar-container .user-info{margin-right:1}.navigation-bar-container .user-content{display:flex;align-items:center}.sidebar-container{min-width:200px;background-color:var(--color-gray-dark);color:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:min-width .25s ease-in-out;height:100%}.sidebar-container.toggle{min-width:70px}.sidebar-container .sidebar-content{display:flex;flex-direction:column}.sidebar-container .sidebar-content .menu-item{height:40px;display:flex;flex-direction:row;width:100%;font-size:18px;align-items:center;justify-content:start;padding-left:1rem;white-space:nowrap;cursor:pointer}.sidebar-container .sidebar-content .menu-item svg{transition:transform .3s ease-in-out}.sidebar-container .sidebar-content .menu-item>:first-child{margin-right:.5rem}.sidebar-container .sidebar-content .menu-item.selected,.sidebar-container .sidebar-content .menu-item:hover{background-color:var(--color-gray)}.sidebar-container .sidebar-content .menu-item:hover svg{transform:scale(1.25)}.sidebar-container .sidebar-content .menu-item.disabled{color:var(--color-gray);cursor:not-allowed}.sidebar-container .sidebar-content .menu-item.disabled:hover{background-color:var(--color-gray-dark)}.sidebar-container .sidebar-content .menu-item.toggle{padding-left:0;justify-content:center}.sidebar-container .sidebar-footer{padding-right:1rem;display:flex;flex-direction:row;justify-content:right;border-top:1px solid #fff;align-items:center;font-size:.9rem;height:40px;cursor:pointer}.sidebar-container .sidebar-footer>:first-child{margin-right:.75rem}.sidebar-container .sidebar-footer svg{transition:transform .3s ease-in-out}.sidebar-container .sidebar-footer.toggle{padding:0;justify-content:center}.sidebar-container .sidebar-footer:hover svg{transform:scale(1.25)}