.nav-tabs > li > a::before {
  -moz-transition: -moz-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  background: #566473;
  content: '';
  height: 3px;
  left: 0;
  position: absolute;
  top: 40px;
  transition: transform 0.3s;
  width: 100%;
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.nav-tabs.nav-primary > li > a::before {
  background-color: #319db5;
}
.nav-tabs.nav-blue > li > a::before {
  background-color: #00a2d9;
}
.nav-tabs.nav-red > li > a::before {
  background-color: #c75757;
}
.nav-tabs.nav-green > li > a::before {
  background-color: #18a689;
}
.nav-tabs.nav-yellow > li > a::before {
  background-color: #ff9122;
}
.nav-tabs .active a::before {
  width: 100%;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.nav-tabs a:hover::before {
  width: 100%;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.nav-tabs a:focus::before {
  width: 100%;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.nav-tabs:after {
  bottom: 3px;
  position: relative;
  width: 100%;
  z-index: 120;
}
.nav.nav-tabs > li > a {
  background-color: #fff;
  border: none;
  color: #939393;
}
.nav.nav-tabs > li > a i {
  padding-right: 8px;
}
.nav.nav-tabs > li.active > a {
  background-color: #fff;
  border-bottom: none;
  color: #121212;
}
.nav.nav-tabs > li:hover > a {
  background-color: #fff;
  color: #121212;
}
.tab-content {
  background-color: #fff;
  border-top: 1px solid #dfdfdf;
  padding: 15px;
}
.tab_left > .tab-content {
  border-left: 2px solid #dfdfdf;
  border-top: none;
  overflow: hidden;
}
.tab_left .nav-tabs a::before {
  -moz-transition: -moz-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  content: '';
  height: 100%;
  left: auto;
  position: absolute;
  right: -2px;
  top: 0;
  width: 2px;
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.tab_left .nav-tabs .active a::before {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.tab_left .nav-tabs a:focus::before {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.tab_left > .nav-tabs {
  border-bottom: none;
  border-right: 1px solid #dddddd;
  float: left;
  margin-right: 0;
}
.tab_left > .nav-tabs > li {
  float: none;
}
.tab_left > .nav-tabs > li > a {
  border-radius: 0;
  border: none;
  margin-right: -1px;
  margin-right: 0;
  min-width: 80px;
}
.tab_right > .nav-tabs {
  border-bottom: none;
  border-left: 1px solid #dddddd;
  float: right;
  margin-left: 0px;
}
.tab_right > .tab-content {
  border-right: 2px solid #dfdfdf;
  border-top: none;
  overflow: hidden;
}
.tab_right .nav-tabs a::before {
  -moz-transition: -moz-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  content: '';
  height: 100%;
  left: -2px;
  position: absolute;
  right: auto;
  top: 0;
  width: 2px;
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.tab_right .nav-tabs .active a::before {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.tab_right .nav-tabs a:focus::before {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.tab_right > .nav-tabs > li {
  float: none;
}
.tab_right > .nav-tabs > li > a {
  border-radius: 0;
  border: none;
  margin-left: -1px;
  margin-left: 0;
  min-width: 80px;
}
.nav-tabs > li {
  margin-bottom: 0;
}
.nav-tabs > li:after {
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .1s linear 0;
  background-color: #f55753;
  content: '';
  display: block;
  height: 0;
  transition: all .1s linear 0;
  width: 100%;
  z-index: 125;
}
.nav-tabs.nav-4 > li {
  width: 25%;
}
.nav-tabs > li.active a {
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs > li.active a:hover {
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs > li.active a:focus {
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs-primary > li:after {
  background-color: #319db5;
}
.nav-tabs-success > li:after {
  background-color: #18a689;
}
.nav-tabs-danger > li:after {
  background-color: #c75757;
}
.nav-tabs-warning > li:after {
  background-color: #ff9122;
}
.nav-tabs-info > li:after {
  background-color: #b066ff;
}
.nav-tabs > li.active > a {
  border: none;
}
.nav-tabs > li.active > a:hover {
  border: none;
}
.nav-tabs > li.active > a:focus {
  border: none;
}
.nav-tabs2 > .nav-tabs {
  border-bottom: none;
}
.nav-tabs2 > .nav-tabs a::before {
  background: none !important;
}
.nav-tabs2 > .nav-tabs:after {
  bottom: 0;
}
.nav-tabs2 > .nav.nav-tabs .open > a {
  border-width: 0;
  border: none;
}
.nav-tabs2 .nav.nav-tabs .open > a:hover {
  border-width: 0;
  border: none;
}
.nav-tabs2 .nav.nav-tabs .open > a:focus {
  border-width: 0;
  border: none;
}
.nav-tabs2 .tab_left > .nav-tabs {
  border-right: 1px solid #dddddd;
  float: left;
  margin-right: 0;
}
.nav-tabs2 .tab_left > .nav-tabs > li {
  float: none;
}
.nav-tabs2 .tab_left > .nav-tabs > li > a {
  border-radius: 0;
  border: none;
  margin-right: -1px;
  margin-right: 0;
  min-width: 80px;
}
.nav-tabs2 .tab_right > .tab-content {
  overflow: hidden;
}
.nav-tabs2 .tab_right > .nav-tabs {
  border-left: 1px solid #dddddd;
  float: right;
  margin-left: 0px;
}
.nav-tabs2 .tab_right > .nav-tabs > li {
  float: none;
}
.nav-tabs2 .tab_right > .nav-tabs > li > a {
  border-radius: 0;
  border: none;
  margin-left: -1px;
  margin-left: 0;
  min-width: 80px;
}
.nav-tabs2 > .nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs2 > .nav-tabs > li:after {
  background: none !important;
}
.nav-tabs2 > .nav-tabs > li > a {
  border: none;
}
.nav-tabs2 > .nav.nav-tabs > li > a {
  background-color: #fff;
  color: #121212;
}
.nav-tabs2 > .nav.nav-tabs.nav-dark > li > a {
  background-color: #353940;
  color: #dadada;
}
.nav-tabs2 > .nav.nav-tabs > li.active > a {
  background-color: #F1F1F1;
  border-left: 1px solid #dfdfdf !important;
  border-right: 1px solid #dfdfdf !important;
  border-top: 1px solid #dfdfdf !important;
  border: none;
  color: #121212;
}
.nav-tabs2 > .tab-content {
  background-color: #F1F1F1;
  border: 1px solid #dfdfdf;
  overflow: hidden;
  padding: 15px;
}
.nav-tabs2 > .nav-tabs.nav-dark .dropdown-menu {
  background-color: #353940;
}
.nav-tabs2 > .nav.nav-tabs.nav-dark .dropdown-menu a {
  color: #dadada;
}
.nav-tabs2 > .nav.nav-tabs.nav-dark .dropdown-menu li:hover {
  background: #373a41;
}
.nav-tabs2 > .nav.nav-tabs.nav-dark .dropdown-arrow-inverse {
  border-bottom-color: #353940 !important;
  border-top-color: #353940 !important;
}
.nav-tabs2 > .nav.nav-tabs.nav-dark .dropdown-inverse li > a:hover {
  background: #373a41;
}
.nav.nav-tabs.nav-dark .dropdown-inverse li > a:active {
  background: #373a41;
}
.nav.nav-tabs.nav-dark .dropdown-inverse li > a:focus {
  background: #373a41;
}
.nav-tabs3 > .nav-tabs {
  border-bottom: none;
}
.nav-tabs3 > .nav-tabs a::before {
  background: none !important;
  content: '';
}
.nav-tabs3 > .nav-tabs:after {
  bottom: 0;
}
.nav-tabs3 > .nav.nav-tabs .open > a {
  border-width: 0;
  border: none;
}
.nav-tabs3 > .nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs3 > .nav-tabs > li:after {
  background: none !important;
}
.nav-tabs3 > .nav-tabs > li > a {
  border: none;
}
.nav-tabs3 > .nav.nav-tabs > li > a {
  background-color: #CFDAE0;
  color: #121212;
}
.nav-tabs3 > .nav.nav-tabs.nav-dark > li > a {
  background-color: #353940;
  color: #dadada;
}
.nav-tabs3 > .nav.nav-tabs > li.active > a {
  background-color: #F1F1F1;
  border: none;
  color: #121212;
}
.nav-tabs3 > .tab-content {
  background-color: #F1F1F1;
  border-top: none !important;
  overflow: hidden;
  padding: 15px;
}
.nav-tabs3 > .nav-tabs.nav-dark .dropdown-menu {
  background-color: #353940;
}
.nav-tabs3 > .nav.nav-tabs.nav-dark .dropdown-menu a {
  color: #dadada;
}
.nav-tabs3 > .nav.nav-tabs.nav-dark .dropdown-menu li:hover {
  background: #373a41;
}
.nav-tabs3 > .nav.nav-tabs.nav-dark .dropdown-arrow-inverse {
  border-bottom-color: #353940 !important;
  border-top-color: #353940 !important;
}
.nav-tabs3 > .nav.nav-tabs.nav-dark .dropdown-inverse li > a:hover {
  background: #373a41;
}
.nav-tabs3 .tab_left > .nav-tabs {
  border-right: 1px solid #dddddd;
  float: left;
  margin-right: 0;
}
.nav-tabs3 .tab_left > .nav-tabs > li {
  float: none;
}
.nav-tabs3 .tab_left > .nav-tabs > li > a {
  border: none;
  margin-right: -1px;
  margin-right: 0;
  min-width: 80px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs3 .tab_right > .tab-content {
  overflow: hidden;
}
.nav-tabs3 .tab_right > .nav-tabs {
  border-left: 1px solid #dddddd;
  float: right;
  margin-left: 0px;
}
.nav-tabs3 .tab_right > .nav-tabs > li {
  float: none;
}
.nav-tabs3 .tab_right > .nav-tabs > li > a {
  border: none;
  margin-left: -1px;
  margin-left: 0;
  min-width: 80px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs4 > .nav-tabs a::before {
  background: none !important;
}
.nav-tabs4 > .nav-tabs:after {
  bottom: 0;
}
.nav-tabs4 > .nav.nav-tabs .open > a {
  border-width: 0;
  border: none;
}
.nav-tabs4 .nav.nav-tabs .open > a:focus {
  border-width: 0;
  border: none;
}
.nav-tabs4 .tab_left > .nav-tabs {
  border-right: 1px solid #dddddd;
  float: left;
  margin-right: 0;
}
.nav-tabs4 .tab_left > .nav-tabs > li {
  float: none;
}
.nav-tabs4 .tab_left > .nav-tabs > li > a {
  border: none;
  margin-right: -1px;
  margin-right: 0;
  min-width: 80px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs4 .tab_right > .tab-content {
  overflow: hidden;
}
.nav-tabs4 .tab_right > .nav-tabs {
  border-left: 1px solid #dddddd;
  float: right;
  margin-left: 0px;
}
.nav-tabs4 .tab_right > .nav-tabs > li {
  float: none;
}
.nav-tabs4 .tab_right > .nav-tabs > li > a {
  border: none;
  margin-left: -1px;
  margin-left: 0;
  min-width: 80px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs4 h3 {
  margin-top: 0 !important;
}
.nav-tabs4 > .nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs4 > .nav-tabs > li:after {
  background: none !important;
}
.nav-tabs4 > .nav-tabs > li > a {
  border: none;
}
.nav-tabs4 > .nav.nav-tabs > li > a {
  background-color: #fff;
  color: #121212;
  padding: 10px;
  text-align: center;
}
.nav-tabs4 > .nav.nav-tabs.nav-dark > li > a {
  background-color: #353940;
  color: #dadada;
}
.nav-tabs4 > .nav.nav-tabs > li.active > a {
  background-color: #fff;
  border-left: 1px solid #dfdfdf !important;
  border-right: 1px solid #dfdfdf !important;
  border-top: 1px solid #dfdfdf !important;
  border: none;
  color: #121212;
}
.nav-tabs4 > .tab-content {
  background-color: #fff;
  border-top: 1px solid #dfdfdf;
  border: none;
  overflow: hidden;
  padding: 15px 0;
}
.nav-tabs4 > .nav-tabs.nav-dark .dropdown-menu {
  background-color: #353940;
}
.nav-tabs4 > .nav.nav-tabs.nav-dark .dropdown-menu a {
  color: #dadada;
}
.nav-tabs4 > .nav.nav-tabs.nav-dark .dropdown-menu li:hover {
  background: #373a41;
}
.nav-tabs4 > .nav.nav-tabs.nav-dark .dropdown-arrow-inverse {
  border-bottom-color: #353940 !important;
  border-top-color: #353940 !important;
}
.nav-tabs4 > .nav.nav-tabs.nav-dark .dropdown-inverse li > a:hover {
  background: #373a41;
}
.tabs-linetriangle .nav.nav-tabs {
  border-bottom: 1px solid #D8D8D8;
}
.tabs-linetriangle .nav.nav-tabs > li > a {
  background: none;
  color: #A2A4A6;
  font-family: 'Open Sans';
  font-size: 13px;
  font-weight: 600;
  padding: 12px 22px 16px;
  text-transform: uppercase;
}
.tabs-linetriangle .nav-tabs a {
  -webkit-transition: color .2s;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  overflow: visible;
  transition: color .2s;
}
.tabs-linetriangle .nav-tabs a::before {
  background: none;
}
.tabs-linetriangle .nav-tabs a span {
  display: block;
  font-size: .75em;
  font-size: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.tabs-linetriangle .nav-tabs li:hover a {
  color: #47494B;
}
.tabs-linetriangle .nav-tabs li.active a {
  color: #47494B;
}
.tabs-linetriangle .nav-tabs li.active a::after {
  border-bottom-color: #F5F5F5;
  border-width: 10px;
  border: solid transparent;
  content: '';
  height: 0;
  left: 50%;
  margin-left: -10px;
  pointer-events: none;
  position: absolute;
  top: 27px;
  top: 100%;
  width: 0;
}
.tabs-linetriangle .nav-tabs li.active a::before {
  border-bottom-color: #C8C8C8;
  border-width: 11px;
  border: solid transparent;
  content: '';
  height: 0;
  left: 50%;
  margin-left: -11px;
  pointer-events: none;
  position: absolute;
  top: 25px;
  top: 100%;
  width: 0;
}
.tabs-linetriangle .nav-tabs li.lines-3.active a::after {
  border-bottom-color: #F5F5F5;
  border-width: 10px;
  margin-left: -10px;
  top: 64px;
}
.tabs-linetriangle .nav-tabs li.lines-3.active a::before {
  border-bottom-color: #C8C8C8;
  border-width: 11px;
  margin-left: -11px;
  top: 62px;
}
.tabs-linetriangle .tab-content {
  background: none;
  border-top: none;
  padding: 15px 0;
  position: relative;
}
.tabs-linetriangle .select2-container .select2-choice {
  background: #fff !important;
}
.tabs-linetriangle .btn-default {
  background: #fff !important;
}
.tabs-linetriangle .btn-default:hover {
  background: #F8F8F8 !important;
}
.tabs-linetriangle .DTTT_container.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-left: 1px solid #E1E2E3 !important;
}
.panel .tabs-linetriangle .nav-tabs li.active a::after {
  border-bottom-color: #fff !important;
}
@media screen and (max-width: 58em) {
  .tabs-linetriangle .nav-tabs {
    font-size: 0.6em;
  }
}