<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* vertical tabs */
.vertical {
  margin: 20px 0;
}
.vertical .nav-tabs,
.vertical .tab-content {
  display: table-cell;
  margin: 0;
  vertical-align: top;
}
.vertical .nav-tabs {
  border-bottom-color: transparent;
  background-color: #999999;
}
.vertical .nav-tabs &gt; li {
  float: none;
}
.vertical .nav-tabs &gt; li a {
  margin: 0;
  padding: 10px 20px;
  white-space: nowrap;
  color: #ffffff;
  border-bottom: 1px solid #919191;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.vertical .nav-tabs &gt; li &gt; a:hover,
.vertical .nav-tabs &gt; li &gt; a:focus {
  background-color: #fafafa;
  border-right-color: transparent;
  border-bottom: 1px solid #f1f1f1;
  color: #777777;
  z-index: 2;
}
.vertical .nav-tabs &gt; li.active &gt; a,
.vertical .nav-tabs &gt; li.active &gt; a:hover,
.vertical .nav-tabs &gt; li.active &gt; a:focus {
  border: 1px solid #f1f1f1;
  background-color: #fafafa;
  border-right-color: transparent;
  color: #777777;
  z-index: 2;
}
.vertical.left .nav-tabs &gt; li &gt; a:hover,
.vertical.left .nav-tabs &gt; li &gt; a:focus {
  border-left-color: transparent;
  border-right-color: #f1f1f1;
}
.vertical.left .nav-tabs &gt; li.active &gt; a,
.vertical.left .nav-tabs &gt; li.active &gt; a:hover,
.vertical.left .nav-tabs &gt; li.active &gt; a:focus {
  border-right-color: #f1f1f1;
  border-left-color: transparent;
}
.vertical .tab-content {
  border: 1px solid #f1f1f1;
  border-left: 1px solid #fafafa;
  background-color: #fafafa;
  left: -1px;
  z-index: 1;
  padding: 20px 30px;
}
.left.vertical .tab-content {
  border-left-color: #f1f1f1;
  border-right-color: transparent;
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .vertical .nav-tabs,
  .vertical .tab-content {
    display: block;
  }
  .vertical .nav-tabs &gt; li a {
    font-size: 15px;
  }
}

</pre></body></html>