@charset "UTF-8";

.scrollpanel {
  text-align:right;
  margin-top:20px;
    
 
  height: 400px
 
}
.scrollpanel .sp-scrollbar {
  width: 10px;
  background-color: #ccc;
  cursor: pointer;
}
.scrollpanel .sp-scrollbar .sp-thumb {
  background-color: #aaa;
  transition: height 0.2s ease-in-out;
}
.scrollpanel .sp-scrollbar.active .sp-thumb {
  background-color: #999;
}
.no2 .sp-scrollbar,
.no4 .sp-scrollbar {
  margin: 4px;
}
.no3,
.no4 {
  border-radius: 9px;
}
.no3 .sp-scrollbar,
.no4 .sp-scrollbar {
  border-radius: 5px;
}
.no3 .sp-scrollbar .sp-thumb,
.no4 .sp-scrollbar .sp-thumb {
  border-radius: 5px;
}
.foo {
  min-height: 30px;
  background-color: #eee;
  border: 1px solid #ccc;
  margin: 1em;
  padding: 1em;
}