.agroup {
  margin-bottom: 20px;
  padding-left: 0;
}
.agroup-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  color: #555555;
}
.agroup-item-inline {
  display: inline-block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.agroup-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.agroup-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.agroup-item-inline a {
  color: #000;
  display: block;
}
.agroup-item:first-child, .agroup-item-inline:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.agroup-item:last-child, .agroup-item-inline:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.agroup-item:hover, .agroup-item-inline a:hover,
a.agroup-item:focus, .agroup-item-inline a:focus {
  text-decoration: none;
  color: #000;
}
.agroup-item.aus, .agroup-item-inline.aus,
.agroup-item.aus:hover, .agroup-item-inline.aus:hover,
.agroup-item.aus:focus, .agroup-item-inline.aus:focus {
  background-color: #eeeeee;
  color: #777777;
}
.agroup-item.aus .agroup-heading, .agroup-item-inline.aus .agroup-heading,
.agroup-item.aus:hover .agroup-heading, .agroup-item-inline.aus:hover,
.agroup-item.aus:focus .agroup-heading, .agroup-item-inline.aus:focus {
  color: inherit;
}
.agroup-item.aus .agroup-text, .agroup-item-inline.aus .agroup-text,
.agroup-item.aus:hover .agroup-text, .agroup-item-inline.aus:hover,
.agroup-item.aus:focus .agroup-text, .agroup-item-inline.aus:focus {
  color: #777777;
}
.agroup-item.active, .agroup-item-inline.active, 
.agroup-item.active:hover, .agroup-item-inline.active:hover,
.agroup-item.active:focus, .agroup-item-inline.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}
.agroup-item.active .agroup-heading, .agroup-item-inline.active .agroup-heading,
.agroup-item.active:hover .agroup-heading, .agroup-item-inline.active:hover .agroup-heading,
.agroup-item.active:focus .agroup-heading, .agroup-item-inline.active:focus .agroup-heading {
  color: #fff;
}
.agroup-item.active .agroup-text, .agroup-item-inline.active .agroup-text,
.agroup-item.active:hover .agroup-text, .agroup-item-inline.active:hover .agroup-text,
.agroup-item.active:focus .agroup-text, .agroup-item-inline.active:focus .agroup-text {
  color: #e1edf7;
}