.navButton{background-color:transparent;display:flex;align-content:center;align-items:center;justify-content:center;justify-items:center}.navButton i{margin:0!important}.side-nav .navButton{width:50px;height:40px!important;display:block;text-align:center;border-radius:0 30px 30px 0!important;transition:all .3s ease;margin-right:5px;color:#fff;text-transform:uppercase;white-space:nowrap;margin-bottom:2px}.side-nav .navButton.active{font-size:20px;background-color:var(--color-main-dark);color:#fff;box-shadow:var(--shadow-nav)}.side-nav .navButton:hover{font-style:none;color:#fff}.app-grid .navButton{border-radius:50%!important;width:45px;height:45px!important;margin-left:2.5px;margin-top:2.5px}.app-grid .side-nav .navButton:hover{background-color:var(--color-main)}.navButton :not(.fa-sm):not(.fa-xs){font-size:20px}.navButton .fa-xs{padding-top:10px;font-size:10px}.navButton.toggle>div:after{content:"\f360";font-family:Font Awesome\ 5 Free!important;font-weight:900!important;font-style:normal!important;margin-right:-10px;margin-left:2px;margin-top:-20px;font-size:10px;color:#fff}.navButton.active.toggle>div{position:relative}.navButton.active.toggle>div:after{content:"\f146"}.bottom-nav .navButton{width:100vw;height:35px;overflow:hidden;margin-top:2.5px;max-width:calc(90vw/var(--number-of-links));margin-right:calc(5vw/var(--number-of-links));margin-left:calc(5vw/var(--number-of-links));flex-wrap:wrap;border-radius:10px!important;align-content:flex-start;padding:2px 4px 2px 4px}.bottom-nav .navButton>div{display:flex;justify-content:center;margin-top:0!important}.bottom-nav .navButton>div:not(.viewName){margin-top:7px}.bottom-nav .navButton.active,.bottom-nav .navButton:hover{background-color:var(--color-background-main-darker)}.viewName *{font-size:.7rem!important}