.scroll-tabs {
  position: relative;
}

/*左右按钮不存在*/

.scroll-tabs>.spacer {
  margin: 0;
}

/*存在左右按钮，不存在下拉*/

.scroll-tabs>.spacer.spacer-sides {
  margin: 0 25px;
}

/*存在左右按钮,存在下拉*/

.scroll-tabs>.spacer.spacer-sides-dropdown {
  margin: 0 50px 0 25px;
}

.scroll-tabs>.spacer .nav-tabs {
  overflow: hidden;
}

.scroll-tabs .sc-nav-btn {
  position: absolute;
  z-index: 10;
}

.scroll-tabs>.nav-button:hover {
  background-color: #eee;
}

.scroll-tabs .sc-nav-lr {
  left: 0;
  width: 25px;
}

.scroll-tabs .sc-nav-rg, .scroll-tabs .dropdown-toggle-split {
  width: 25px;
}

.scroll-tabs .sc-nav-lr::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  content: '';
  border-right: 0.4em solid;
  border-top: 0.4em solid transparent;
  border-left: 0;
  border-bottom: 0.4em solid transparent;
}

.scroll-tabs .sc-nav-rg::after {
  display: inline-block;
  width: 0;
  height: 0;
  content: '';
  border-left: 0.4em solid;
  border-top: 0.4em solid transparent;
  border-right: 0;
  border-bottom: 0.4em solid transparent;
}

.scroll-tabs>.dropdown {
  position: absolute;
  top: 0;
  right: 0;
}

.scroll-tab-tooltips {
  padding: 0;
  margin: 0;
  width: 120px;
  text-align: left;
}

.scroll-tab-tooltips li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.st-drop-close {
  width: 16px;
  height: 16px;
  text-align: center;
  cursor: pointer;
  position: relative;
  opacity: 0;
}

.active .st-drop-close:hover {
  opacity: 1;
}

.active .st-drop-close {
  opacity: 0.6;
}

.st-drop-close .material-icons {
  font-size: 16px;
  margin-top: -5px;
}

.disabled.nav-link {
  pointer-events: none;
}

.tab-body .panel {
  display: none;
}

.tab-body .active {
  display: block;
}

.toolbar-pos-top{
  position: absolute;
  top: 6px; 
  right: 0;
  justify-content: flex-end;
}
.toolbar-pos-down{
  position: relative;
  justify-content: flex-start;
}