.tab-nav {
  padding: 0;
}
.tab-nav li {
  float: left;
  display: block;
  border: 1px solid #e5e5e5;
  border-top: 4px solid #e5e5e5;
  border-bottom: none;
  position: relative;
  bottom: -5px;
  margin-bottom: 0;
  margin-right: 1px;
  
}
.tab-nav li a {
  font-weight: 400;
  padding: 7px 14px;
  display: block;
  margin: 0;
}
.tab-nav li:hover {
  border-top: 4px solid #51CAF6;
  
}
.tab-nav li.active {
  color: #347fac;
  background-color: #ffffff;
  border-top: 4px solid #51CAF6;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  padding: 3px 6px;
  bottom: -1px;
}
.tab-content {
  padding: 20px 20px 10px;
  background-color: #ffffff;
  clear: both;
  border: 1px solid #e5e5e5;
}
.tab-content .tab-cont {
  display: none;
}
.tab-content .active {
  display: block;
}