body {
  font-family: sans-serif;
}
/*
Tabs group.
============================================================
*/

.t7-tabs {
  clear: both;
  margin-bottom: 20px;
}

/*
Tab list.
============================================================
*/

.t7-tabs__item,
.t7-tabs__list {
  list-style: none;
  margin: 0;
}

.t7-tabs__list {
  font-size: 0;
  margin-bottom: -1px;
  padding-left: 15px;
  padding-right: 20px;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}

.t7-tabs__item {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;

  background: #f6f6f6;
  border: 1px solid #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  margin-left: 5px;
  padding: 5px 10px;
  outline: 0;
}

.t7-tabs__item:hover {
  background: #ffd;
}

.t7-tabs__item[aria-selected="true"] {
  background: #fff;
  border-bottom-color: #fff;
}

.t7-tabs__item:focus {
  border-color: #39f;
  box-shadow: #39f 0 0 2px 0;
}

/*
Tab panel.
============================================================
*/

.t7-tabs__panel {
  border: 1px solid #ddd;
  border-radius: 3px;

  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;

  z-index: 0;
}

.t7-tabs__panel[aria-hidden="true"] {
  display: none;
}

/*
Clear floated content.
*/

.t7-tabs__panel:before,
.t7-tabs__panel:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.t7-tabs__panel:after {
  clear: both;
}