bi-tabs .bi-tabs-header,
bi-tabs-router .bi-tabs-header {
  position: relative;
  flex-basis: 42px;
  border-bottom: 1px solid #ebebec; }
  bi-tabs .bi-tabs-header .bi-tab,
  bi-tabs-router .bi-tabs-header .bi-tab {
    min-width: 80px;
    margin-bottom: -1px;
    padding: 0 15px;
    cursor: pointer; }
    bi-tabs .bi-tabs-header .bi-tab.bi-active > *,
    bi-tabs-router .bi-tabs-header .bi-tab.bi-active > * {
      color: #353a44 !important; }

bi-tabs.bi-tabs--default .bi-tab,
bi-tabs-router.bi-tabs--default .bi-tab {
  height: 36px;
  border: 1px solid transparent; }
  bi-tabs.bi-tabs--default .bi-tab.bi-active,
  bi-tabs-router.bi-tabs--default .bi-tab.bi-active {
    border-color: #d7d8da;
    border-top: 2px solid #FF9800;
    border-bottom-color: #FAFAFA;
    border-radius: 3px 3px 0 0;
    background-color: #FAFAFA; }
    bi-tabs.bi-tabs--default .bi-tab.bi-active > *,
    bi-tabs-router.bi-tabs--default .bi-tab.bi-active > * {
      margin-top: -1px;
      color: #353a44 !important; }

bi-tabs.bi-tabs--default .bi-tabs-content,
bi-tabs-router.bi-tabs--default .bi-tabs-content {
  margin-top: -1px; }

bi-tabs.bi-tabs--flat .bi-tabs-header,
bi-tabs-router.bi-tabs--flat .bi-tabs-header {
  border-bottom: 1px solid #ebebec; }

bi-tabs.bi-tabs--flat .bi-tab,
bi-tabs-router.bi-tabs--flat .bi-tab {
  transition: border-color .3s;
  height: 42px;
  border-bottom: 2px solid transparent; }
  bi-tabs.bi-tabs--flat .bi-tab:hover, bi-tabs.bi-tabs--flat .bi-tab.bi-active,
  bi-tabs-router.bi-tabs--flat .bi-tab:hover,
  bi-tabs-router.bi-tabs--flat .bi-tab.bi-active {
    border-bottom: 2px solid #FF9800; }