.accordionjs {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 0;
  height: 350px;
  width: 101%;
  overflow: hidden;
  list-style: none; }
  .accordionjs * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important; }
  .accordionjs > li {
    background-color: #f3efe6;
    margin-right: -1200px;
    margin-bottom: 0;
    padding-left: 0; }
    .accordionjs > li:first-child .accordionjs-content, .accordionjs > li:first-child .accordionjs-title {
      border-bottom-left-radius: 20px; }
    .accordionjs > li:last-child .accordionjs-content, .accordionjs > li:last-child .accordionjs-title {
      border-top-right-radius: 20px; }
/*
 ** The main <UL> element holding the tabs.
 */
/*
 ** The tabs of the accordion are made up of 3 main elements.
 ** 1) <input radiobox />
 ** 2) <div /> text title of the box
 ** 3) <i>  FontAwesome styled checkbox to show the state.
 */
.accordionjs-select {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  margin: 0;
  z-index: 1; }
/* BEGIN accordionjs-title rules */
.accordionjs-title span.title {
  font-size: 20px;
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  margin-bottom: 20px;
  margin-left: 0;
  line-height: 60px;
  /* Slider effect */
  transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-writing-mode: lr-bt;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
  .accordionjs-title span.icon {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    white-space: nowrap;
    margin-left: 0;
    line-height: 60px;
    text-align: center; }
/* END accordionjs-title rules */
/* BEGIN accordionjs-content rules */
.accordionjs-content {
  background-color: #f3efe6;
  height: 404px;
  width: 1104px;
  padding: 48px;
  position: relative;
  overflow: auto;
  transition: all 0.3s ease 0.1s;
  -o-transition: all 0.3s ease 0.1s;
  -moz-transition: all 0.3s ease 0.1s;
  -webkit-transition: all 0.3s ease 0.1s; }
/* END accordionjs-content rules */
.accordionjs > li, .accordionjs-content, .accordionjs-separator, .accordionjs-title {
  float: left; }

.accordionjs-select:checked ~ .accordionjs-separator {
  margin-right: 1200px;
  margin-bottom: 0; }

.accordionjs-title {
  background-color: #f68700;
  color: #fff;
  width: 60px;
  height: 500px;
  font-size: 15px; }
  .accordionjs-title.disabled {
    background: #aaa; }
  .accordionjs-title.complete {
    background: #de1a2f; }

.accordionjs input:disabled {
  cursor: not-allowed; }

.accordionjs-select {
  background-color: #f68700;
  color: #fff;
  width: 60px;
  height: 500px;
  font-size: 15px; }
  .accordionjs-select ~ .accordionjs-title {
    transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -webkit-transition: all 0.3s ease 0.1s; }
  .accordionjs-select:checked ~ .accordionjs-title {
    opacity: 0;
    width: 0; }
  .accordionjs-select:complete ~ .accordionjs-title {
    background-color: #de1a2f; }
/* Dark-Blue colour for currently active steps. */
/* Dark-Red colour for disabled steps. */
.accordionjs-select:checked ~ .accordionjs-content, .accordionjs-title {
  margin-right: 7px;
  margin-bottom: 1px;
  transition: margin 0.3s ease 0.1s;
  -o-transition: margin 0.3s ease 0.1s;
  -moz-transition: margin 0.3s ease 0.1s;
  -webkit-transition: margin 0.3s ease 0.1s; }

.accordionjs-select:checked ~ .accordionjs-content {
  background-color: #fff; }

.accordionjs-select:checked ~ .accordionjs-title {
  margin-right: 0; }
/* Do not change following properties, they aren't
 generated automatically and are common for each slider. */
.accordionjs > li, .accordionjs-title {
  position: relative; }

.accordionjs-separator {
  transition: margin 0.3s ease 0.1s;
  -o-transition: margin 0.3s ease 0.1s;
  -moz-transition: margin 0.3s ease 0.1s;
  -webkit-transition: margin 0.3s ease 0.1s; }
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Ffileadmin%2Fonline-portal%2Fscss%2Fjquery.accordionjs.scss%22%2C%22%2F(stdin)%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3B%3B%3B%3B%3B%3B%3B%3B%3BmBAAA%2CEAAA%3BAAKI%3BAAAA%3B%3BsCAAA%2CEAAA%3BAAaA%3BAAAA%3B%3B%3BoBAAA%2CEAAA%3BAAOQ%3BAAAA%2CsCAAA%2CEAAA%3BAAOA%3BAAAA%2CoCAAA%2CEAAA%3BAChCZ%3B%3BGAAA%3BAAAA%3B%3B%3B%3B%3BGAAA%3BADgDA%3BAAAA%3B%3B%3B%3B%3B%3BaAAA%2CEAAA%3BAChDA%2CmCAAA%3BAD2DI%3BAAAA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BmEAAA%2CEAAA%3BAAmBA%3BAAAA%3B%3B%3B%3B%3B%3B%3BuBAAA%2CEAAA%3BAC9EJ%2CiCAAA%3BAAAA%2CqCAAA%3BAD4FA%3BAAAA%3B%3B%3B%3B%3B%3B%3B%3B%3ByCAAA%2CEAAA%3BAC5FA%2CmCAAA%3BADyGA%3BAAAA%2CcAAA%2CEAAA%3BAAAA%3BAAOA%3BAAAA%3BmBAAA%2CEAAA%3BAAAA%3BAAKA%3BAAAA%3B%3B%3B%3BkBAAA%2CEAAA%3BAAOI%3BAAAA%2CqBAAA%2CEAAA%3BAAIA%3BAAAA%2CwBAAA%2CEAAA%3BAAAA%3BAAKJ%3BAAAA%2CsBAAA%2CEAAA%3BAAAA%3BAAIA%3BAAAA%3B%3B%3B%3BkBAAA%2CEAAA%3BAAOI%3BAAAA%3B%3B%3B2CAAA%2CEAAA%3BAAWA%3BAAAA%3BaAAA%2CEAAA%3BAAKA%3BAAAA%2C8BAAA%2CEAAA%3BAChKJ%2CkDAAA%3BAAAA%2CyCAAA%3BADsKA%3BAAAA%3B%3B%3B%3B%3B4CAAA%2CEAAA%3BAAAA%3BAAUA%3BAAAA%2CyBAAA%2CEAAA%3BAAAA%3BAAIA%3BAAAA%2CkBAAA%2CEAAA%3BACpLA%3B2DAAA%3BADyLA%3BAAAA%2CqBAAA%2CEAAA%3BAAAA%3BAAKA%3BAAAA%3B%3B%3B4CAAA%2CEAAA%22%7D */