// .samples-tabs{
//   display: flex;
//   height: 42px;
//   box-sizing: border-box;
//   // div{
//   //   line-height: 42px;
//   //   padding: 0 18px;
//   // }
// }
.el-tabs--border-card{
  box-shadow:none;
  border: none;
  margin-top: -20px;
}
.el-tabs--border-card  .el-tabs__content{font-size: 14px;}

.el-tabs--border-card > .el-tabs__content{
  padding: 15px 0;
}
  
.el-tabs--border-card > .el-tabs__header{
  background-color:#fff;
  color: #333 !important;
   border-bottom: none;
}
.el-tabs__nav{
  display: flex;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item{
  height: 42px;
  margin-top: 0px;
  border: none;
  font-size: 16px;
  color: #333;
  line-height: 39px;
  border-top: 3px solid #fff;
  padding: 0 15px !important;
  &:hover{
    opacity: 0.85;
    background: #f5f5f5 !important;
    border-color: #f5f5f5;
  }
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active{
  background-color: #f2f2f2;
  border-top: 3px solid $--color-primary;
  color: #333;
  line-height: 39px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:hover{

  color: #333 !important;
}



.samples-tab-panes{
  margin-top: 0;
  .el-tabs__header{
    background-color: #F5F5F5;
  }
  .samples-tab-lable{
    vertical-align: middle;
    height: 16px;
    // width: 24px;
    background-color: #f5f5f5;
    text-align: center;
    margin-left: 10px;
    padding: 0 8px;
    font-size: 12px;
    line-height: 14px;
    color: $--color-primary;
    border-radius: 8px;
    border: 1px solid $--color-primary;
    box-sizing: border-box;
  }
  .samples-tab-box{
    font-size: 14px;
    height: 100%;
  }
  .samples-tab-box div{
    display: inline-block
  }
  .el-tabs__nav{
    background-color: #f1f4f5;
    
  }
}

.tags-container .contextmenu{
  z-index: 9999;
}
.samples-tab-panes .el-tabs__item{
  border-bottom: 2px solid #f5f5f5;
  padding: 0 20px;
  border-top: none !important;
  background-color: #f5f5f5;
  font-size: 14px !important;
  transition: none !important;
  border-bottom: 2px solid transparent;
}

.samples-tab-panes > .el-tabs__header .el-tabs__item.is-active{
  border-bottom: 2px solid #ceab70;
  border-top: none;
  background-color: #f5f5f5;
  .samples-tab-lable{
    border-color: transparent;
    background-color: #fff;
    line-height: 16px;
  }
  
}


.el-tabs__content .samples-tab-panes{
  margin-top: -12px
}