.sidenav-mobile-bar{
  // top: 10px;
  // padding:10px;
  // position: relative;
  color: $sidenavColorMob;
  // z-index: 3;
}

.sidenav-mobile-bar-left {
  // top: 10px;
  // padding: 10px;
  // position: fixed;
  color: $sidenavMobileColor;
  // z-index: 3;
  // left: 0;
}

.sidenav-mobile-bar-right {
  color: $sidenavMobileColor;
}

.sidenav-color{
  background-color: $sidenavBGColor;
  color: $sidenavColor;
}

.sidenav::-webkit-scrollbar-track
{
  background-color: $sidenavScrollColor;
}

.sidenav::-webkit-scrollbar
{
  //width: 6px;
  background-color: $sidenavScrollColor;
}

.sidenav::-webkit-scrollbar-thumb
{
  background-color: $sidenavScrollThumbColor;
}

.left {
  // left: 0;
  // position: fixed;
  // overflow: auto;
  background-color: $sidenavBGColor;
  // z-index: 1;
  // box-shadow: 0 0 5px 0 $sidenavBorderColor;
}

.right{
  // right:0;
  // position: fixed;
  // overflow: auto;
  background-color: $sidenavBGColor;
  // z-index: 1;
  // box-shadow: 0 0 5px 0 $sidenavBorderColor;
}

.sidenav ul {
  // list-style: none;
  // padding: 0;
  // margin:0;
}

.sidenav ul li {
  // padding-left: 20px;
}

.sidenav .title{
  background-color: $sidenavTitleBGColor;
  color: $sidenavTitleColor;
}

.sidenav .headernode{
  // background-color: $sidenavHeaderBGColor;
  // color: $sidenavHeaderColor;
}

.sidenav .headernode:hover {
  background-color: $sidenavBGHoverColor;
  color: $sidenavHoverColor;
}

.innerSideNav{

}

.parentSideNav{

}

.sidenav .headernode:focus{
  background-color: $sidenavBGHoverColor;
  color: $sidenavHoverColor;
  outline: none !important;
}

// .innerSideNav:focus {
//   background-color: $sidenavBGHoverColor;
//   color: $sidenavHoverColor;
//   outline: none !important;
// }

.sidenav .headernodeSeparator:hover {
  background-color: $sidenavBGHoverColor;
  color: $sidenavHoverColor;
}

.sidenav .defaultnode{
//   cursor: pointer;
//   padding: 13px 0px 13px 17px;
//   padding-left: 100%;
//   margin-left: -100%;
// ;
}

.sidenav .defaultnode:focus{
  background-color: $sidenavBGHoverColor;
  color: $sidenavHoverColor;
  outline: none !important;
}

.sidenav .defaultnode:hover {
  background-color: $sidenavBGHoverColor;
  color: $sidenavHoverColor;
}

.sidenav .activenode {
  background-color: $sidenavactive !important;
  color: $sidenavActiveColor !important;
}

.sidenav .border{
  // padding-left: 100%;
  // margin-left: -100%;
  border-bottom: $borderSize solid $sidenavBorderColor;
}



.sidenav .headernode .node-icon{
  //padding-right: 20px;
}

.sidenav .defaultnode .node-icon{
  //padding-right: 20px;
}

.sidenav-submenu-details {
  // overflow:hidden;
  // height: auto;
  // max-height: 0;
  // transition: max-height 0.5s ease-in-out;
}

.sidenav-submenu-expanded {
  // max-height: 1000px;
  overflow-x: hidden !important;
}

.nav-badge{
  background-color:$componentHeaderBGColor;
  color:$componentHeaderFontColor
}