@include b(select-tabs){
  font-size: $text-size;


  @include e(bar){
    display: flex;
    width: 100%;
    border-bottom: solid 1px $input-item-border-color;

  }
  @include e(tab){
    color: $title-text-color;
    background-color: $tab-bg-color;
    flex: auto;
    border:solid 1px $input-item-border-color;
    padding: 7px 0;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    margin-bottom: -1px;
    & + & {
      margin-left: 4px;
    }
    @include when(active){
      color:$title-h1-color;
      background-color: $tab-highlight-bg-color;
      //&:before{
      //  content: '';
      //  display: block;
      //  height: 1px;
      //  background: #212121;
      //  position: absolute;
      //  top: 0;
      //  left: 0;
      //  right: 0;
      //}
    }
  }
  @include e(content){
    //padding: $margin-bottom;
  }
}

@include b(selectbox-pane){
  padding: 14px;
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
  &::-webkit-scrollbar-thumb {
    background-color: $scrollbar-color;
  }
  ul{

  }
  @include e(item){
    display: inline-block;
    list-style: none;
    padding: 2px 4px;
    margin: 6px;

    &:hover{
      color: $main-color;
      cursor: pointer;

    }
  }
  .mc-select-footer{
    margin: 10px -20px -20px;
  }
}