body {

  background: #ecf0f1;
  overflow-x: hidden;

}

.accordion .card {

  border: none;

  margin-bottom: 2px;

  border-radius: 1.2rem;

  background: #ecf0f1;

}

.accordion .card .card-header {

  background: #ffffff;

  padding-top: 7px;

  padding-bottom: 7px;

  border-radius: 1.2rem;

}



.accordion .card .card-header .add {

  background: #666666;

}



.accordion .card .card-header:hover {

  background: #ffce00;

  color: #ffffff;

  padding-top: 7px;

  padding-bottom: 7px;

  border-radius: 1.2rem;

}



.accordion .card-header h2 {

  color: #666666;

  font-size: 1rem;

  font-weight: 500;

  position: relative;

  top: 5px;

  font-family: "Roboto", sans-serif;

}



.accordion .card-header h2 span {

  float: left;

  margin-top: 10px;

}

.accordion .card-header .btn {

  font-weight: 500;

}

.accordion .card-header i {

  color: #fff;

  font-size: 1.3rem;

  margin: 0 6px 0 -10px;

  font-weight: bold;

  position: relative;

  top: 5px;

}



.accordion .card-header button:hover {

  color: #23384e;

}

.accordion .card-body {

  color: #666;

}





.accordion .card-header i.toggle-icon::before {

  content:'+';

}



.accordion .card.collapse.show i.toggle-icon::before {

  content:'-';

}



.accordion-titulo span.toggle-icon {

  position: absolute;

  top: 20px;

  right: 20px;

  font-size: 38px;

  font-weight:bold;

}