.infobar-top{position:absolute;top:0;left:200px;width:calc(100% - 200px);height:30px;background-color:#c9d8e9;display:flex;flex-direction:row;justify-content:right;align-items:center;z-index:0;font-family:Arial,Helvetica,sans-serif;font-size:small}.infobar-top button{margin:2px 10px;padding:2px;height:auto}.user-info{margin-left:10px}.navbar-left{position:absolute;top:0;left:0;width:200px;height:100%;background-color:#aacdcf;display:flex;justify-content:start;align-items:start;flex-direction:column;z-index:0}.navbar-left-item{display:flex;align-items:center;justify-content:center;height:30px;background-color:gray;border-radius:10px;padding:10px;margin:10px;transition:background-color .3s ease;width:160px}.navbar-left-item-active{background-color:#b9b9b9}.navbar-left-item:hover{background-color:#a9a9a9;cursor:pointer}.navbar-left-item-icon{width:100%;height:100%;object-fit:contain}.navbar-left-item-icon-container{width:40px;height:100%}.navbar-left-item-title-container{width:calc(100% - 40px);height:100%;display:flex;align-items:center;justify-content:center}.navbar-left-item-title{font-size:22px;font-weight:700;color:#000;align-self:center}