.collapse {
  margin: 0.5rem 0 0.5rem 0;
}

.collapse .collapse-content:not(.expanded) {
  display: none;
}

.collapse-content .content-flex {
  display: flex;
}

.collapse .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.collapse .collapse-cardtitle {
  background: rgba(0, 0, 0, 0.175);
  border-radius: 0.175rem 0.175rem 0 0;
  padding: 0.3rem 1rem;
  font-size: 0.85rem;
  font-weight: bold;
  display: block;
  cursor: pointer;
}

.collapse .collapse-cardborder {
  margin: 0 0;
  padding: 0.5rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0.175);
  border-radius: 0 0 0.375rem 0.375rem;
  position: relative;
  clear: both;
}

.collapse .collapse-border {
  margin: 0 0;
  padding: 0.5rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0.175);
  border-radius: 0.375rem;
  position: relative;
  clear: both;
}

.collapse .collapse-ctrl:not(.show) .collapse-hint-hide {
  display: none;
}
.collapse .collapse-ctrl.show .collapse-hint-show {
  display: none;
}
.collapse .collapse-ctrl .collapse-hint-ico {
  display: inline-block;
  transition: all 0.35s ease;
  margin-right: 0.25rem;
}
.collapse .collapse-ctrl:not(.show) .collapse-hint-ico {
  transform: rotate(0deg);
}
.collapse .collapse-ctrl.show .collapse-hint-ico {
  transform: rotate(90deg);
}