.horizontal-tabs-mode .vertical-tabs-list {
  font-family: 'Roboto medium';
  font-weight: normal; }

.horizontal-tabs-mode {
  margin-left: calc(-15px - 2px);
  margin-right: calc(-15px - 3px);
  padding: 0; }
  .horizontal-tabs-mode .nav-tabs {
    border: 0; }
  .horizontal-tabs-mode .vertical-tabs-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: stretch;
    -moz-justify-content: stretch;
    -ms-justify-content: stretch;
    justify-content: stretch;
    -ms-flex-pack: stretch;
    background: #555759;
    width: 100%;
    margin: 0;
    padding: 0;
    float: none; }
    .horizontal-tabs-mode .vertical-tabs-list li {
      flex: 1;
      margin: 0;
      padding: 0; }
      .horizontal-tabs-mode .vertical-tabs-list li a {
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        border: 0;
        margin: 0;
        padding: 10px 15px 7px 15px;
        font-size: 20px;
        font-size: 2rem;
        color: #ffffff; }
        .horizontal-tabs-mode .vertical-tabs-list li a:hover, .horizontal-tabs-mode .vertical-tabs-list li a:focus {
          background: transparent; }
      .horizontal-tabs-mode .vertical-tabs-list li.active {
        background: #ffffff; }
        .horizontal-tabs-mode .vertical-tabs-list li.active a {
          border: 0;
          color: #555759; }
      .horizontal-tabs-mode .vertical-tabs-list li:hover {
        background: #696969; }
  .horizontal-tabs-mode .vertical-tabs-panes {
    width: 100%;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    overflow: hidden;
    padding: 10px 15px; }
  .horizontal-tabs-mode .panel {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    margin: 0;
    background: transparent;
    border: 0; }
  .horizontal-tabs-mode .panel-heading {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: inherit;
    background: #c99b33;
    border: 1px solid #282828;
    border-top-width: 0; }
    .horizontal-tabs-mode .panel-heading .panel-title {
      font-size: 20px;
      font-size: 2rem;
      position: relative;
      padding: 5px 10px 2px;
      display: block; }
      .horizontal-tabs-mode .panel-heading .panel-title:before {
        font-size: 28px;
        font-size: 2.8rem;
        font-family: 'Fontawesome';
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        top: 5px;
        right: 8px; }
      .horizontal-tabs-mode .panel-heading .panel-title[aria-expanded="true"]:before {
        content: "\f147"; }
      .horizontal-tabs-mode .panel-heading .panel-title[aria-expanded="false"]:before {
        content: "\f196"; }
  .horizontal-tabs-mode .panel-body {
    background: #282828; }

@media only screen and (max-width: 640px) {
  .horizontal-tabs-mode {
    border-top: 1px solid #282828; } }