::-webkit-scrollbar {
  width: 5px;
  color: grey !important;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* .help:not(:hover){
  overflow-x:hidden;
  overflow-y:hidden !important;
}

.help{
  scroll-behavior: auto;
  overflow-y:auto !important;
  overflow-x:hidden;
  height:100%;
}

.help:hover{
  height:90%;
} */

.sidebarinner:not(:hover) {
  overflow-x: hidden;
  overflow-y: hidden !important;
}

.sidebarinner {
  scroll-behavior: auto;
  overflow-y: auto !important;
  overflow-x: hidden;
  height: 100%;
}

.sidebarinner:hover {
  height: 100%;
}

#nav2 {
  position: absolute;
  bottom: 0;
  padding-bottom: 30px;
}

#username {
  width: 120px;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}

span.beta-icon {
  position: absolute;
  transform: scale(0.7);
  top: -5px;
  right: -15px;
}

.sidebar:hover span.beta-icon {
  display: none;
}

.sidebar span.beta-menu {
  display: none;
}

.sidebar:hover span.beta-menu,
span.beta-icon {
  font-size: smaller;
  color: white;
  background: #00BCD4;
  margin: 5px;
  padding: 0px 3px;
  border-radius: 10px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline;
}