$scroller-height: 3em;
.scroll-container {
  // overflow-y: auto;
  max-height: 60vh; 
  overflow-y: scroll;
  padding-left: .2em;
  padding-right: 1em;
  // padding-top: $scroller-height;
  // padding-bottom: $scroller-height;
}

// #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;
}

.table-container{
  position: relative;
}
.table-scroller{
	// background-color: #5cf7f221;
	position: absolute;
	width: 95%;
	height: $scroller-height;
  display: flex;
  align-items: center;
  justify-content: center;
  // z-index: -9999;
}
.top-scroller{
	top: 1px;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(92,247,242,0.4542191876750701) 100%);
}
.bottom-scroller{
	bottom: 1px;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(92,247,242,0.4542191876750701) 100%);
}

.opacity-0{
  opacity: 0 !important;
}