.tab__header {
  display: block;
  clear: both;
}

.tab__content > div {
  padding: 1em 0 0 0;
}
.tab__header > div {
  display: inline-block;
  vertical-align: top;
  float: left;
  padding: 10px;
    margin-right:2px;
  background: #e3f9f7;
  color: #333;
  border: 1px solid #a2e2de;
}

.tab__header > div:hover {
  background: #a2e2de;
    color: #000;
  cursor: pointer;
}

.tab__header > div.tab__header--active {
  background: #a2e2de; 
    color: #000;
}

.tab__content {
  display: block;
  clear: both;
  background: #fff;
  color: #212121;
  width: 100%;
  
  height: inherit;
  overflow: auto;
  padding: 0 0 10px 0;
}

.tab__content > div {
  display: inline-block;
  vertical-align: top;
  float: left;
  display: none;
}

.tab__content > div.tab__content--active {
  display: block;
}