@import '../../sass/scroll.scss';
*::-webkit-scrollbar-thumb {
  background: rgba(221, 219, 222, 0.67);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);

  &:hover {
    cursor: pointer;
  }
}
*::-webkit-scrollbar-corner {
  background: #373737;
}
*::-webkit-scrollbar-thumb:vertical:hover{
  background-color:rgba(179, 171, 171, 0.6);
  box-shadow:inset 1px 1px 0 rgba(0,0,0,.5),inset 0 -1px 0 rgba(0,0,0,.3);
  cursor: pointer;
}
.treeview-main {
  width: 100%;
  height: 100%;
  height: 400px;
  margin: 0;
  padding: 0;
  background: #373737;
  position: relative;
  overflow: scroll;
  font-family: 'Monospaced Number', 'Chinese Quote', -apple-system,
    BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;

  &>.treeview {
    position: absolute; 
    padding: 4px 0px 0px; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
    vertical-align: middle; 
    top: 20px; 
    left: 20px; 
    color: white; 
    fill: white; 
    width: 100%;
  }

  .treeview > .toggle {
    pointer-events: all;
    cursor: pointer;
  }
  .treeview > .toggle:hover {
    color: #63b1de;
    fill: #63b1de;
  } 

}