/* Hide scrollbar but keep scrolling */
#side_bar *::-webkit-scrollbar {
  display: none;  /* Chrome, Safari and Opera  */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
#side_bar *{
  color: var(--side_bar_text);
}
#side_bar select,
#side_bar select option,
#side_bar button{
  color: var(--side_bar_text_dark);
}



div.is_main_sidebar div.header{
  display: block;
  padding: 1.0vh;
  text-decoration: none;
  text-align: center;
  letter-spacing:1px;
  font-variant: small-caps;
  height:100px;
}
div.is_main_sidebar div.logged_user{
  text-align:center;
  margin-top:5px;
  margin-bottom: 5px;
}

div.is_main_sidebar div.version{
  text-align:center;
  margin-bottom: 10px;
  padding: 5px;
}

#side_bar h5:hover,
#side_bar p:hover,
#side_bar div:not(.small_tag):hover{
  cursor: default !important;
}

#side_bar a.dummy:hover{
  cursor: pointer;
}

#page_side_bar {
  margin: 0;
  padding: 0px;
  width:100%;
  flex: 1 !important;
  z-index: 1000;
  overflow: auto;
}

#page_side_bar a div.small_tag{
  text-align:center;
  display:inline-block;
  font-weight:700;
  background-color: #7d7d7d;
  border-radius:3px;
  padding:0px 5px;
  font-size:12px;
  width:40px;
  text-shadow: 0px 0px 2px rgba(20, 20, 20,1);
  box-shadow: 0px 0px 3px rgba(20, 20, 20,1);
}

#page_side_bar a div.small_tag:hover{
  cursor: pointer;
}


#page_side_bar a {
  display: block;
  padding: 0.24vh;
  padding-right:0.4vh;
  text-align:left;
  font-size: 14px;
  font-weight: 400;
  padding-left:8px;
  border-radius: 0px;
  /* margin-bottom:2px; */
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#page_side_bar a.active {
  background: var(--side_bar_item_background_active);
  color: var(--side_bar_item_text_active);
  font-weight: 500;
  padding-right:0.4vh;
  text-align:left;
}
#page_side_bar a:not(:disabled):not(.active):hover{
  background: var(--side_bar_item_background_hover);
  color: var(--side_bar_item_text_hover);
}
#page_side_bar a.active i{
  color: var(--side_bar_text_dark);
}

.side_bar_barrier{
  height:1px;
  width:100%;
  background: linear-gradient(to right,#454952,#078090, #15d070,#078090,#454952);
}

#page_side_bar a.disabled_link{
  cursor:default;
}


#page_side_bar a.active  div.small_tag{
background-color: #fc4365 ;
/* background-color: #0cc784 ; */

}

#page_side_bar a div.pointer_please:hover{
  cursor: pointer !important;
}

/*Logout button */
#side_bar div.logout{
  padding:0px 5px;
}
#side_bar #logout{
  margin:0px;
  width:calc(100%);
}