.ht-base-tabs {
  .ant-tabs-nav-container{
    font-size: 13px;
  }
  .ant-tabs-nav {
    box-sizing: border-box;
    height: 40px;
  }

  .ant-tabs-nav .ant-tabs-tab {
    margin: 0 6px 0 0!important;
    padding: 10px 16px!important;
  }
  .ant-tabs-tabpane {
    font-size: 12px;
  }
  .ant-tabs-nav .ant-tabs-tab-active {
    color: rgba(24, 144, 255, 1)
  }

  .ant-tabs-ink-bar {
    background-color: rgba(24, 144, 255, 1)

  }

}
.ant-tabs.ant-tabs-card.ht-base-tabs .ant-tabs-card-bar .ant-tabs-tab {
  line-height: 20px;
}

.ht-base-tabs-style1.ant-tabs {
  background: #e3e8ee;
  overflow: hidden;
  padding: 20px 20px 15px;
}

.ht-base-tabs-style1 {
 .ant-tabs-tab{
    border-radius: 4px 4px 0 0!important;
    padding: 3px 16px!important;
  }
}
.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation.ht-base-tabs.ht-base-tabs-style1{
  .ant-tabs-tab:nth-of-type(1) {
    border-left: none;
  }
}

.ht-base-tabs-style1.ant-tabs-card > .ant-tabs-content {
  margin-top: -16px;
  background: #ffffff;
}

.ht-base-tabs-style1.ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
  background: #fff;
  padding: 16px;
}

.ht-base-tabs-style2.ant-tabs {
  background: #F5F5F5;
  overflow: hidden;
  padding: 20px 20px 15px;
  .ant-tabs-tab {
    border: none!important;
    background: #f5f5f5!important;
    border-radius: 4px 4px 0 0 !important;
  }
  .ant-tabs-tab:nth-of-type(0) {
    border-left: none;
  }
}

.ht-base-tabs-style2.ant-tabs-card > .ant-tabs-content {
  margin-top: -16px;
}

.ht-base-tabs-style2.ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
  background: #fff;
  padding: 16px;
}

.ht-base-tabs-style2.ant-tabs-card > .ant-tabs-bar {
  border-color: #fff;
}

.ht-base-tabs-style2.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  border-color: transparent;
  background: transparent;
}

.ht-base-tabs-style2.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  border-color: #fff;
  background: #fff!important;
  padding-bottom: 10px !important;
}

.ant-tabs-editable-card,.ht-base-tabs-style1,.ht-base-tabs-style2 {
  .ant-tabs-tab{
    background: #f5f5f5 !important;
    margin-right: 4px !important;
  }
  .ant-tabs-tab-active {
    background: #ffffff !important;
  }
}


