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

  .scroll-container {
    overflow-y: auto;
    // 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));
    }
  }
}

.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;
}