/*!
 * bootstrap-vertical-tabs - v1.2.1
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-11-07
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */
.tabs-left > .nav, .tabs-right > .nav {
  border-bottom: none;
  padding-top: 10px;
  width: 130px;
}
.tabs-left > .nav {
  float: left;
  z-index: 10;
}
.tabs-right > .nav {
  float: right;
}
.tabs-left > .tab-content, .tabs-right > .tab-content {
    float: left;
    width: 100%;
}
.tabs-right > .tab-content {
    margin-right: -130px;
}
.tabs-right > .tab-content > .tab-inner {
    margin-right: 128px;
    min-height: 300px;
    border: 2px solid #ddd;
    border-radius: 4px;
    padding: 20px;
}
.tabs-left>.nav>li, .tabs-right>.nav>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>.nav>li.active>a,
.tabs-left>.nav>li.active>a:hover,
.tabs-left>.nav>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

.tabs-right>.nav>li.active>a,
.tabs-right>.nav>li.active>a:hover,
.tabs-right>.nav>li.active>a:focus {
  border-width: 2px;
  border-bottom: 2px solid #ddd;
  border-left-color: transparent;
}
.tabs-left > .nav > li > a, .tabs-right > .nav > li > a {
    font-weight: bold;
    border-style: solid;
    border-color: #DDD #DDD #DDD transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
}
.tabs-left>.nav>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}
.tabs-right>.nav>li>a {
    border-left: none;
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}
.tabs-left .sideways,
.tabs-right .sideways {
  margin-top:50px;
  border: none;
  position: relative;
}
.tabs-left .sideways>li,
.tabs-right .sideways>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.tabs-left .sideways>li>a,
.tabs-right .sideways>li>a {
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.tabs-right .sideways > li.active > a {
    border-left: 2px solid #ddd;
}
.tabs-left .sideways>li.active>a,
.tabs-left .sideways>li.active>a:hover,
.tabs-left .sideways>li.active>a:focus,
.tabs-right .sideways>li.active>a,
.tabs-right .sideways>li.active>a:hover,
.tabs-right .sideways>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}
.tabs-right .sideways>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tabs-left .sideways>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media (max-width: 767px) {
    .tabs-left > .nav, .tabs-right > .nav {
        width: 70px;
    }
    .tabs-right > .tab-content {
        margin-right: -70px;
    }
    .tabs-right > .tab-content > .tab-inner {
        margin-right: 42px;
        padding: 10px;
    }
}