EVOLUTION-NINJA

Edit File: simpleaccordion.css

/* body { font-size: .95em; } */

.accordion-group { margin: 0 0 30px }

.accordion-group { margin: 0 }

#demo_wrap {
  margin: 50px auto;
  width: 600px;
}

.no-js .accordion-body { display: block }

.accordion-body {
  display: none;
  padding: 10px 20px 14px;
  //background-color: #f6f6f6;
  background-color: #fff;
  border-radius: 5px;
  margin: 4px 0;
}

.accordion-body > * > .accordion-body {
  background-color: #ededed;
  margin: 0
}

.accordion-header {
  //background: #fff url("../images/accordion-closed.png") no-repeat 20px center;
  background: #fff;
  margin: 8px 0;
  color: #017DC6;
  padding: 8px 20px;
  cursor: pointer;
  border-radius: 5px;
  position: relative;
  text-transform: uppercase;
}

.accordion-header.open {
  //background: #017DC6 url("../images/accordion-opened.png") no-repeat 19px center;
  background: #017DC6;
  color: #fff;
  font-weight: bold
}

/* Icon when the collapsible content is shown */
  .accordion-header:after {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    float: right;
    //margin-left: 5px;
  }
  /* Icon when the collapsible content is hidden */
  .accordion-header.open:after {
    content: "\e080";
  }

.accordion-header:last-of-type { margin-bottom: 0 }

.accordion-header.open:last-of-type { margin-bottom: 4px }

.accordion-header span {
  position: absolute;
  right: 6px;
  top: 6px;
  background: #fff;
  padding: 2px 5px;
  border-radius: 4px;
  color: #333;
  font-weight: normal
}