/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url("../images/sort_both.9a6486086d09.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("../images/sort_asc.9326ad44ae4b.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("../images/sort_desc.1fc418e33fd5.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("../images/sort_asc_disabled.d7dc10c78f23.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("../images/sort_desc_disabled.bda51e15154a.png");
}
table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}
/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
/*
 *  Usage:
 *
      <div class="sk-circle">
        <div class="sk-circle1 sk-child"></div>
        <div class="sk-circle2 sk-child"></div>
        <div class="sk-circle3 sk-child"></div>
        <div class="sk-circle4 sk-child"></div>
        <div class="sk-circle5 sk-child"></div>
        <div class="sk-circle6 sk-child"></div>
        <div class="sk-circle7 sk-child"></div>
        <div class="sk-circle8 sk-child"></div>
        <div class="sk-circle9 sk-child"></div>
        <div class="sk-circle10 sk-child"></div>
        <div class="sk-circle11 sk-child"></div>
        <div class="sk-circle12 sk-child"></div>
      </div>
 *
 */
.sk-circle {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative; }
.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
.sk-circle .sk-circle2 {
    transform: rotate(30deg); }
.sk-circle .sk-circle3 {
    transform: rotate(60deg); }
.sk-circle .sk-circle4 {
    transform: rotate(90deg); }
.sk-circle .sk-circle5 {
    transform: rotate(120deg); }
.sk-circle .sk-circle6 {
    transform: rotate(150deg); }
.sk-circle .sk-circle7 {
    transform: rotate(180deg); }
.sk-circle .sk-circle8 {
    transform: rotate(210deg); }
.sk-circle .sk-circle9 {
    transform: rotate(240deg); }
.sk-circle .sk-circle10 {
    transform: rotate(270deg); }
.sk-circle .sk-circle11 {
    transform: rotate(300deg); }
.sk-circle .sk-circle12 {
    transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
    animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
    animation-delay: -1s; }
.sk-circle .sk-circle4:before {
    animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
    animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
    animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
    animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
    animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
    animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
    animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
    animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
    animation-delay: -0.1s; }
@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }
/*
 * Open Sans Regular (400).
 */
@font-face {
  font-family: "Open Sans";
  src: url("/v1_static/fonts/Open-Sans/Regular.71184349f4d0.woff") format("woff"),
    url("/v1_static/fonts/Open-Sans/Regular.d7d5d4588a9f.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
/*
 * Barlow Light, Regular and Semi-Bold (300, 400, 600).
 */
@font-face {
  font-family: "Barlow";
  src: url("/v1_static/fonts/Barlow/Light.b5a448391548.woff") format("woff"),
    url("/v1_static/fonts/Barlow/Light.1194553935f2.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("/v1_static/fonts/Barlow/Regular.737885d600e8.woff") format("woff"),
    url("/v1_static/fonts/Barlow/Regular.734c606bef5e.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("/v1_static/fonts/Barlow/SemiBold.5c18552aa75a.woff") format("woff"),
    url("/v1_static/fonts/Barlow/SemiBold.d8e8ba5e26ae.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
/*
 * Barlow Condensed Light, Regular, and Medium (300, 400, 500).
 */
@font-face {
  font-family: "Barlow Condensed";
  src: url("/v1_static/fonts/Barlow-Condensed/Light.b4ddd228cfbd.woff") format("woff"),
    url("/v1_static/fonts/Barlow-Condensed/Light.bcf76e0b36fc.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("/v1_static/fonts/Barlow-Condensed/Regular.a11efa0cbdef.woff") format("woff"),
    url("/v1_static/fonts/Barlow-Condensed/Regular.233f7c31eabb.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("/v1_static/fonts/Barlow-Condensed/Medium.6637afe43365.woff") format("woff"),
    url("/v1_static/fonts/Barlow-Condensed/Medium.dd9fd2151ba8.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
.icon {
  display: block;
  width: 22.5px;
  width: 1.5rem;
  height: 22.5px;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: center
}
.icon.small {
    width: 15px;
    width: 1rem;
    height: 15px;
    height: 1rem;
}
.icon.x {
    background-image: url("../icons/x.98e80c06f10a.png");
}
.icon.x.small {
      background-image: url("../icons/x-small.5fbe5e4d08c4.png");
}
.icon.invited {
    background-image: url("../icons/check.f24ebeec296a.png");
}
.icon.bounced {
    background-image: url("../icons/exclamation.f9be243c5798.png");
}
/*
 * Class for showing text on screen-readers only.
 *
 * Borrowed from Foundation:
 * https://foundation.zurb.com/sites/docs/v/5.5.3/components/visibility.html
 */
.show-for-sr {
    position: absolute !important;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
}
.accordion {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;

  margin: 10px 0 30px 0
}
.accordion .accordion-item {
    border: 1px solid #ccc;
}
.accordion .accordion-item:not(:last-of-type) {
      border-bottom: 0;
}
.accordion .accordion-header {
    box-sizing: border-box;
    width: 100%;
    padding: 15px;

    background-color: #f3f3f3;
    border: 0;

    display: -ms-flexbox;

    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;

    font-size: 16px;
    text-align: left;
}
.accordion .accordion-header:hover {
      cursor: pointer;
}
.accordion .accordion-header svg {
      transition: transform 0.2s ease;
      pointer-events: none;
}
.accordion .accordion-header:is([aria-expanded="true"]) svg {
      transform: rotate(180deg);
}
.accordion .accordion-panel {

    display: -ms-flexbox;

    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;

    box-sizing: border-box;
    margin: 0;
    padding: 15px 0 15px 0;
    width: 100%;

    border-top: 1px solid #ccc;

    display: none;
}
.accordion .accordion-panel:not([aria-hidden="true"]) {
      display: -ms-flexbox;
      display: flex;
}
.accordion .accordion-panel .accordion-sub-panel {

      padding: 5px 25px 5px 25px;
      width: 50%;
}
.accordion .accordion-panel .accordion-sub-panel:last-child {
        border-left: 1px dashed #666;
}
.accordion .accordion-panel .accordion-sub-panel .accordion-sub-panel-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-align: center;
            align-items: center;

        margin-bottom: 15px;
}
.accordion .accordion-panel .accordion-sub-panel .accordion-sub-panel-header svg {
          margin-right: 8px;
}
.accordion .accordion-panel .accordion-sub-panel p {
        line-height: 150%;
        margin: 0;
        padding: 0;
}
.accordion .accordion-panel .inactive {
      color: #999;
}
.accordion .accordion-preamble {

    display: -ms-flexbox;

    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: end;
        justify-content: flex-end;
}
.accordion .accordion-preamble button {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
  
      padding: 10px;
  
      background-color: #fff;
      border: 0;
}
.accordion .accordion-preamble button:hover {
        cursor: pointer;
}
.accordion .accordion-preamble button svg {
        margin-right: 5px;
        pointer-events: none;
}
.dataTables_wrapper {
}
.dataTables_wrapper .dataTables_filter {
    float: none;
}
.dataTables_wrapper .dataTable {
    margin: 7.5px auto;
    margin: 0.5rem auto;
}
.dataTables_wrapper .dataTable th {
      text-align: left;
}
.dataTables_wrapper td:not(.dataTables_empty):first-of-type {
    /* display: flex; */
    /* align-items: center; */
}
.dataTables_wrapper td:not(.dataTables_empty):first-of-type form {
      margin-right: 7.5px;
      margin-right: 0.5rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 0;
    border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
      border: 0;
      background: none;
      text-decoration: underline !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        border: 0;
        background: none;
        cursor: default;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
      border: 0;
      background: #f2f2f2;
      color: #333 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
      box-shadow: none;
}
.dataTables_wrapper .action-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start;
    width: 100%;
}
.dataTables_wrapper .action-header div {
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.dataTables_wrapper .action-header button {
      margin-left: 7.5px;
      margin-left: 0.5rem;
}
.dataTables_wrapper .column-name {
    color: #777;
    font-weight: lighter;
}
.dataTables_wrapper .empty {
    color: #777;
}
.drag-n-drop {
    margin: 26.25px auto;
    margin: 1.75rem auto;
    max-width: 360px;
    height: 200px
}
.drag-n-drop .sk-circle {
        display: none;
}
.drag-n-drop .sk-child::before {
        background: #02367b;
}
.drag-n-drop > label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        box-sizing: border-box;
        border: 1px #02367b dashed;
        border-radius: 2px;
        cursor: pointer;
        padding: 15px 30px;
        padding: 1rem 2rem;
        height: 100%;
}
.drag-n-drop img {
        max-width: 150px;
}
.drag-n-drop p {
        width: 100%;
        text-align: center;
}
.drag-n-drop .button {
        margin: 0;
}
.drag-n-drop input {
        display: none;
}
.drag-n-drop.dragover label {
        background: rgba(0, 111, 211, 0.1);
}
.drag-n-drop.uploading {
}
.drag-n-drop.uploading label > *:not(.sk-circle) {
            display: none;
}
.drag-n-drop.uploading .sk-circle {
            display: block;
}
.upload-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    gap: 7.5px;
    gap: 0.5rem;
    margin-top: 7.5px;
    margin-top: 0.5rem;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
}
.upload-actions .button.secondary {
        background: transparent;
        color: #006fd3;
        border: 1px solid #006fd3;
        box-shadow: none;
}
.upload-actions .button.secondary:hover {
        background: #006fd3;
        color: #fff;
}
.template-hint {
    text-align: center;
    font-size: 12.75px;
    font-size: 0.85rem;
    color: #666;
    margin-top: 3.75px;
    margin-top: 0.25rem;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}
.paginator {
  display: -ms-flexbox;
  display: flex;
  margin: 15px;
  margin: 1rem;
  -ms-flex-align: start;
      align-items: flex-start
}
@media print {
  .paginator {
    display: none;
  }
  }
.paginator .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 0 15px;
    margin: 0 1rem;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .25);
    background: #fff;
    padding: 15px;
    padding: 1rem;
}
@media (min-width: 800px) {
  .paginator .title {
      margin: 0 3rem 3rem;
      padding: 1.5rem;
      font-size: 1.3rem;
  }
    }
.paginator .button {
    margin: 0;
    min-width: auto;
    font-size: 0;
}
.paginator .button:first-of-type::after {
      font-size: 15px;
      font-size: 1rem;
      content: "<";
}
.paginator .button:last-of-type::after {
      font-size: 15px;
      font-size: 1rem;
      content: ">";
}
@media (min-width: 800px) {
  .paginator .button {
      min-width: 150px;
      font-size: 1.2rem;
  }
  .paginator .button:first-of-type::after,
      .paginator .button:last-of-type::after {
        content: none;
  }
    }
.staff-interface {
}
.staff-interface ul {
    list-style: none;
}
.send-sms {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column
}
.send-sms label {
}
form.pps {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center
}
form.pps .button {
    font-size: 21px;
    font-size: 1.4rem;
    min-height: 60px;
    min-height: 4rem;
    min-width: 300px;
    min-width: 20rem;
}
form.pps h1 {
    font-size: 33px;
    font-size: 2.2rem;
}
form.pps table {
    border-spacing: 0;
    width: 100%;
}
form.pps th,
  form.pps td {
    border-top: 1px solid #ddd;
    padding-top: 15px;
    padding-top: 1rem;
    padding-bottom: 15px;
    padding-bottom: 1rem;
}
form.pps th {
    vertical-align: top;
    text-align: left;
    width: 180px;
    width: 12rem;
    height: 45px;
    height: 3rem;
    padding-right: 15px;
    padding-right: 1rem;
}
form.pps select,
  form.pps input[type="text"] {
    width: 100%;
    min-height: 30px;
    min-height: 2rem;
}
form.pps textarea {
    width: 100%;
    min-height: 300px;
    min-height: 20rem;
}
form.pps td div {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(18rem, 1fr))[auto-fill];
        grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
}
form.pps td div label {
      padding: 0.2em 0.5em;
      cursor: pointer;
}
form.pps td div label:hover {
        background: rgba(0, 0, 0, 0.06667);
}
form.pps td div input[type="checkbox"] {
      margin-right: 7.5px;
      margin-right: 0.5rem;
}
td.project-title a {
  font-weight: 600;
  text-decoration: none
}
td.project-title a:hover {
    color: #006fd3;
}
.project-languages,
.project-links {
  font-family: "Barlow";
  font-size: 0.8em;
  font-weight: 400;
  -ms-flex-pack: start;
      justify-content: start;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
  grid-auto-columns: minmax(min-content, 0.8em);
  gap: 0.1em 0.4em;
  grid-auto-flow: column;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  place-items: stretch
}
.project-languages .disabled,
  .project-languages .enabled,
  .project-links .disabled,
  .project-links .enabled {
    height: 1.2em;
    font-weight: 600;
    color: #ccc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-decoration: none;
}
.project-languages .enabled, .project-links .enabled {
    color: #02367b;
}
.project-languages .enabled:hover, .project-links .enabled:hover {
      color: #006fd3;
}
th svg {
  stroke-width: 3;
  vertical-align: middle;
}
td.date {
  font-size: 0.9em;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
td.number {
  font-size: 0.9em;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  text-align: right;
}
/*
 * Styling of the survey pages shown in preview and to survey
 * respondents.
 */
.survey {
  background: #2a7faa
}
.survey.survey-preview {
    background: none;
    margin: 30px;
    margin: 2rem;
}
@media print {
  .survey.survey-preview {
      margin: 0;
  }
  .survey.survey-preview .field {
        padding: 0.4em 0 0 0;
        margin: 0.4em 0 0 0;
        border-top: 1px solid #bbb;
  }
    }
.survey.survey-preview .survey-page {
      padding: 0;
      margin: 0;
      page-break-after: always;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen {
  .survey.survey-preview .survey-page {
        max-width: 850px;
        margin: 0 auto;
        padding: 0 1rem;
        min-height: 600px;
  }
  .survey.survey-preview .survey-page:not(:first-child) {
          padding-top: 3rem;
          margin-top: 1rem;
          border-top: 1px dashed #bbb;
  }
      }
@media print {
  .survey.survey-preview .survey-page {
        height: 265mm;
        padding: 15mm;
  }
      }
.survey.survey-preview .survey-page main {
        -ms-flex: 1;
            flex: 1;
}
.survey.survey-preview .survey-page footer {
        text-align: center;
        color: #555;
        font-size: smaller;
        text-transform: uppercase;
}
.survey .language-switch select {
    font-size: 18.75px;
    font-size: 1.25rem;
    background: #ddd;
    padding: 0.2em;
    min-width: 15em;
}
.survey .warning {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    box-sizing: border-box;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .25);
    background: #ffff91;
    padding: 7.5px 30px;
    padding: 0.5rem 2rem;
    width: 100%;
}
@media (min-width: 800px) {
  .survey .warning {
      position: absolute;
  }
    }
.survey .header-wrapper {
    border: 0;
}
.survey .survey-form,
  .survey .full-page {
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 2px;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .25);
    background: #fff;
    width: 100%;
    max-width: 1100px;
    min-height: 300px;
    padding: 30px;
    padding: 2rem;
}
@media (min-width: 640px), print {
  .survey .survey-form,
  .survey .full-page {
      margin-top: 6rem;
      margin-bottom: 6rem;
      padding: 3.5rem;
  }
    }
.survey .step {
    margin: 0 0 30px 0;
    margin: 0 0 2rem 0;
}
.survey .legends {
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-size: 0.8rem;
}
.survey .legends .spacer {
      -ms-flex: 80% 1 1;
          flex: 80% 1 1;
}
.survey .legends .legends-inner {
      display: none;
      -ms-flex-pack: end;
          justify-content: flex-end;
      -ms-flex: 1 1 675px;
          flex: 1 1 675px;
      -ms-flex: 1 1 45rem;
          flex: 1 1 45rem;
      text-align: center;
}
@media (min-width: 640px), print {
  .survey .legends .legends-inner {
        display: -ms-flexbox;
        display: flex;
  }
      }
.survey .legends span {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: flex-end;
      -ms-flex-pack: center;
          justify-content: center;
      width: 20%;
      padding-left: 7.5px;
      padding-left: 0.5rem;
      word-wrap: break-word;
}
.survey .question-group {
    margin-bottom: 30px;
    margin-bottom: 2rem;
}
.survey h1 {
    font-size: 27px;
    font-size: 1.8rem;
    text-transform: none;
    text-align: center;
}
.survey h2 {
    font-size: 18px;
    font-size: 1.2rem;
}
.survey dt,
  .survey dd {
    display: inline;
}
.survey dt {
    font-weight: bold;
}
.survey dt::after {
      content: ": ";
}
.survey dd {
    margin: 0;
}
.survey .field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 7.5px;
    margin-bottom: 0.5rem;
    border-radius: 2px;
    padding: 7.5px 0;
    padding: 0.5rem 0;
}
@media (min-width: 640px), print {
  .survey .field {
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
  }
  .survey .field:hover {
        background: #f2f2f2;
  }
    }
.survey .field .spacer {
      /* flex: 1 0 0.5rem; */
}
.survey .field ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end;
      -ms-flex-direction: column;
          flex-direction: column;
      margin: 7.5px 0;
      margin: 0.5rem 0;
      box-sizing: border-box;
      padding: 0;
      list-style: none;
      word-wrap: all;
}
@media (min-width: 640px), print {
  .survey .field ul {
        -ms-flex-direction: row;
            flex-direction: row;
        margin: 0;
        -ms-flex: 1 1 45rem;
            flex: 1 1 45rem;
        -ms-flex-align: center;
            align-items: center;
  }
  .survey .field ul label {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
  }
      }
.survey .field li {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      margin: 3.75px;
      margin: 0.25rem;
}
@media (min-width: 640px), print {
  .survey .field li {
        margin: 0;
        padding-left: 0.5rem;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
        max-width: 20%;
  }
      }
.survey .open-comment-question {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 30px;
    margin-bottom: 2rem;
}
.survey .open-comment-question.year-widget {
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
}
.survey .open-comment-question ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: end;
          justify-content: flex-end;
      -ms-flex-align: start;
          align-items: flex-start;
      margin: 7.5px 0;
      margin: 0.5rem 0;
      box-sizing: border-box;
      padding: 0;
      list-style: none;
      word-wrap: all;
      font-size: 90%;
}
@media (min-width: 640px), print {
  .survey .open-comment-question ul {
        smargin: 0;
  }
  .survey .open-comment-question ul label {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
  }
      }
.survey .open-comment-question li {
      max-width: none;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      margin: 1em 0 0 0;
}
@media (min-width: 640px), print {
  .survey .open-comment-question li {
        padding-left: 0.5rem;
  }
      }
.survey .open-comment-question label {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      -ms-flex-align: center;
          align-items: center;
}
.survey label {
    -ms-flex: 80% 1 1;
        flex: 80% 1 1;
}
.survey input[type="radio"],
  .survey input[type="checkbox"] {
    margin: 0.4em;
    min-height: 1em;
}
.survey input[type="number"] {
    width: 8em;
}
.survey .error {
    display: block;
    color: #cc3b3b;
}
@media (min-width: 640px), print {
  .survey {
}
  .survey .choice-label {
      display: none;
  }
  }
.survey .button-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    -ms-flex-pack: center;
        justify-content: center;
}
.survey .button-group .button {
      margin: 0 2px;
      background: #2a7faa;
}
.survey .culture-score-wrapper {
    text-align: right;
}
.survey .long-labels {
}
.survey .long-labels label {
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
}
.survey .long-labels ul {
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      -ms-flex-direction: column;
          flex-direction: column;
      margin: 7.5px 0;
      margin: 0.5rem 0;
}
.survey .long-labels ul label {
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-align: center;
            align-items: center;
}
.survey .long-labels li {
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      margin: 3.75px;
      margin: 0.25rem;
      max-width: none;
      max-width: initial;
}
.survey .long-labels .legends-inner {
      display: none;
}
.survey .long-labels .field {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: flex-start;
}
.survey .long-labels .choice-label {
      display: inline;
      margin-left: 3.75px;
      margin-left: 0.25rem;
}
.tooltip {
    position: absolute;
    left: 50%;
    transform: translate(-50%, calc(-100% - 5px));
    transition: opacity 0.1s 0.1s;
    opacity: 0;
    z-index: 1;
    border-radius: 2px;
    background: rgba(0, 0, 0, .9);
    padding: 12px;
    width: 200px;
    color: #fff;
    pointer-events: none
}
.tooltip.d3-tip {
        transform: translateY(-5px);
}
.tooltip.dimension {
        transform: translateY(-30px);
}
.tooltip h1 {
        margin: 0;
        text-transform: none;
        color: #fff;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        font-size: 1rem;
}
*:hover > .tooltip {
    opacity: 1;
}
@media (max-width: 500px) {
  table.candidates td {
      width: auto !important;
  }
  table.candidates {
    float: none
  }
  table.candidates tr {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      border-top: 1px solid #ddd;
      padding-top: 1em;
      margin-top: 1em;
      -ms-flex-align: center;
          align-items: center;
  }
}
article.course {
  display: flow-root;
  position: relative;
}
.sidebar {
}
.sidebar ul.pages {
    line-height: 1;
    font-size: 15px;
    font-size: 1rem;
    margin: 5px 0;
    padding: 10px 0 0 15px;
    border-top: 1px solid #ccc;
}
.sidebar ul.pages.level-0 {
      border: none;
      margin: 0;
      padding: 0;
}
.sidebar ul.pages li.page {
      padding-bottom: 10px;
}
.sidebar ul.pages li.page .current {
        font-weight: 600;
}
.course {
  display: flow-root;
  position: relative
}
.course p {
    margin-top: 0.5em;
}
.course p a {
      font-weight: 600;
      text-decoration: underline;
}
.course p a:hover {
        color: #006fd3;
}
.course h1 {
}
@media (min-width: 800px) {
  .course h1 {
      font-size: 2.2rem;
  }
    }
.course h2 {
    font-size: 22.5px;
    font-size: 1.5rem;
}
.course h3 {
    font-size: 18px;
    font-size: 1.2rem;
    color: #555;
    font-weight: 600;
    margin-bottom: 0;
}
.course h2,
  .course h3 {
}
.course h2 a.header-link, .course h3 a.header-link {
      text-decoration: none;
      display: inline-block;
      min-width: 1.5em;
      transition: opacity 100ms ease-in-out;
      font-size: 80%;
      color: #02367b;
      opacity: 0;
}
.course h2:hover a.header-link, .course h3:hover a.header-link {
      opacity: 0.4;
}
.course h2:hover a.header-link:hover, .course h3:hover a.header-link:hover {
        opacity: 1;
}
.course .category {
    margin-top: 45px;
    margin-top: 3rem;
}
.course .theme {
    margin: 0 15px;
    margin: 0 1rem;
    padding-left: 15px;
    padding-left: 1rem;
    border-left: 7.5px solid #ddd;
    border-left: 0.5rem solid #ddd;
    margin-top: 30px;
    margin-top: 2rem;
}
.course .theme p {
      margin-top: 3px;
      margin-top: 0.2rem;
}
.course img {
    max-width: 100%;
    padding: 1em 0;
}
.course img.right,
    .course img.left {
      width: 60%;
      padding: 1em;
}
.course img.left {
      float: left;
      padding-left: 0;
}
.course img.right {
      float: right;
      padding-right: 0;
}
.course img.small {
      width: 40%;
}
.course footer {
    clear: both;
    margin-top: 15px;
    margin-top: 1rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr auto;
        grid-template-columns: auto 1fr auto;
}
.course footer .nextPage,
    .course footer .prevPage {
      -ms-grid-column: 1;
          grid-column-start: 1;
}
.course footer .nextPage {
      -ms-grid-column: 3;
          grid-column-start: 3;
}
.admin-link {
  position: absolute;
  right: 30px;
  right: 2rem;
  height: 19.5px;
  height: 1.3rem;
  width: 19.5px;
  width: 1.3rem;
  opacity: 0.4;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23417690' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' class='feather feather-edit'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E%0A")
}
.admin-link:hover {
    opacity: 1;
}
@page {
  size: A4 landscape;
  margin: 0;
}
html {
  font-size: 15px;
}
table.dataTable {
}
table.dataTable thead th,
  table.dataTable tbody td {
  padding: 0.2em 0.8em;
}
table.dataTable thead {
}
table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc {
  padding-right: 1.2em;
}
table.dataTable.projects-table tr {
  line-height: 1.2em;
  height: 45px;
  height: 3rem;
}
body {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-size: 1rem
}
@media screen {
  body {
    background: #fafafa;
    min-height: 100vh;
  }
  }
body > .content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media print {
  html {
    background: #fff;
    -webkit-print-color-adjust: exact;
  }
}
.header-wrapper {
  border-bottom: 4px solid #006fd3;
  background: #02367b
}
@media print {
  .header-wrapper {
    display: none;
  }
  }
.header-wrapper > header {
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 9px 16.5px;
  padding: 0.6rem 1.1rem;
  min-height: 75px;
  min-height: 5rem;
  max-width: 1250px;
  color: #fff;
}
.header-wrapper > header .header-logo {
  display: -ms-flexbox;
  display: flex;
}
.header-wrapper > header .header-logo img {
  height: 37.5px;
  height: 2.5rem;
  transition: 0.25s;
  opacity: 0.9;
}
.header-wrapper > header .header-logo img:hover {
  opacity: 1;
}
.header-wrapper > header p {
  margin: 7.5px 22.5px;
  margin: 0.5rem 1.5rem;
  text-align: right;
}
.header-wrapper > header .language-info,
    .header-wrapper > header .login-info,
    .header-wrapper > header .project-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 37.5px;
  min-height: 2.5rem;
  padding-right: 30px;
  padding-right: 2rem;
  gap: 6px;
  gap: 0.4rem;
}
.header-wrapper > header .language-info .title, .header-wrapper > header .login-info .title, .header-wrapper > header .project-info .title {
  max-width: 30em;
}
.header-wrapper > header .language-info nav, .header-wrapper > header .login-info nav, .header-wrapper > header .project-info nav {
  display: -ms-flexbox;
  display: flex;
}
.header-wrapper > header .language-info {
  -ms-flex-align: center;
      align-items: center;
}
.header-wrapper > header .language-info button {
  border: none;
  font-size: inherit;
  background: none;
  color: inherit;
}
.header-wrapper > header .language-info,
    .header-wrapper > header .project-info {
}
@media (max-width: 801px) {
  .header-wrapper > header .language-info,
    .header-wrapper > header .project-info {
    display: none;
  }
}
.header-wrapper > header .login-info {
  -ms-flex-align: end;
      align-items: end;
}
.header-wrapper > header .project-info {
  margin-right: auto;
}
.header-wrapper > header .main-menu-button {
  display: -ms-flexbox;
  display: flex;
  place-items: center;
  -ms-flex-order: 1;
      order: 1;
  border: 1px solid #ccc;
  background: none;
  font-size: 21px;
  font-size: 1.4rem;
  width: 35px;
  height: 35px;
  color: #fff;
  margin-right: auto;
  cursor: pointer;
}
.header-wrapper > header .main-menu-button:hover {
  background: rgba(255, 255, 255, 0.13333);
}
@media (min-width: 800px) {
  .header-wrapper > header .main-menu-button {
    display: none;
  }
}
.header-wrapper > header .link,
    .header-wrapper > header a {
  color: #fff;
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.03em;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}
.header-wrapper > header .link:hover, .header-wrapper > header a:hover {
  text-decoration: underline;
}
.header-wrapper > header .link.current, .header-wrapper > header a.current {
  cursor: unset;
  font-weight: 500;
}
.header-wrapper > header .link.current:hover, .header-wrapper > header a.current:hover {
  text-decoration: none;
}
.header-wrapper > header .link:not(:first-of-type), .header-wrapper > header a:not(:first-of-type) {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  padding-left: 0.4em;
  margin-left: 0.4em;
}
article {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  box-sizing: border-box;
  max-width: 100%;
  background: #fff
}
article.staff {
  padding: 15px 30px;
  padding: 1rem 2rem;
}
article.staff h1 {
  font-size: 30px;
  font-size: 2rem;
}
@media screen {
  article {
    margin: 1rem;
    padding: 1rem;
  }
  }
article > .front-page {/* this is visible in print only */
  position: relative;
  color: #fff;
  height: 210mm;
  width: 297mm;
  overflow: hidden;
  background: radial-gradient(
        circle at top right,
        rgba(27, 88, 123, 1) 0%,
        rgba(27, 88, 123, 0) 40%
      ),
      linear-gradient(
        77deg,
        #134262 0%,
        #0d2f4a 18%,
        #144667 18.5%,
        #144667 100%
      );
}
article > .front-page img {
  position: absolute;
  width: 45mm;
  left: 5mm;
  bottom: 0mm;
}
article > .front-page .summary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: absolute;
  left: 60mm;
  top: 100mm;
  max-width: 220mm;
}
article > .front-page h1,
    article > .front-page h2,
    article > .front-page h3,
    article > .front-page h4 {
  color: #fff;
}
article > .front-page h1 {
  font-size: 27px;
  margin: 0 0 7.5px;
  margin: 0 0 0.5rem;
}
article > .front-page h2 {
  font-size: 27px;
  margin: 0 0 45px;
  margin: 0 0 3rem;
}
article > .front-page h3 {
  font-size: 24px;
  font-size: 1.6rem;
  margin-bottom: 7.5px;
  margin-bottom: 0.5rem;
}
article > .front-page h4 {
  font-size: 18.75px;
  font-size: 1.25rem;
  margin: 0;
}
select {
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #fff;
}
h1,
h2,
h3,
h4 {
  word-wrap: break-word;
  font-family: "Barlow", sans-serif;
  color: #282828;
}
h1 {
  text-transform: uppercase;
  font-size: 24px;
  font-size: 1.6rem;
}
h1,
h2 {
  font-weight: 600;
}
h3,
h4 {
  font-weight: 300;
}
h4 {
  font-family: "Barlow Condensed", sans-serif;
}
a {
  text-decoration: none;
  color: #02367b
}
a:hover {
  text-decoration: underline;
}
.button {
  display: inline-block;
  margin: 6px 0 4px;
  box-sizing: border-box;
  border: 0;
  border-radius: 2px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .25);
  background: #006fd3;
  cursor: pointer;
  padding: 7.5px 22.5px;
  padding: 0.5rem 1.5rem;
  text-align: center;
  text-transform: lowercase;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 18px;
  font-size: 1.2rem
}
@media (min-width: 800px) {
  .button {
    min-width: 150px;
  }
  }
.button:hover {
  opacity: 0.9;
  text-decoration: none;
}
.button[disabled] {
  opacity: 0.5;
}
.actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end
}
.actions > *:not(:last-child) {
  margin-right: 7.5px;
  margin-right: 0.5rem;
}
.edit {
}
.edit > form {
  display: -ms-flexbox;
  display: flex;
}
.edit > form input {
  width: 100%;
}
.edit > form p {
  margin: 0;
}
.edit > form p:nth-of-type(1) {
  -ms-flex: 2 1 auto;
      flex: 2 1 auto;
  margin-right: 7.5px;
  margin-right: 0.5rem;
}
@media (min-width: 800px) {
  .edit > form p:nth-of-type(1) {
    margin-right: 20%;
  }
}
.edit > form p:nth-of-type(2) {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.edit .actions {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 26.25px 0 30px;
  margin: 1.75rem 0 2rem;
}
@media (min-width: 800px) {
  .edit .actions {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.edit .actions > * {
  width: 25%;
}
.edit .actions form > button {
  width: 100%;
}
.print-only {
  display: none
}
@media print {
  .print-only {
    display: block;
  }
  }
input,
textarea {
  margin: 6px 0 4px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .03) inset;
  padding: 8px 10px;
  font-family: "Open Sans", sans-serif
}
input:focus, textarea:focus {
  border-color: #006fd3;
}
input.small, textarea.small {
  padding: 6px 8px;
}
.dataTables_wrapper input, .dataTables_wrapper textarea {
  padding: 6px 8px;
}
.auth {
  height: 100vh;
  background: linear-gradient(
    143deg,
    #02367b,
    #006fd3 1800px
  );
  color: #fff
}
@media (min-width: 800px) {
  .auth {
    background: url("../logo-huge.7c55924fc01c.svg"), linear-gradient(
    143deg,
    #02367b,
    #006fd3 1800px
  );
    background-repeat: no-repeat;
    background-position: left 0 top -100px,
      0;
    background-size: 50%, 100%;
  }
  }
.auth .header-wrapper {
  border: 0;
  background: none;
}
.auth .header-wrapper header {
  -ms-flex-direction: row;
      flex-direction: row;
}
.auth .header-wrapper header h1 {
  margin-left: 15px;
  margin-left: 1rem;
  font-size: 27px;
  font-size: 1.8rem;
}
.auth .header-wrapper header img {
  height: 55px;
}
.auth .header-wrapper header a {
  font-family: "Barlow", sans-serif;
}
.auth .header-wrapper header a:hover {
  text-decoration: none;
}
.auth .content-wrapper {
  -ms-flex-pack: center;
      justify-content: center;
}
.auth .full-page {
  margin: 0 0 75px 0;
  margin: 0 0 5rem 0;
}
.auth h1,
  .auth a {
  color: #fff;
}
.full-page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 30px;
  margin-top: 2rem
}
.full-page h1 {
  margin-bottom: 0;
}
.full-page form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 300px;
}
.full-page form a {
  float: right;
  font-size: 12px;
  font-size: 0.8rem;
  margin-top: 3.75px;
  margin-top: 0.25rem;
}
.full-page input {
  width: 100%;
}
.full-page .button {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.full-page .error,
  .full-page .errorlist {
  background: #cc3b3b;
  color: #fff;
  padding: 5px 10px;
  border-radius: 2px;
  line-height: 23px;
}
.split-page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  margin: 0 auto;
  width: 100%;
  max-width: 1250px
}
@media print {
  .split-page {
    max-width: none;
  }
  }
.split-page .article-wrapper {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  box-sizing: border-box;
  max-width: 100%;
}
@media screen {
  .split-page .article-wrapper {
    padding: 1rem;
  }
}
.split-page .article-wrapper > article {
  margin: 0;
}
.split-page > article,
  .split-page .article-wrapper > article {
}
@media screen {
  .split-page > article,
  .split-page .article-wrapper > article {
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .25);
  }
}
.main-menu {
  position: fixed;
  top: 0;
  -ms-flex: 0 0 12px;
      flex: 0 0 12px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: translateX(-100%);
  transition:
    background 0.5s,
    transform 0.5s step-end;
  z-index: 1
}
@media (min-width: 800px) {
  .main-menu {
    position: sticky;
    top: 0;
    height: auto;
    margin: 1rem 0 0 1rem;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .25);
    transform: none;
    transition: none;
  }
  }
@media print {
  .main-menu {
    display: none;
  }
  }
.main-menu.active {
  background: rgba(0, 0, 0, 0.25);
  transform: none;
  transition: background 0.5s,
      transform 0.5s step-start;
}
.main-menu .active {
  font-weight: bold;
}
.main-menu.expanded {
  -ms-flex-preferred-size: 280px;
      flex-basis: 280px;
}
.main-menu input {
  margin: 7.5px 0;
  margin: 0.5rem 0;
}
.sidebar {
  position: relative;
  width: 280px;
  height: 100%;
  background: #fff;
  transform: translateX(-100%);
  transition: transform 0.25s
}
@media (min-width: 800px) {
  .sidebar {
    width: 100%;
    height: auto;
    transform: none;
    transition: none;
  }
  }
.main-menu.active .sidebar {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  transform: none;
}
.sidebar > .main-menu-expand-button {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 100%;
  background: #f4f4f4;
  cursor: pointer;
}
@media (min-width: 800px) {
  .sidebar > .main-menu-expand-button {
    display: block;
  }
}
.sidebar > .main-menu-expand-button:hover {
  background: #eee;
}
.sidebar > .main-menu-close-button {
  float: right;
  background: none;
  padding: 18.75px;
  padding: 1.25rem;
  border: 0;
  font-size: 27px;
  font-size: 1.8rem;
}
@media (min-width: 800px) {
  .sidebar > .main-menu-close-button {
    display: none;
  }
}
.sidebar section {
  padding: 24px;
  padding: 1.6rem;
  border-bottom: 1px solid #ccc;
}
.sidebar section:last-child {
  border-bottom: 0;
}
.sidebar section.supplementary {
  background-color: #fafafa;
}
.sidebar section.supplementary a[target="_blank"]::before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 2px 0 2px;
}
.sidebar p,
  .sidebar fieldset {
  margin: 0 0 15px 0;
  margin: 0 0 1rem 0;
}
.sidebar > section > *:last-child {
  margin-bottom: 0;
}
.sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar li {
  padding-bottom: 15px;
  padding-bottom: 1rem;
}
.sidebar li:last-child {
  padding-bottom: 0;
}
.sidebar fieldset {
  padding: 0;
  border: 0;
}
.sidebar legend {
  padding: 0;
  font-weight: bold;
}
.sidebar select {
  width: 100%;
  height: 22.5px;
  height: 1.5rem;
  margin: 7.5px 0 0 0;
  margin: 0.5rem 0 0 0;
}
.sidebar .departments li {
  padding: 3.75px 0;
  padding: 0.25rem 0;
}
.sidebar .disabled {
  cursor: default;
  color: #777;
}
.flat-list {
}
.flat-list .hidden {
  display: none;
}
.flat-list [disabled] {
  color: #777;
}
.flat-list li {
  padding-bottom: 7.5px;
  padding-bottom: 0.5rem;
}
.collapsibleList {
}
.collapsibleList li {
  padding: 0;
  cursor: auto;
  padding-left: 20px;
  list-style-type: none;
}
.collapsibleList li:before {
  border-radius: 3px;
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  margin-left: -25px;
  background: transparent url("../icons/button.ab73270e4ba9.png") scroll 7px 6px
        no-repeat;
}
.collapsibleList li .report-link {
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 90%;
  cursor: default;
  color: #777;
}
.collapsibleList li .report-link:not([disabled]) {
  color: #02367b;
  cursor: pointer;
}
.collapsibleList li .report-link:not([disabled]):hover {
  text-decoration: underline;
}
.collapsibleList li li {
  padding-left: 11px;
}
.collapsibleList .collapsibleListOpen {
  cursor: pointer;
}
.collapsibleList .collapsibleListOpen:before {
  background-image: url("../icons/button-open.966b9f2820ce.png");
}
.collapsibleList .collapsibleListClosed {
  cursor: pointer;
}
.collapsibleList .collapsibleListClosed:before {
  background-image: url("../icons/button-closed.7b3bfbba4814.png");
}
.department-search:invalid ~ .flat-list {
  display: none;
}
.department-search:valid ~ .foldable-list {
  display: none;
}
.messages {
  padding: 0;
  list-style: none;
  font-size: 12px;
  font-size: 0.8rem;
}
.message {
  padding: 5px 10px;
  border-radius: 2px;
  line-height: 23px
}
.message.success {
  background: #dff0d8;
}
.message.error {
  background: #cc3b3b;
  color: #fff;
}
.action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  border: 0;
  border-radius: 2px;
  background: #e7e7e7;
  padding: 0;
  cursor: pointer
}
.action:hover {
  background-color: #efefef;
}
.creator {
  padding: 15px 30px;
  padding: 1rem 2rem

  /*
     * Hide the initial `textarea` element and give it a fake height
     * to make the CKEditor loading look nicer.
     */
}
.creator.departments {
}
.creator.departments ul {
  padding-left: 0;
}
.creator.departments li li {
  padding-left: 15px;
  padding-left: 1rem;
}
.creator.departments > form {
  margin-bottom: 30px;
  margin-bottom: 2rem;
}
.creator.departments .department-entry {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 3px 0;
}
.creator.departments .action {
  margin-left: 7.5px;
  margin-left: 0.5rem;
}
.creator.respondents {
}
.creator.respondents > .button {
  margin: 22.5px 0;
  margin: 1.5rem 0;
}
.creator.respondents > table {
  display: none;
}
.creator.respondents .status {
  display: block;
  position: relative;
  margin: 0 auto;
  border: 1px solid #ccc;
  border-radius: 50%;
  background: #fff;
  width: 22.5px;
  width: 1.5rem;
  height: 22.5px;
  height: 1.5rem;
}
.creator form p label {
  display: block;
}
.creator .survey-editor {
  width: 100%;
  margin-top: 22.5px;
  margin-top: 1.5rem;
  counter-reset: page;
}
.creator .survey-editor a {
  color: #000;
  text-decoration: none;
}
.creator .survey-editor .survey-page,
    .creator .survey-editor .survey-page-static {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 7.5px 0;
  margin: 0.5rem 0;
  padding-top: 7.5px;
  padding-top: 0.5rem;
  border-radius: 2px;
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .25);
  background: #f6f6f6;
  cursor: pointer;
  min-height: 50px;
}
.creator .survey-editor .survey-page .help-text, .creator .survey-editor .survey-page-static .help-text {
  font-style: italic;
}
.creator .survey-editor .survey-page::before, .creator .survey-editor .survey-page-static::before {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-right: 18.75px;
  margin-right: 1.25rem;
  border: 1px solid #e4e4e4;
  border-radius: 50%;
  background: #fff;
  width: 26.25px;
  width: 1.75rem;
  height: 26.25px;
  height: 1.75rem;
  counter-increment: page;
  content: counter(page);
}
.creator .survey-editor .draggable-source::after {
  display: block;
  margin: 11.25px auto;
  margin: 0.75rem auto;
  box-sizing: border-box;
  border-right: 4px dotted #282828;
  width: 4px;
  height: 22px;
  content: "";
}
.creator .survey-editor .survey-page-static {
  background: repeating-linear-gradient(
        45deg,
        #f6f6f6,
        #f6f6f6 10px,
        #fff 10px,
        #fff 20px
      );
}
.creator .survey-editor .group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 11.25px 18.75px 0;
  margin: 0.75rem 1.25rem 0;
  box-sizing: border-box;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  background: #fff;
  padding: 11.25px;
  padding: 0.75rem;
}
.creator .survey-editor .group span {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  text-align: center;
}
.creator .survey-editor .group:first-child {
  margin-top: 7.5px;
  margin-top: 0.5rem;
}
.creator .survey-editor .group:last-child {
  margin-bottom: 11.25px;
  margin-bottom: 0.75rem;
}
.creator .django-ckeditor-widget > textarea {
  visibility: hidden;
  height: 361px;
}
.followup {
  max-width: 760px
}
.followup img {
  display: block;
  margin: 0 auto;
}
.survey-template {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 15px;
  margin-bottom: 1rem;
  border-radius: 2px;
  padding: 22.5px;
  padding: 1.5rem;
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .25)
}
@media (min-width: 640px) {
  .survey-template {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  }
.survey-template h2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 120px;
      flex: 0 0 120px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 22.5px 0 0;
  margin: 0 1.5rem 0 0;
  border: 3px solid #02367b;
  border-radius: 8px;
  width: 120px;
  height: 120px;
  color: #02367b;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 46px;
  font-weight: 500;
}
.survey-template .highlight {
  color: #006fd3;
}
.survey-template > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media (min-width: 640px) {
  .survey-template {
}
  .survey-template p {
    margin-top: 0;
  }
  }
.survey-template button {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.translation {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%
}
.translation form {
  max-width: none;
}
.translation table {
  width: 100%;
  margin-bottom: 30px;
  margin-bottom: 2rem;
}
.translation td:nth-child(2) {
  vertical-align: top;
}
.translation th {
  width: 50%;
}
.translation textarea {
  width: 100%;
}
@media print {
  .chart {
  }
  .chart:not(:last-child) {
    page-break-after: always;
  }
  .chart > svg {
    max-width: calc(100% - 20mm);
    margin: 0 10mm;
  }
}
.chart {
  background: #fff;
  /*
     * For preventing chart content from overflowing in IE11. Can
     * probably be removed once IE11 is dead for good.
     */
  overflow: hidden
}
@media print {
  .chart {/* A4 size */
    max-width: 297mm;
  }
  }
.chart .hidden {/* `!important` because it's overridden by responsivefy.js. */
  display: none !important;
}
@media print {
  .chart .hidden {
    display: block !important;
  }
}
.chart text,
  .chart .low-agreement {
  fill: #000;
  font-size: 9px;
  font-size: 0.6rem;
}
.chart .legend {
  font-size: 9.9px;
  font-size: 0.66rem;
}
.chart .benchmark-line {
  fill: #aaa;
  stroke: #000;
  stroke-width: 0.75;
}
.chart .title {
  display: none;
}
@media print {
  .chart .title {
    display: block;
    font-size: 1.3rem;
    fill: #282828;
  }
}
.chart .category .domain {
  stroke: #333;
}
.chart .normative-zone {
  stroke-width: 0.5;
  stroke-opacity: 0.5;
  fill-opacity: 0.2;
}
.chart .ball,
  .chart .line {
  stroke: #000;
  stroke-width: 2;
}
.chart .bar {
  cursor: pointer;
}
.chart .bar text {
  fill: #eee;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.chart .bar.highlighted {
}
.chart .bar.highlighted rect {
  fill: #d2820b !important;
}
.chart .bar.highlighted polygon {
  fill: rgb(160, 99, 8) !important;
}
.chart .bar.highlighted text {
  font-weight: bold;
}
.chart .bar .low-agreement {
  fill: #eee;
}
.chart.agreement .line {
  fill: none;
}
.chart.culture {
  position: relative;
}
.chart.culture .grid {
  stroke: #000;
  opacity: 0.1;
}
.chart.culture .axis {
  stroke: #02367b;
  opacity: 0.7;
}
.chart.culture .tick {
  fill: #02367b;
}
.chart.culture .axis-label {
  font-size: 12px;
  font-size: 0.8rem;
}
.chart.culture .present-score {
  fill: rgba(0, 111, 211, 0.15);
  stroke: #006fd3;
}
.chart.culture .future-score {
  fill: none;
  stroke: #02367b;
  stroke-width: 1.5;
  stroke-dasharray: 2, 2;
}
.chart.culture .label {
  font-size: 10px;
}
.chart.pie {
}
.chart.pie .inner-label {
  font-size: 12px;
  font-size: 0.8rem;
  fill: #eee;
}
.chart.indexes {
}
.chart.indexes .domain {
  display: none;
}
.chart.indexes .axis-label {
  font-size: 7.5px;
  font-size: 0.5rem;
}
.chart.time-series {
  margin-bottom: 30px;
  margin-bottom: 2rem;
}
.chart.time-series .overlay {
  fill: none;
  pointer-events: all;
}
.chart.time-series .plot-line {
  stroke: #4682b4;
  stroke-width: 1.5;
  fill: none;
}
.chart.time-series .tick-lines .tick line {
  stroke: #bbb;
  stroke-width: 0.3;
}
.chart.time-series .focus circle {
  stroke: #4682b4;
  fill: #4682b4;
}
.chart.time-series .focus line {
  stroke: #000;
  opacity: 0.2;
}
.chart .tick-lines {
}
.chart .tick-lines .domain {
  display: none;
}
.chart .tick-lines .tick {
}
.chart .tick-lines .tick:nth-of-type(2n) {
}
.chart .tick-lines .tick:nth-of-type(2n) text {
  display: none;
}
.chart .tick-lines .tick:nth-of-type(2n) line {
  stroke: #999;
}
.chart .tick-lines .tick line {
  stroke: #666;
  stroke-width: 0.25;
}
.chart .category-label,
  .chart .axis-label {
  cursor: pointer;
}
.chart table {
  position: absolute;
  top: 50%;
  left: 35px;
  width: 42%;
  border-collapse: collapse;
  font-size: 12px;
  font-size: 0.8rem;
}
.chart thead {
  border-bottom: 1px solid #02367b;
}
.chart td {
  padding: 7.5px 0;
  padding: 0.5rem 0;
  text-align: center;
}
.chart td:first-of-type {
  width: 33%;
  text-align: left;
}
.chart th {
  padding-bottom: 3.75px;
  padding-bottom: 0.25rem;
}
@media (prefers-color-scheme: dark) {
  /* fixes for ck editor in dark mode */
  .cke_reset_all tr {
    background: unset;
  }
  .cke_reset textarea {
    color: #000;
    color: initial;
  }
}