amexio-accordion {
  display: flex;
  flex-direction: column
}

amexio-accordion > amexio-accordion-tab {
  padding-bottom: 1px;
}

.accordion {
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  border-radius: 0px;
  text-align: left;
  outline: none;
  font-size: 17px;
  transition: 0.4s;
}

.accordion:after {
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
}
.panel {
  padding: 18px;
  overflow: auto;
}



/** Transparent Styling **/
.accordion-transparent{
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border-color:$accordionTransparentBorder;
  text-align: left;
  outline: none;
  font-size: 17px;
  transition: 0.4s;
  box-shadow: none;
  border-top: $borderSize solid $accordionBorderColor;
}

.accordion-transparent .active-accordion, .accordion-transparent:hover {

}

.accordion-transparent:after {
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
}

.accordion-disable{
  opacity: 0.55;
  cursor: not-allowed;
}

.accordion .amexio-accordion-header > *{
  padding: 5px;
}