/**
* jQuery asAccordion v0.2.2
* https://github.com/amazingSurge/jquery-asAccordion
*
* Copyright (c) amazingSurge
* Released under the LGPL-3.0 license
*/
@charset "UTF-8";
.accordion {
  padding: 0; 
  margin: 0;
}
.accordion:before, .accordion:after {
  display: table; 
  content: "\20";
}
.accordion:after {
  clear: both;
}
.accordion__panel {
  padding: 0;
  margin: 0;
  overflow: hidden; 
  list-style: none;
}
.accordion__heading {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
  display: block;
  padding: 15px;
  font-size: 14px;
  color: #9ea6aa;
  cursor: pointer;
}
.accordion__heading > .-icon {
  margin-top: 3px;
  font-size: 18px;
  font-style: normal;
  font-weight: bold; 
  color: #bbb;
}
.accordion__heading > .-icon--right {
  float: right;
  margin-left: 10px;
}
.accordion__heading > .-icon--left {
  float: left;
  margin-right: 10px;
}
.accordion__heading > .-icon:before {
  content: "\ff0b";
}
.accordion__expander {
  padding: 15px;
  color: #8b9597;
}
.accordion--active .accordion__heading {
  color: #687175;
}
.accordion--active .accordion__heading > .-icon:before {
  content: "\2014";
}
.accordion--horizontal {
  height: 260px;
}
.accordion--horizontal .accordion__panel {
  position: relative;
  float: left;
  width: 100%; 
  height: 100%;
}
.accordion--horizontal .accordion__heading {
  width: 260px;
  text-align: right;
  -ms-transform: translateX(-100%) rotate(-90deg) translateZ(0px);
  -webkit-transform: translateX(-100%) rotate(-90deg) translateZ(0px);
  transform: translateX(-100%) rotate(-90deg) translateZ(0px);
  -ms-transform-origin: right top 0;
  -webkit-transform-origin: right top 0;
  transform-origin: right top 0;
}
.accordion--horizontal .accordion__heading > .-icon {
  right: 227px;
  -ms-transform: rotate(90deg) translateZ(0px);
  -webkit-transform: rotate(90deg) translateZ(0px);
  transform: rotate(90deg) translateZ(0px);
}
.accordion--horizontal .accordion__expander {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
  width: 450px;
  height: 100%;
  margin-left: 50px;
  overflow-y: auto;
}
.accordion--basic .accordion--vertical .accordion__panel {
  border-bottom: 2px solid #edf1f2;
}
.accordion--basic .accordion--horizontal .accordion__panel {
  border-right: 2px solid #edf1f2;
}
.accordion--basic .accordion--active {
  background-color: #f6f9f9;
}
.accordion--box .accordion__panel {
  border: 2px solid #edf1f2;
}
.accordion--box .accordion--vertical .accordion__panel {
  margin-bottom: 10px;
}
.accordion--box .accordion--horizontal .accordion__panel {
  margin-right: 10px;
}
.accordion--box .accordion__heading {
  background-color: #edf1f2;
}
