/*
  Accordion tabs that have not been created using Javascript
*/

/* clearfix */
.ckeditor-accordion-container>dl:before,
.ckeditor-accordion-container>dl:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.ckeditor-accordion-container>dl:after {
  clear: both;
}

/* CKEditor accordion */
.ckeditor-accordion-container>dl,
.ckeditor-accordion-container>dl dt,
.ckeditor-accordion-container>dl dd {
  box-sizing: border-box;
}

.ckeditor-accordion-container>dl {
  position: relative;
  border: 1px solid #0091ea;
}

/* label / tab */
.ckeditor-accordion-container>dl dt {
  position: relative;
  border-bottom: 1px solid #e4e0dc;
  padding: 15px 20px 10px 15px;
}

.ckeditor-accordion-container>dl dt.active {
  border-bottom: none;
}

.ckeditor-accordion-container>dl dt>dl>dt {
  padding: 15px 0px;
}

/* .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle {
  display: inline-block;
  position: absolute;
  padding: 0 10px;
  width: 30px;
  height: 30px;
  z-index: 1;
  top: calc(50% - 1px);
  left: 11px;
  box-sizing: border-box;
} */

.ckeditor-accordion-container>dl dt>.ckeditor-accordion-toggler>.ckeditor-accordion-toggle,
.ckeditor-accordion-container>dl dt>div>.ckeditor-accordion-toggle {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  width: 20px;
  height: 20px;
  z-index: 1;
  top: 0;
  left: 0;
  box-sizing: border-box;
  margin-right: 10px;
  display: inline-block;

}

.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:before,
.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:after {
  background: #fff;
  -webkit-transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 10px;
  z-index: -1;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  will-change: transform;
}

.ckeditor-accordion-container.no-animations>dl dt>a>.ckeditor-accordion-toggle:before,
.ckeditor-accordion-container.no-animations>dl dt>a>.ckeditor-accordion-toggle:after {
  transition: initial;
}

.expandall,
.collapseall {
  position: relative;
  margin-left: 15px;
  padding-left: 30px;
  margin-bottom: 10px;
}

/* .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:before {
  left: 13px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
} */
.ckeditor-accordion-container>dl dt>.ckeditor-accordion-toggler .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container>dl dt>.ckeditor-accordion-toggler .ckeditor-accordion-toggle:after,
.expandall:before,
.collapseall:after {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  background-size: cover;
}

.ckeditor-accordion-container>dl dt>.ckeditor-accordion-toggler .ckeditor-accordion-toggle:before,
.expandall:before {

  background: url("accordion.png") no-repeat;
  background-position: top;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background-size: cover;
  top: 2px;
}

.ckeditor-accordion-container>dl dt>.ckeditor-accordion-toggler .ckeditor-accordion-toggle:after,
.collapseall:after {

  background: url("accordion.png") no-repeat;
  background-position: bottom;
  right: 0;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  display: none;
  background-size: cover;
  top: 2px;
}

/* .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:after {
  right: 13px;
  left: auto;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
} */

/* .ckeditor-accordion-container>dl dt.active>a>.ckeditor-accordion-toggle:before {
  transform: rotate(45deg);
}

.ckeditor-accordion-container>dl dt.active>a>.ckeditor-accordion-toggle:after {
  transform: rotate(-45deg);
} */

.ckeditor-accordion-container>dl dt.active>.ckeditor-accordion-toggler .ckeditor-accordion-toggle:before {
  display: none;
}

.ckeditor-accordion-container>dl dt.active>.ckeditor-accordion-toggler .ckeditor-accordion-toggle:after,
.collapseall:after {
  display: block;
}


/* .ckeditor-accordion-container>dl dt>a,
.ckeditor-accordion-container>dl dt>a:not(.button) {
  display: block;
  padding: 10px 15px 10px 50px;
  background-color: #00b0ff;
  color: #fff;
  cursor: pointer;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  border-bottom: 1px solid #00a4ec;
} */
.ckeditor-accordion-container dt .ckeditor-accordion-toggler span,
.ckeditor-accordion-container dt .ckeditor-accordion-toggler * {
  font-family: rubrikmedium;
  font-size: 1.25rem;
  font-weight: 100;
  color: #005587;
}

.ckeditor-accordion-container>dl dt>a:focus,
.ckeditor-accordion-container>dl dt>a:not(.button):focus {
  outline-color: #333;
}

.ckeditor-accordion-container>dl dt>a:hover,
.ckeditor-accordion-container>dl dt>a:not(.button):hover {
  background-color: #00a5ef;
  box-shadow: none;
  color: #fff;
  text-decoration: none;
}

.ckeditor-accordion-container>dl dt>.ckeditor-accordion-toggler {
  display: block;
  cursor: pointer;
  position: relative;
}

.ckeditor-accordion-container>dl dt>.ckeditor-accordion-toggler:hover {
  background-color: #00a5ef;
}

/* .ckeditor-accordion-container>dl dt.active>a  */
.ckeditor-accordion-container>dl dt.active>.ckeditor-accordion-toggler {
  background-color: #0091ea;
}

/* .ckeditor-accordion-container>dl dt:last-of-type>a */
.ckeditor-accordion-container>dl dt:last-of-type>.ckeditor-accordion-toggler {
  border-bottom: 0;
}

/* contents */
.ckeditor-accordion-container>dl dd {
  display: none;
  /* padding: 0 15px; */
  padding: 0 30px 15px 45px !important;
  margin: 0;

  /* max-height: 0;
  transition: max-height 0.3s ease-out;
  overflow: hidden; */
}

.ckeditor-accordion-container>dl dd.active {
  /* max-height: 1500px;
  transition: max-height 3s ease-in; */
}

.ckeditor-accordion-toggler>div>span:first-child {
  max-width: 20px;
  margin-left: 15px;
}
.ckeditor-accordion-container>dl {
  position: relative;
  border: none;
}
.ckeditor-accordion-container>dl dt>.ckeditor-accordion-toggler:hover {
  background-color: transparent;
}
.ckeditor-accordion-container>dl dt.active>.ckeditor-accordion-toggler {
  background-color: transparent;
}
.ckeditor-accordion-container > dl dt.active {
  background: #F2EFEC;
  color: #005587;
}
.ckeditor-accordion-container dd.active {
  border-bottom: 1px solid #E4E0DC;
}

.ckeditor-accordion-container > dl dd.active {
  background: #F2EFEC;
}
.expandall > span, .collapseall > span {
  pointer-events: auto;
  font-family: rubrikregular;
}
.expandall, .collapseall {
  pointer-events: none;
  font-family: rubrikregular;
  margin-bottom: 0px;
  color: #26778B;
  cursor: pointer;
  padding-bottom: 15px !important;
  border-bottom: 1px solid #E4E0DC;
  padding-left: 45px;
  margin-left: 0px;
}
.ckeditor-accordion-container>dl dt>.ckeditor-accordion-toggler .ckeditor-accordion-toggle:before, .ckeditor-accordion-container>dl dt>.ckeditor-accordion-toggler .ckeditor-accordion-toggle:after, .expandall:before, .collapseall:after{
  pointer-events: auto;
}