.qct-collapsible-container {
  margin-bottom: 20px;
  padding: 8px;
  background-color: white;
  border-radius: 6px;
}
.qct-collapsible-container > .header.muted, .qct-collapsible-container .content.muted {
  border-left: 5px solid #a6a6a6;
}
.qct-collapsible-container > .header.primary, .qct-collapsible-container .content.primary {
  border-left: 5px solid #863EA8;
}
.qct-collapsible-container > .header.success, .qct-collapsible-container .content.success {
  border-left: 5px solid #57b500;
}
.qct-collapsible-container > .header.danger, .qct-collapsible-container .content.danger {
  border-left: 5px solid #f00024;
}
.qct-collapsible-container > .header.warning, .qct-collapsible-container .content.warning {
  border-left: 5px solid #f0a400;
}
.qct-collapsible-container > .header.info, .qct-collapsible-container .content.info {
  border-left: 5px solid #00a6e4;
}
.qct-collapsible-container > .header.professional-knowledge, .qct-collapsible-container .content.professional-knowledge {
  border-left: 5px solid #FFC222;
}
.qct-collapsible-container > .header.professional-practice, .qct-collapsible-container .content.professional-practice {
  border-left: 5px solid #987489;
}
.qct-collapsible-container > .header.professional-engagement, .qct-collapsible-container .content.professional-engagement {
  border-left: 5px solid #94A545;
}
.qct-collapsible-container > .header.red, .qct-collapsible-container .content.red {
  border-left: 5px solid #f00024;
}
.qct-collapsible-container > .header.yellow, .qct-collapsible-container .content.yellow {
  border-left: 5px solid #f0a400;
}
.qct-collapsible-container > .header.green, .qct-collapsible-container .content.green {
  border-left: 5px solid #57b500;
}
.qct-collapsible-container > .header.blue, .qct-collapsible-container .content.blue {
  border-left: 5px solid #00a6e4;
}
.qct-collapsible-container > .header.purple, .qct-collapsible-container .content.purple {
  border-left: 5px solid #863EA8;
}
.qct-collapsible-container > .qct-collapsible-container-content > * {
  margin-top: 8px;
}
.qct-collapsible-container > .qct-collapsible-container-header {
  /*        @include context-colouring('default', , , , , );
  */
}
.qct-collapsible-container > .qct-collapsible-container-header.muted > button {
  background-color: #a6a6a6;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.muted > button:hover {
  background-color: #737373;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.primary > button {
  background-color: #863EA8;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.primary > button:hover {
  background-color: #7524DB;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.success > button {
  background-color: #57b500;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.success > button:hover {
  background-color: #489400;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.danger > button {
  background-color: #f00024;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.danger > button:hover {
  background-color: #BA001D;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.warning > button {
  background-color: #f0a400;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.warning > button:hover {
  background-color: #BE8200;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.info > button {
  background-color: #00a6e4;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.info > button:hover {
  background-color: #00739F;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.professional-knowledge > button {
  background-color: #FFC222;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.professional-knowledge > button:hover {
  background-color: #D99D02;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.professional-practice > button {
  background-color: #987489;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.professional-practice > button:hover {
  background-color: #7F546D;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.professional-engagement > button {
  background-color: #94A545;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.professional-engagement > button:hover {
  background-color: #768728;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.red > button {
  background-color: #f00024;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.red > button:hover {
  background-color: #BA001D;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.yellow > button {
  background-color: #f0a400;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.yellow > button:hover {
  background-color: #BE8200;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.green > button {
  background-color: #57b500;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.green > button:hover {
  background-color: #489400;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.blue > button {
  background-color: #00a6e4;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.blue > button:hover {
  background-color: #00739F;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.purple > button {
  background-color: #863EA8;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header.purple > button:hover {
  background-color: #7524DB;
  color: white;
}
.qct-collapsible-container > .qct-collapsible-container-header > button {
  white-space: normal;
  overflow-wrap: break-word;
  height: 5em;
  line-height: normal;
  text-align: left;
  font-size: 15px;
  text-transform: inherit;
  font-weight: inherit;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  width: 100%;
  display: inline-block;
  border: none;
  border-radius: 6px;
  outline: none;
  /*background-color: #40a8d2;*/
  /*#5A6642; #6B7753; #7C8864;*/
  /*color: #eeeeee;*/
  /*#ffffff; #ECF5DA; #DBE4C0;  #CAD3B9;*/
  /*&:hover {
      background-color: #79C400;
      color: #545E41;
  }*/
}
.qct-collapsible-container > .qct-collapsible-container-header > button > h3 div > div {
  float: left;
  overflow-wrap: break-word;
}
.qct-collapsible-container > .qct-collapsible-container-header > button > h3 div :after {
  clear: both;
}
.qct-collapsible-container.no-collapse > .qct-collapsible-container-header button {
  letter-spacing: 0.5px;
  background-color: transparent;
}
.qct-collapsible-container.no-collapse > .qct-collapsible-container-header button > *:nth-child(2) {
  display: none;
}
.qct-collapsible-container.no-collapse > .qct-collapsible-container-header i.qct:before {
  display: none;
}
.qct-collapsible-container.no-collapse > .qct-collapsible-container-header i.qct {
  padding: 0 0 0 0;
}
.qct-collapsible-container:not(.no-collapse):not(.collapsed) > .qct-collapsible-container-header button {
  /*                    @include buttonDefaults(transparent, $text-color, true, false);*/
}
.qct-collapsible-container:not(.no-collapse):not(.collapsed) > .qct-collapsible-container-header button > *:nth-child(2) {
  display: none;
}
.qct-collapsible-container:not(.no-collapse):not(.collapsed) > .qct-collapsible-container-header button:hover {
  /*                        background-color: $foreground-color; 
  */
}
.qct-collapsible-container:not(.no-collapse).collapsed > .qct-collapsible-container-header button {
  /*                    @include buttonDefaults($qct-white-color, $text-color, false, false);*/
}
.qct-collapsible-container:not(.no-collapse).collapsed > .qct-collapsible-container-header button > *:nth-child(1) {
  display: none;
}
.qct-collapsible-container:not(.no-collapse).collapsed > .qct-collapsible-container-content {
  overflow: hidden;
}
.qct-collapsible-container:not(.no-collapse) > .qct-collapsible-container-header button {
  text-transform: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-family: "Helvetica", "Arial", sans-serif;
  width: 100%;
}
.qct-collapsible-container:not(.no-collapse) > .qct-collapsible-container-header button h1, .qct-collapsible-container:not(.no-collapse) > .qct-collapsible-container-header button h2, .qct-collapsible-container:not(.no-collapse) > .qct-collapsible-container-header button h3, .qct-collapsible-container:not(.no-collapse) > .qct-collapsible-container-header button h4, .qct-collapsible-container:not(.no-collapse) > .qct-collapsible-container-header button h5, .qct-collapsible-container:not(.no-collapse) > .qct-collapsible-container-header button h6 {
  text-align: left;
  margin-top: 0;
}
.qct-collapsible-container:not(.no-collapse) > .qct-collapsible-container-header button h1 i:not(.qct-none), .qct-collapsible-container:not(.no-collapse) > .qct-collapsible-container-header button h2 i:not(.qct-none), .qct-collapsible-container:not(.no-collapse) > .qct-collapsible-container-header button h3 i:not(.qct-none), .qct-collapsible-container:not(.no-collapse) > .qct-collapsible-container-header button h4 i:not(.qct-none), .qct-collapsible-container:not(.no-collapse) > .qct-collapsible-container-header button h5 i:not(.qct-none), .qct-collapsible-container:not(.no-collapse) > .qct-collapsible-container-header button h6 i:not(.qct-none) {
  vertical-align: middle;
  padding-left: 0;
  padding-right: 8px;
  font-size: 32px;
  color: #ffffff;
  margin-top: -5px !important;
}
.qct-collapsible-container:not(.no-collapse).qct-collapsible-container-collapsing > .qct-collapsible-container-content {
  position: relative;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.45s;
  transition-duration: 0.45s;
}
.qct-collapsible-container:not(.no-collapse).qct-collapsible-container-collapsing.in > .qct-collapsible-container-content {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.qct-collapsible-container:not(.no-collapse).qct-collapsible-container-collapsing.out > .qct-collapsible-container-content {
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}