// Parent container
.accordion {
  margin-bottom: 30px;
  border-bottom: 1px solid @accordionheadingBorderColor;
  li {
    list-style:none;
  }
}

ul.accordion {
  list-style:none;
  margin-left:0;
}

// Group == heading + body
.accordion-group {
  border: 0;
  position:relative;
}

.accordion-heading {
  border-top: 1px solid @accordionheadingBorderColor;
}

.accordion-heading {
  .title {
    color:@accordionTitleTextColor;
    font-weight:bold;
  }

  a, span {
    font-size:16px;
    line-height:26px;
    outline:none;
    text-decoration:none;
  }

  a {
    color:@linkColor;
  }
}

.accordion-heading a {
  > i {
    margin-right:10px;
    font-size:14px;
  }
  &:hover > i {
    color:@iconHover;
  }
}

.accordion-heading .accordion-toggle {
  padding: 0 8px;
  &:hover {
     text-decoration:none;
  }
}

// Inner needs the styles because you can't animate properly with any styles on the element
.accordion-inner, .accordion-toggle {
  padding:0;
  border:none;
}

.accordion-inner {
  padding-left:34px;
}

.well {
  background: @wellBackground;
  -moz-box-shadow:    inset 0 0 4px 2px #e7e7e7;
  -webkit-box-shadow: inset 0 0 4px 2px #e7e7e7;
  box-shadow:         inset 0 0 4px 2px #e7e7e7;
}

.well-contain {
  .well {
    width:102%;
    margin-left:-1%;
  }
}