.docs-toc-container {
  width: 100%;
  padding: 5px 0 10px 0px;
  // cursor: pointer;
  // border-left: solid 4px #0c7489;

  .scroll-container {
    // overflow-y: auto;
    max-height: 60vh; 
    overflow-y: scroll;
    // calc(100vh - 250px)
    // height: calc(100vh - 250px);
  }

  .docs-link {
    color: rgba(0, 0, 0, 0.54);
    //   color: mat-color($app-blue-theme-foreground, secondary-text);
    transition: color 100ms;

    &:hover,
    &.docs-active {
      .link-name {
		background-color: #ececec;
		border-radius: 6px;
        // color: #0c7489;
      }
      // color: mat-color($primary, if($is-dark-theme, 200, default));
    }
  }
}

.scroll-container {
  // overflow-y: auto;
  max-height: 60vh; 
  overflow-y: scroll;
  padding-left: .2em;
  padding-right: 1em;
  // padding-right: 0em 1em;

  // calc(100vh - 250px)
  // height: calc(100vh - 250px);
}

.docs-toc-heading {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
}

span {
  line-height: 16px;
  margin: 6px 0 0;
  position: relative;
  text-decoration: none;
  display: block;
  overflow: hidden;
  color: #21212194;
  font-weight: 400;
  max-width: 290px;
  min-width: 290px;
  padding: 0rem .4rem;
  span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
  }
}

.selected {
  color: #212121 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

// .docs-level-mat-expansion-panel {
//   margin-left: 12px;
// }

.docs-level-h5 {
  margin-left: 24px;
}

#style-6::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

#style-6::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
}

#style-6::-webkit-scrollbar-thumb
{
  background-color: rgb(162, 163, 163); 
  background-image: -webkit-linear-gradient(45deg,
                                            rgba(255, 255, 255, .2) 25%,
                        transparent 25%,
                        transparent 50%,
                        rgba(255, 255, 255, .2) 50%,
                        rgba(255, 255, 255, .2) 75%,
                        transparent 75%,
                        transparent)
}






#tocentrytable::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#tocentrytable::-webkit-scrollbar
{
  width: 4px;
  background-color: #F5F5F5;
}

#tocentrytable::-webkit-scrollbar-thumb
{
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: rgb(158, 158, 158);// #FFF;//$blue-color-light;// rgb(162, 163, 163);// #D62929;
}


#guide-steps{
  color: #212121;
  opacity: 0.6;
  font-size: 1.6em;
  margin-top: 0px;
}