<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">	/* custom inclusion of right, left and below tabs */

.tabs-below &gt; .nav-tabs,
.tabs-right &gt; .nav-tabs,
.tabs-left &gt; .nav-tabs {
  border-bottom: 0;
}

.tab-content &gt; .tab-pane,
.pill-content &gt; .pill-pane {
  display: none;
}

.tab-content &gt; .active,
.pill-content &gt; .active {
  display: block;
}

.tabs-below &gt; .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below &gt; .nav-tabs &gt; li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below &gt; .nav-tabs &gt; li &gt; a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below &gt; .nav-tabs &gt; li &gt; a:hover,
.tabs-below &gt; .nav-tabs &gt; li &gt; a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below &gt; .nav-tabs &gt; .active &gt; a,
.tabs-below &gt; .nav-tabs &gt; .active &gt; a:hover,
.tabs-below &gt; .nav-tabs &gt; .active &gt; a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left &gt; .nav-tabs &gt; li,
.tabs-right &gt; .nav-tabs &gt; li {
  float: none;
}

.tabs-left &gt; .nav-tabs &gt; li &gt; a,
.tabs-right &gt; .nav-tabs &gt; li &gt; a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left &gt; .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
  background-color: #FAFAFA;
}

.tabs-left &gt; .nav-tabs &gt; li &gt; a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left &gt; .nav-tabs &gt; li &gt; a:hover,
.tabs-left &gt; .nav-tabs &gt; li &gt; a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left &gt; .nav-tabs .active &gt; a,
.tabs-left &gt; .nav-tabs .active &gt; a:hover,
.tabs-left &gt; .nav-tabs .active &gt; a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right &gt; .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right &gt; .nav-tabs &gt; li &gt; a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right &gt; .nav-tabs &gt; li &gt; a:hover,
.tabs-right &gt; .nav-tabs &gt; li &gt; a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right &gt; .nav-tabs .active &gt; a,
.tabs-right &gt; .nav-tabs .active &gt; a:hover,
.tabs-right &gt; .nav-tabs .active &gt; a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
.last-item {
  border-bottom: 1px solid #ddd;
  margin-bottom: 1px;
}
</pre></body></html>