@charset "UTF-8";
@import url(prerequisites/bootstrap.min.css);
@import url(prerequisites/LMsans/lmsansserif.css);
@import 'optionals.css' screen;

@font-face {
  font-family: "Roboto";
  src: url(prerequisites/Roboto/Roboto-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url(prerequisites/Roboto/Roboto-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url(prerequisites/Roboto/Roboto-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url(prerequisites/Roboto/Roboto-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url(prerequisites/Roboto/Roboto-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url(prerequisites/Roboto/Roboto-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url(prerequisites/Roboto/Roboto-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url(prerequisites/Roboto/Roboto-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url(prerequisites/Roboto/Roboto-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Material Icons";
  src: url(prerequisites/material-icons/MaterialIcons-Regular.ttf);
  font-style: normal;
  font-weight: 400;
}

span.material-icons,
i.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

img.material-icons {
  width: 24px;
  padding: 0;
}

@media screen and (min-width: 1600px) {
  .container {
    max-width: 1570px;
  }
}

@media screen {

  .dialog-stack .dialog h4:first-of-type,
  .dialog-stack .dialog .h4:first-of-type,
  .dialog-stack .dialog header,
  .dialog-stack .dialog .toolbar:first-of-type,
  .map-panel .toolbar.bottom .button-group .button-tile .material-icons,
  .map-panel .toolbar.bottom .button-group,
  .map-panel .toolbar.top-down .button-group,
  .map-panel .toolbar.top-down,
  .modal .modal-dialog,
  body .side-panel.help>.button-icon:first-of-type i.material-icons,
  body .side-panel.help>.button-icon:first-of-type span.material-icons,
  .page-navigation-compact .container .navbar-search .form-input-text,
  .page-navigation-compact .container-fluid .navbar-search .form-input-text,
  .page-navigation .navbar-support .toolbar,
  .page-navigation .navbar-search .form-input-text,
  .page-navigation .navbar-logo .navbar-brand,
  .image-panel h4,
  .image-panel .h4,
  .image-panel header,
  .list-group .list-item .content p .description .material-icons,
  .list-group .list-item .content p,
  .list-group .list-item,
  .list-group,
  .step-visualization li,
  .step-visualization,
  table.table-grid td mark,
  table.table-grid td,
  table.table-grid th,
  .pagination-list li,
  .pagination-list,
  .form-autocomplete li,
  .form-autocomplete,
  .popover .popover-body,
  .popover .popover-header,
  .popover h3,
  .popover header.list-group-heading,
  .popover .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .popover h3,
  .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .popover .h3,
  .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .popover header,
  .popover .layout-group-sub .h3,
  .layout-group-sub .popover .h3,
  .popover .layout-group-sub header,
  .layout-group-sub .popover header,
  .popover,
  .validation,
  label.label,
  p.label,
  fieldset.form-fieldset legend,
  fieldset.form-fieldset,
  .circle-animation .btn-cancel .material-icons,
  .circle-animation .btn-generic .material-icons {
    margin: 0;
    padding: 0;
  }
}

@media screen {
  html {
    box-sizing: border-box;
    margin: 0 !important;
  }
}

@media screen {
  .fit-content {
    width: fit-content !important;
  }
}

@media screen {
  .flex-line {
    display: flex;
  }

  .flex-line .flex-group {
    display: flex;
    flex-grow: 1;
  }

  .flex-line .form-group {
    flex-grow: 1;
    margin-right: 5px !important;
  }

  .flex-line .double-width {
    display: flex;
    flex-wrap: nowrap;
    width: 200%;
    margin-right: 0 !important;
  }

  .flex-line .single-width {
    width: 100%;
  }

  .flex-line .full-width {
    width: 100%;
  }

  .flex-line.line-wrap {
    flex-wrap: wrap;
  }

  .flex-line.bottom-aligned {
    align-items: flex-end;
  }

  .flex-line .button-sub {
    height: 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 996.6px) {
  .flex-line.block-sm {
    display: inline-block;
    width: 100%;
    height: auto;
    min-height: 30px;
  }
}

@media screen and (max-width: 767.6px) {
  .flex-line.block-xs {
    display: inline-block;
    width: 100%;
    height: auto;
    min-height: 30px;
  }
}

@media screen {
  .flex-line.fit-content {
    height: auto;
  }
}

@media screen {

  *.disabled,
  *:disabled {
    filter: grayscale(100%);
    opacity: 0.5;
    filter: alpha(opacity=50);
    pointer-events: none !important;
  }
}

@media screen {
  .unordered-list {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
  }

  .unordered-list li {
    position: relative;
    display: block;
    padding: 0 0 5px 12px;
    line-height: 1.4;
  }

  .unordered-list li::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    color: #666666;
    content: "circle";
    font-size: 7px !important;
    position: absolute;
    top: 8px !important;
    left: 0;
    overflow: hidden;
  }
}

@media screen {
  .flex-row {
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 768px) {
  .flex-row-sm {
    display: flex;
  }

  .flex-row-sm .col-xs-1 {
    align-items: stretch;
  }

  .flex-row-sm .col-sm-1 {
    align-items: stretch;
  }

  .flex-row-sm .col-md-1 {
    align-items: stretch;
  }

  .flex-row-sm .col-lg-1 {
    align-items: stretch;
  }

  .flex-row-sm .col-xl-1 {
    align-items: stretch;
  }

  .flex-row-sm .col-xs-2 {
    align-items: stretch;
  }

  .flex-row-sm .col-sm-2 {
    align-items: stretch;
  }

  .flex-row-sm .col-md-2 {
    align-items: stretch;
  }

  .flex-row-sm .col-lg-2 {
    align-items: stretch;
  }

  .flex-row-sm .col-xl-2 {
    align-items: stretch;
  }

  .flex-row-sm .col-xs-3 {
    align-items: stretch;
  }

  .flex-row-sm .col-sm-3 {
    align-items: stretch;
  }

  .flex-row-sm .col-md-3 {
    align-items: stretch;
  }

  .flex-row-sm .col-lg-3 {
    align-items: stretch;
  }

  .flex-row-sm .col-xl-3 {
    align-items: stretch;
  }

  .flex-row-sm .col-xs-4 {
    align-items: stretch;
  }

  .flex-row-sm .col-sm-4 {
    align-items: stretch;
  }

  .flex-row-sm .col-md-4 {
    align-items: stretch;
  }

  .flex-row-sm .col-lg-4 {
    align-items: stretch;
  }

  .flex-row-sm .col-xl-4 {
    align-items: stretch;
  }

  .flex-row-sm .col-xs-5 {
    align-items: stretch;
  }

  .flex-row-sm .col-sm-5 {
    align-items: stretch;
  }

  .flex-row-sm .col-md-5 {
    align-items: stretch;
  }

  .flex-row-sm .col-lg-5 {
    align-items: stretch;
  }

  .flex-row-sm .col-xl-5 {
    align-items: stretch;
  }

  .flex-row-sm .col-xs-6 {
    align-items: stretch;
  }

  .flex-row-sm .col-sm-6 {
    align-items: stretch;
  }

  .flex-row-sm .col-md-6 {
    align-items: stretch;
  }

  .flex-row-sm .col-lg-6 {
    align-items: stretch;
  }

  .flex-row-sm .col-xl-6 {
    align-items: stretch;
  }

  .flex-row-sm .col-xs-7 {
    align-items: stretch;
  }

  .flex-row-sm .col-sm-7 {
    align-items: stretch;
  }

  .flex-row-sm .col-md-7 {
    align-items: stretch;
  }

  .flex-row-sm .col-lg-7 {
    align-items: stretch;
  }

  .flex-row-sm .col-xl-7 {
    align-items: stretch;
  }

  .flex-row-sm .col-xs-8 {
    align-items: stretch;
  }

  .flex-row-sm .col-sm-8 {
    align-items: stretch;
  }

  .flex-row-sm .col-md-8 {
    align-items: stretch;
  }

  .flex-row-sm .col-lg-8 {
    align-items: stretch;
  }

  .flex-row-sm .col-xl-8 {
    align-items: stretch;
  }

  .flex-row-sm .col-xs-9 {
    align-items: stretch;
  }

  .flex-row-sm .col-sm-9 {
    align-items: stretch;
  }

  .flex-row-sm .col-md-9 {
    align-items: stretch;
  }

  .flex-row-sm .col-lg-9 {
    align-items: stretch;
  }

  .flex-row-sm .col-xl-9 {
    align-items: stretch;
  }

  .flex-row-sm .col-xs-10 {
    align-items: stretch;
  }

  .flex-row-sm .col-sm-10 {
    align-items: stretch;
  }

  .flex-row-sm .col-md-10 {
    align-items: stretch;
  }

  .flex-row-sm .col-lg-10 {
    align-items: stretch;
  }

  .flex-row-sm .col-xl-10 {
    align-items: stretch;
  }

  .flex-row-sm .col-xs-11 {
    align-items: stretch;
  }

  .flex-row-sm .col-sm-11 {
    align-items: stretch;
  }

  .flex-row-sm .col-md-11 {
    align-items: stretch;
  }

  .flex-row-sm .col-lg-11 {
    align-items: stretch;
  }

  .flex-row-sm .col-xl-11 {
    align-items: stretch;
  }

  .flex-row-sm .col-xs-12 {
    align-items: stretch;
  }

  .flex-row-sm .col-sm-12 {
    align-items: stretch;
  }

  .flex-row-sm .col-md-12 {
    align-items: stretch;
  }

  .flex-row-sm .col-lg-12 {
    align-items: stretch;
  }

  .flex-row-sm .col-xl-12 {
    align-items: stretch;
  }
}

@media screen {
  .disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    pointer-events: none;
  }
}

@media screen {
  .position-absolute {
    position: absolute;
  }
}

@media screen {
  .without-margin {
    margin: 0 !important;
  }
}

@media screen {
  .with-top-margin {
    margin-top: 10px !important;
  }
}

@media screen {
  :focus-visible {
    outline: none;
  }
}

@media screen {
  a:-webkit-any-link {
    text-decoration: underline;
  }

  a:-webkit-any-link:hover {
    text-decoration: none;
  }
}

@media screen {
  .form-select:focus {
    border: 1px solid #666666;
    outline: 2px solid black;
    box-shadow: inset 0 1px 6px rgba(102, 102, 102, 0.3) !important;
    outline-offset: -2px;
  }
}

@media screen and (min-width: 768px) {
  .sm-equal-heights {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }

  .sm-equal-heights [class*=col-] {
    display: flex;
    flex-direction: column;
  }

  .sm-equal-heights [class*=col-] .boxed,
  .sm-equal-heights [class*=col-] .layout-group-top,
  .sm-equal-heights [class*=col-] .layout-group-sub {
    height: 100%;
  }

  .sm-equal-heights [class*=col-] .boxed .boxed,
  .sm-equal-heights [class*=col-] .layout-group-top .boxed,
  .sm-equal-heights [class*=col-] .layout-group-sub .boxed {
    height: auto;
  }
}

@media screen and (min-width: 1200px) {
  .lg-equal-heights {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }

  .lg-equal-heights [class*=col-] {
    display: flex;
    flex-direction: column;
  }

  .lg-equal-heights [class*=col-] .boxed,
  .lg-equal-heights [class*=col-] .layout-group-top,
  .lg-equal-heights [class*=col-] .layout-group-sub {
    height: 100%;
  }

  .lg-equal-heights [class*=col-] .boxed .boxed,
  .lg-equal-heights [class*=col-] .layout-group-top .boxed,
  .lg-equal-heights [class*=col-] .layout-group-sub .boxed {
    height: auto;
  }
}

@media screen and (min-width: 992px) {
  .md-equal-heights {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }

  .md-equal-heights [class*=col-] .boxed,
  .md-equal-heights [class*=col-] .layout-group-top,
  .md-equal-heights [class*=col-] .layout-group-sub {
    height: 100%;
  }

  .md-equal-heights [class*=col-] .boxed .boxed,
  .md-equal-heights [class*=col-] .layout-group-top .boxed,
  .md-equal-heights [class*=col-] .layout-group-sub .boxed {
    height: auto;
  }
}

@media screen and (-ms-high-contrast: none) and (min-width: 1200px) {
  .lg-equal-heights {
    display: block !important;
  }
}

@media screen {
  .no-scrolling {
    overflow: hidden;
  }
}

@media screen {
  .nowrap {
    white-space: nowrap;
  }
}

@media screen {
  .centered {
    text-align: center;
  }
}

@media screen {
  a {
    color: black;
  }

  a:hover {
    color: black;
  }
}

@media screen {
  .rotate90deg {
    transform: rotate(90deg);
  }
}

@media screen and (max-width: 767px) {
  .mobile-hide {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .desktop-hide {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .mobile-flex {
    margin-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .mobile-flex .col-xl-1,
  .mobile-flex .col-xl-10,
  .mobile-flex .col-xl-11,
  .mobile-flex .col-xl-12,
  .mobile-flex .col-xl-2,
  .mobile-flex .col-xl-3,
  .mobile-flex .col-xl-4,
  .mobile-flex .col-xl-5,
  .mobile-flex .col-xl-6,
  .mobile-flex .col-ls-7,
  .mobile-flex .col-xl-8,
  .mobile-flex .col-xl-9 .col-lg-1,
  .mobile-flex .col-lg-10,
  .mobile-flex .col-lg-11,
  .mobile-flex .col-lg-12,
  .mobile-flex .col-lg-2,
  .mobile-flex .col-lg-3,
  .mobile-flex .col-lg-4,
  .mobile-flex .col-lg-5,
  .mobile-flex .col-lg-6,
  .mobile-flex .col-lg-7,
  .mobile-flex .col-lg-8,
  .mobile-flex .col-lg-9,
  .mobile-flex .col-md-1,
  .mobile-flex .col-md-10,
  .mobile-flex .col-md-11,
  .mobile-flex .col-md-12,
  .mobile-flex .col-md-2,
  .mobile-flex .col-md-3,
  .mobile-flex .col-md-4,
  .mobile-flex .col-md-5,
  .mobile-flex .col-md-6,
  .mobile-flex .col-md-7,
  .mobile-flex .col-md-8,
  .mobile-flex .col-md-9,
  .mobile-flex .col-sm-1,
  .mobile-flex .col-sm-10,
  .mobile-flex .col-sm-11,
  .mobile-flex .col-sm-12,
  .mobile-flex .col-sm-2,
  .mobile-flex .col-sm-3,
  .mobile-flex .col-sm-4,
  .mobile-flex .col-sm-5,
  .mobile-flex .col-sm-6,
  .mobile-flex .col-sm-7,
  .mobile-flex .col-sm-8,
  .mobile-flex .col-sm-9,
  .mobile-flex .col-xs-1,
  .mobile-flex .col-xs-10,
  .mobile-flex .col-xs-11,
  .mobile-flex .col-xs-12,
  .mobile-flex .col-xs-2,
  .mobile-flex .col-xs-3,
  .mobile-flex .col-xs-4,
  .mobile-flex .col-xs-5,
  .mobile-flex .col-xs-6,
  .mobile-flex .col-xs-7,
  .mobile-flex .col-xs-8,
  .mobile-flex .col-xs-9 {
    padding-right: 5px;
    padding-left: 0;
    padding-bottom: 5px;
    width: auto;
  }
}

@media screen {
  .row.grid-row {
    margin-right: -2.5px;
    margin-left: -2.5px;
    display: flex !important;
    align-items: stretch;
  }

  .row.grid-row .col-xl-1,
  .row.grid-row .col-xl-10,
  .row.grid-row .col-xl-11,
  .row.grid-row .col-xl-12,
  .row.grid-row .col-xl-2,
  .row.grid-row .col-xl-3,
  .row.grid-row .col-xl-4,
  .row.grid-row .col-xl-5,
  .row.grid-row .col-xl-6,
  .row.grid-row .col-ls-7,
  .row.grid-row .col-xl-8,
  .row.grid-row .col-xl-9 .col-lg-1,
  .row.grid-row .col-lg-10,
  .row.grid-row .col-lg-11,
  .row.grid-row .col-lg-12,
  .row.grid-row .col-lg-2,
  .row.grid-row .col-lg-3,
  .row.grid-row .col-lg-4,
  .row.grid-row .col-lg-5,
  .row.grid-row .col-lg-6,
  .row.grid-row .col-lg-7,
  .row.grid-row .col-lg-8,
  .row.grid-row .col-lg-9,
  .row.grid-row .col-md-1,
  .row.grid-row .col-md-10,
  .row.grid-row .col-md-11,
  .row.grid-row .col-md-12,
  .row.grid-row .col-md-2,
  .row.grid-row .col-md-3,
  .row.grid-row .col-md-4,
  .row.grid-row .col-md-5,
  .row.grid-row .col-md-6,
  .row.grid-row .col-md-7,
  .row.grid-row .col-md-8,
  .row.grid-row .col-md-9,
  .row.grid-row .col-sm-1,
  .row.grid-row .col-sm-10,
  .row.grid-row .col-sm-11,
  .row.grid-row .col-sm-12,
  .row.grid-row .col-sm-2,
  .row.grid-row .col-sm-3,
  .row.grid-row .col-sm-4,
  .row.grid-row .col-sm-5,
  .row.grid-row .col-sm-6,
  .row.grid-row .col-sm-7,
  .row.grid-row .col-sm-8,
  .row.grid-row .col-sm-9,
  .row.grid-row .col-xs-1,
  .row.grid-row .col-xs-10,
  .row.grid-row .col-xs-11,
  .row.grid-row .col-xs-12,
  .row.grid-row .col-xs-2,
  .row.grid-row .col-xs-3,
  .row.grid-row .col-xs-4,
  .row.grid-row .col-xs-5,
  .row.grid-row .col-xs-6,
  .row.grid-row .col-xs-7,
  .row.grid-row .col-xs-8,
  .row.grid-row .col-xs-9 {
    padding-right: 2.5px;
    padding-left: 2.5px;
  }

  .row.grid-row.expanded-attention-groups .col-xl-1,
  .row.grid-row.expanded-attention-groups .col-xl-10,
  .row.grid-row.expanded-attention-groups .col-xl-11,
  .row.grid-row.expanded-attention-groups .col-xl-12,
  .row.grid-row.expanded-attention-groups .col-xl-2,
  .row.grid-row.expanded-attention-groups .col-xl-3,
  .row.grid-row.expanded-attention-groups .col-xl-4,
  .row.grid-row.expanded-attention-groups .col-xl-5,
  .row.grid-row.expanded-attention-groups .col-xl-6,
  .row.grid-row.expanded-attention-groups .col-ls-7,
  .row.grid-row.expanded-attention-groups .col-xl-8,
  .row.grid-row.expanded-attention-groups .col-xl-9 .col-lg-1,
  .row.grid-row.expanded-attention-groups .col-lg-10,
  .row.grid-row.expanded-attention-groups .col-lg-11,
  .row.grid-row.expanded-attention-groups .col-lg-12,
  .row.grid-row.expanded-attention-groups .col-lg-2,
  .row.grid-row.expanded-attention-groups .col-lg-3,
  .row.grid-row.expanded-attention-groups .col-lg-4,
  .row.grid-row.expanded-attention-groups .col-lg-5,
  .row.grid-row.expanded-attention-groups .col-lg-6,
  .row.grid-row.expanded-attention-groups .col-lg-7,
  .row.grid-row.expanded-attention-groups .col-lg-8,
  .row.grid-row.expanded-attention-groups .col-lg-9,
  .row.grid-row.expanded-attention-groups .col-md-1,
  .row.grid-row.expanded-attention-groups .col-md-10,
  .row.grid-row.expanded-attention-groups .col-md-11,
  .row.grid-row.expanded-attention-groups .col-md-12,
  .row.grid-row.expanded-attention-groups .col-md-2,
  .row.grid-row.expanded-attention-groups .col-md-3,
  .row.grid-row.expanded-attention-groups .col-md-4,
  .row.grid-row.expanded-attention-groups .col-md-5,
  .row.grid-row.expanded-attention-groups .col-md-6,
  .row.grid-row.expanded-attention-groups .col-md-7,
  .row.grid-row.expanded-attention-groups .col-md-8,
  .row.grid-row.expanded-attention-groups .col-md-9,
  .row.grid-row.expanded-attention-groups .col-sm-1,
  .row.grid-row.expanded-attention-groups .col-sm-10,
  .row.grid-row.expanded-attention-groups .col-sm-11,
  .row.grid-row.expanded-attention-groups .col-sm-12,
  .row.grid-row.expanded-attention-groups .col-sm-2,
  .row.grid-row.expanded-attention-groups .col-sm-3,
  .row.grid-row.expanded-attention-groups .col-sm-4,
  .row.grid-row.expanded-attention-groups .col-sm-5,
  .row.grid-row.expanded-attention-groups .col-sm-6,
  .row.grid-row.expanded-attention-groups .col-sm-7,
  .row.grid-row.expanded-attention-groups .col-sm-8,
  .row.grid-row.expanded-attention-groups .col-sm-9,
  .row.grid-row.expanded-attention-groups .col-xs-1,
  .row.grid-row.expanded-attention-groups .col-xs-10,
  .row.grid-row.expanded-attention-groups .col-xs-11,
  .row.grid-row.expanded-attention-groups .col-xs-12,
  .row.grid-row.expanded-attention-groups .col-xs-2,
  .row.grid-row.expanded-attention-groups .col-xs-3,
  .row.grid-row.expanded-attention-groups .col-xs-4,
  .row.grid-row.expanded-attention-groups .col-xs-5,
  .row.grid-row.expanded-attention-groups .col-xs-6,
  .row.grid-row.expanded-attention-groups .col-xs-7,
  .row.grid-row.expanded-attention-groups .col-xs-8,
  .row.grid-row.expanded-attention-groups .col-xs-9 {
    display: flex;
    flex-direction: column;
  }

  .row.grid-row.expanded-attention-groups .col-xl-1 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xl-10 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xl-11 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xl-12 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xl-2 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xl-3 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xl-4 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xl-5 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xl-6 .attention-group,
  .row.grid-row.expanded-attention-groups .col-ls-7 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xl-8 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xl-9 .col-lg-1 .attention-group,
  .row.grid-row.expanded-attention-groups .col-lg-10 .attention-group,
  .row.grid-row.expanded-attention-groups .col-lg-11 .attention-group,
  .row.grid-row.expanded-attention-groups .col-lg-12 .attention-group,
  .row.grid-row.expanded-attention-groups .col-lg-2 .attention-group,
  .row.grid-row.expanded-attention-groups .col-lg-3 .attention-group,
  .row.grid-row.expanded-attention-groups .col-lg-4 .attention-group,
  .row.grid-row.expanded-attention-groups .col-lg-5 .attention-group,
  .row.grid-row.expanded-attention-groups .col-lg-6 .attention-group,
  .row.grid-row.expanded-attention-groups .col-lg-7 .attention-group,
  .row.grid-row.expanded-attention-groups .col-lg-8 .attention-group,
  .row.grid-row.expanded-attention-groups .col-lg-9 .attention-group,
  .row.grid-row.expanded-attention-groups .col-md-1 .attention-group,
  .row.grid-row.expanded-attention-groups .col-md-10 .attention-group,
  .row.grid-row.expanded-attention-groups .col-md-11 .attention-group,
  .row.grid-row.expanded-attention-groups .col-md-12 .attention-group,
  .row.grid-row.expanded-attention-groups .col-md-2 .attention-group,
  .row.grid-row.expanded-attention-groups .col-md-3 .attention-group,
  .row.grid-row.expanded-attention-groups .col-md-4 .attention-group,
  .row.grid-row.expanded-attention-groups .col-md-5 .attention-group,
  .row.grid-row.expanded-attention-groups .col-md-6 .attention-group,
  .row.grid-row.expanded-attention-groups .col-md-7 .attention-group,
  .row.grid-row.expanded-attention-groups .col-md-8 .attention-group,
  .row.grid-row.expanded-attention-groups .col-md-9 .attention-group,
  .row.grid-row.expanded-attention-groups .col-sm-1 .attention-group,
  .row.grid-row.expanded-attention-groups .col-sm-10 .attention-group,
  .row.grid-row.expanded-attention-groups .col-sm-11 .attention-group,
  .row.grid-row.expanded-attention-groups .col-sm-12 .attention-group,
  .row.grid-row.expanded-attention-groups .col-sm-2 .attention-group,
  .row.grid-row.expanded-attention-groups .col-sm-3 .attention-group,
  .row.grid-row.expanded-attention-groups .col-sm-4 .attention-group,
  .row.grid-row.expanded-attention-groups .col-sm-5 .attention-group,
  .row.grid-row.expanded-attention-groups .col-sm-6 .attention-group,
  .row.grid-row.expanded-attention-groups .col-sm-7 .attention-group,
  .row.grid-row.expanded-attention-groups .col-sm-8 .attention-group,
  .row.grid-row.expanded-attention-groups .col-sm-9 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xs-1 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xs-10 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xs-11 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xs-12 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xs-2 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xs-3 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xs-4 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xs-5 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xs-6 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xs-7 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xs-8 .attention-group,
  .row.grid-row.expanded-attention-groups .col-xs-9 .attention-group {
    flex: 1;
  }
}

@media screen {
  .centered .toolbar .button-group {
    justify-content: center;
    width: 100%;
  }
}

@media screen {
  .app-root {
    height: 100%;
  }
}

@media screen {

  .float-right,
  .pull-right {
    float: right;
  }
}

@media screen {

  .float-left,
  .pull-left {
    float: left;
  }
}

@media screen {
  .screen-reader {
    position: absolute;
    left: -9999px;
  }
}

@media screen {
  .hidden {
    display: none !important;
  }
}

@media screen {
  .generic-list {
    list-style-type: none;
    padding: 5px 0 0 0;
    margin: 0;
    display: block;
  }

  .generic-list li {
    margin: 0;
    font-weight: 700;
    font-size: 16px;
  }
}

@media screen {

  input::-webkit-search-decoration,
  input::-webkit-search-cancel-button,
  input::-webkit-search-results-button,
  input::-webkit-search-results-decoration {
    display: none;
  }
}

@media screen {
  .passthrough {
    pointer-events: none;
  }
}

@media screen and (min-width: 576px) and (max-width: 767.6px) {
  .container {
    max-width: 100vw;
  }
}

@media screen {
  .break-word {
    word-break: break-all;
  }
}

@media screen {
  .paragraph-list {
    padding: 0 0 15px 15px;
  }

  .paragraph-list li {
    padding: 0;
  }
}

@media screen {
  .row .angular {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }

  .row div[class*=col-] {
    flex-shrink: 0;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
  }
}

@media screen {
  .passthrough-row {
    display: contents;
  }
}

@media screen and (max-width: 991.6px) {
  .flip-xs-sm {
    flex-direction: column-reverse;
  }
}

@media screen {
  .slide {
    transform: scaleY(0);
    visibility: 0;
    transform-origin: top;
    overflow: hidden;
    transition: all 0.25s linear;
  }

  .slide.out {
    visibility: visible;
    transform: none;
  }
}

@media screen {
  .linear-animation {
    position: relative;
    text-align: center;
    padding: 0;
    display: block;
    margin: -6px 0 -2px 0;
  }

  .linear-animation .text {
    font-size: 12px;
    display: block;
  }

  .linear-animation .block {
    background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    display: inline-block;
    height: 10px;
    width: 10px;
    background: transparent;
  }

  .linear-animation .block:nth-child(1) {
    animation: inline-blue 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: inline-blue 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: inline-blue 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: inline-blue 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: inline-blue 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }

  .linear-animation .block:nth-child(2) {
    animation: inline-blue 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: inline-blue 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: inline-blue 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: inline-blue 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: inline-blue 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }

  .linear-animation .block:nth-child(3) {
    animation: inline-blue 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: inline-blue 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: inline-blue 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: inline-blue 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: inline-blue 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }

  .linear-animation .block:nth-child(4) {
    animation: inline-blue 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: inline-blue 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: inline-blue 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: inline-blue 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: inline-blue 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }

  .linear-animation .block:nth-child(5) {
    animation: inline-blue 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: inline-blue 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: inline-blue 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: inline-blue 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: inline-blue 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }
}

@media screen {
  @keyframes inline-blue {
    0% {
      transform: scale(0);
    }

    20% {
      transform: scale(0.9, 0.9);
      background: rgba(45, 124, 173, 0.2);
    }

    60% {
      transform: scale(1, 1);
      margin: 0 3px;
      background: rgba(45, 124, 173, 0.6);
    }

    100% {
      transform: scale(0);
    }
  }
}

@media screen {
  .circle-animation {
    position: relative;
    width: 75px;
    height: 75px;
    border-radius: 37.5px;
    margin: 20px auto 75px auto;
  }

  .circle-animation .btn-cancel,
  .circle-animation .btn-generic {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #333333;
    background: transparent;
    color: #333333;
    height: 30px;
    line-height: 27px;
    padding: 0 10px 0 5px;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    bottom: -75px;
    width: intrinsic;
    width: fit-content;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .circle-animation .btn-cancel .material-icons,
  .circle-animation .btn-generic .material-icons {
    display: flex;
    justify-content: center;
    align-items: stretch;
    height: 30px;
    width: 30px;
    line-height: 27px;
    font-size: 25px;
    margin-left: 0;
  }

  .circle-animation .btn-cancel:focus-visible,
  .circle-animation .btn-generic:focus-visible {
    outline: none;
    border: 2px solid #2D7CAD;
    color: #055485;
    background: #D5E5EF;
    text-decoration: none;
  }

  .circle-animation .btn-cancel:focus-visible .material-icons,
  .circle-animation .btn-generic:focus-visible .material-icons {
    text-decoration: none;
    color: #055485;
  }

  .circle-animation .btn-cancel:hover,
  .circle-animation .btn-generic:hover {
    outline: none;
    border: 2px solid rgba(0, 0, 0, 0.6);
    color: black;
    background: #D5E5EF;
    text-decoration: none;
  }

  .circle-animation .btn-cancel:hover .material-icons,
  .circle-animation .btn-generic:hover .material-icons {
    text-decoration: none;
    color: black;
  }

  .circle-animation .text {
    position: absolute;
    display: block;
    text-align: center;
    margin-top: 100px;
    width: 100%;
    font-size: 12px;
  }

  .circle-animation .block {
    -webkit-border-radius: 7.5px;
    -moz-border-radius: 7.5px;
    border-radius: 7.5px;
    animation-name: block;
    -o-animation-name: block;
    -ms-animation-name: block;
    -webkit-animation-name: block;
    -moz-animation-name: block;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    position: absolute;
    background-color: transparent;
    height: 15px;
    width: 15px;
    color: white;
  }

  .circle-animation .block:nth-child(1) {
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
    left: 0;
    top: 30px;
  }

  .circle-animation .block:nth-child(2) {
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    left: 9px;
    top: 9px;
  }

  .circle-animation .block:nth-child(3) {
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
    left: 30px;
    top: 0;
  }

  .circle-animation .block:nth-child(4) {
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    right: 9px;
    top: 9px;
  }

  .circle-animation .block:nth-child(5) {
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
    right: 0;
    top: 30px;
  }

  .circle-animation .block:nth-child(6) {
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    right: 9px;
    bottom: 9px;
  }

  .circle-animation .block:nth-child(7) {
    animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    -ms-animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    left: 30px;
    bottom: 0;
  }

  .circle-animation .block:nth-child(8) {
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    left: 9px;
    bottom: 9px;
  }
}

@media screen {
  .fullscreen-animation {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    cursor: not-allowed;
    z-index: 9999999;
  }

  .fullscreen-animation .linear-animation,
  .fullscreen-animation .circle-animation {
    top: 50%;
  }

  .fullscreen-animation .linear-animation.circle-animation,
  .fullscreen-animation .circle-animation.circle-animation {
    margin: 20px auto 95px auto;
    margin-top: -75px;
  }

  .fullscreen-animation .linear-animation.linear-animation,
  .fullscreen-animation .circle-animation.linear-animation {
    left: 50%;
    transform: translate(-50%, -50%) !important;
  }

  .fullscreen-animation .linear-animation .text,
  .fullscreen-animation .circle-animation .text {
    color: rgba(255, 255, 255, 0.8) !important;
    width: 100vw !important;
    position: fixed;
    left: 0;
  }

  .fullscreen-animation .linear-animation .btn-cancel,
  .fullscreen-animation .linear-animation .btn-generic,
  .fullscreen-animation .circle-animation .btn-cancel,
  .fullscreen-animation .circle-animation .btn-generic {
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    height: 50px;
    padding: 0 20px;
    font-size: 16px;
    bottom: -105px;
    display: flex;
    justify-self: center;
    align-items: center;
    white-space: nowrap;
  }

  .fullscreen-animation .linear-animation .btn-cancel .material-icons,
  .fullscreen-animation .linear-animation .btn-generic .material-icons,
  .fullscreen-animation .circle-animation .btn-cancel .material-icons,
  .fullscreen-animation .circle-animation .btn-generic .material-icons {
    font-size: 35px;
    margin: 5px 10px 0 0;
  }
}

@media screen and (max-width: 767px) {

  .fullscreen-animation .linear-animation .btn-cancel,
  .fullscreen-animation .linear-animation .btn-generic,
  .fullscreen-animation .circle-animation .btn-cancel,
  .fullscreen-animation .circle-animation .btn-generic {
    max-width: 100vw;
    font-size: 4vw;
    width: auto;
  }

  .fullscreen-animation .linear-animation .btn-cancel .material-icons,
  .fullscreen-animation .linear-animation .btn-generic .material-icons,
  .fullscreen-animation .circle-animation .btn-cancel .material-icons,
  .fullscreen-animation .circle-animation .btn-generic .material-icons {
    display: none;
  }
}

@media screen {

  .fullscreen-animation .linear-animation .btn-cancel:focus-visible,
  .fullscreen-animation .linear-animation .btn-generic:focus-visible,
  .fullscreen-animation .circle-animation .btn-cancel:focus-visible,
  .fullscreen-animation .circle-animation .btn-generic:focus-visible {
    border-color: white;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
  }

  .fullscreen-animation .linear-animation .btn-cancel:focus-visible .material-icons,
  .fullscreen-animation .linear-animation .btn-generic:focus-visible .material-icons,
  .fullscreen-animation .circle-animation .btn-cancel:focus-visible .material-icons,
  .fullscreen-animation .circle-animation .btn-generic:focus-visible .material-icons {
    color: white;
  }
}

@media screen {

  .fullscreen-animation .linear-animation .btn-cancel:hover,
  .fullscreen-animation .linear-animation .btn-generic:hover,
  .fullscreen-animation .circle-animation .btn-cancel:hover,
  .fullscreen-animation .circle-animation .btn-generic:hover {
    border-color: white;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
  }

  .fullscreen-animation .linear-animation .btn-cancel:hover .material-icons,
  .fullscreen-animation .linear-animation .btn-generic:hover .material-icons,
  .fullscreen-animation .circle-animation .btn-cancel:hover .material-icons,
  .fullscreen-animation .circle-animation .btn-generic:hover .material-icons {
    color: white;
  }
}

@media screen {
  .fullscreen-animation.hide-content {
    background: white;
  }

  .fullscreen-animation.hide-content .linear-animation .text,
  .fullscreen-animation.hide-content .circle-animation .text {
    color: black !important;
  }
}

@media screen {
  .show-percentage {
    width: 120px;
    display: block;
    margin: -60px 0 0 -60px;
    height: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
  }

  .show-percentage .stroke {
    stroke: rgba(45, 124, 173, 0.8);
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
  }
}

@media screen {
  @keyframes block {
    0% {
      background-color: rgba(45, 124, 173, 0.6);
    }

    100% {
      background-color: transparent;
    }
  }
}

@media screen {
  @keyframes pulse {
    0% {
      box-shadow: 0 0 0 0 #81B0CE, 0 0 0 0 #81B0CE;
    }

    40% {
      box-shadow: 0 0 0 30px transparent, 0 0 0 0 #81B0CE;
    }

    80% {
      box-shadow: 0 0 0 30px transparent, 0 0 0 15px transparent;
    }

    100% {
      box-shadow: 0 0 0 0 transparent, 0 0 0 15px transparent;
    }
  }
}

@media screen {
  @keyframes pulse-compact {
    0% {
      box-shadow: 0 0 0 0 #81B0CE, 0 0 0 0 #81B0CE;
    }

    40% {
      box-shadow: 0 0 0 10px transparent, 0 0 0 0 #81B0CE;
    }

    80% {
      box-shadow: 0 0 0 10px transparent, 0 0 0 5px transparent;
    }

    100% {
      box-shadow: 0 0 0 0 transparent, 0 0 0 5px transparent;
    }
  }
}

@media screen {
  @keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
}

@media screen {
  @keyframes bounce {
    0% {
      margin: 10px 0 0 10px;
    }

    3% {
      margin: 15px 0 0 10px;
    }

    6% {
      margin: 10px 0 0 10px;
    }

    9% {
      margin: 15px 0 0 10px;
    }

    12% {
      margin: 10px 0 0 10px;
    }
  }
}

@media screen {
  @keyframes side-panel-bounce {
    0% {
      margin: -10px 0 0 -5px;
    }

    3% {
      margin: -5px 0 0 -5px;
    }

    6% {
      margin: -10px 0 0 -5px;
    }

    9% {
      margin: -5px 0 0 -5px;
    }

    12% {
      margin: -10px 0 0 -5px;
    }
  }
}

@media screen {

  h1,
  .page-header h1,
  .page-header header {
    margin: 0;
    padding: 0;
    font-family: "LM Sans";
    font-weight: bold;
    font-style: normal;
    font-size: 38px;
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 48px 0 24px 0;
  }

  h1 a:focus-visible,
  .page-header header a:focus-visible {
    outline: 2px solid black;
  }
}

@media screen and (max-width: 767px) {

  h1,
  .page-header h1,
  .page-header header {
    margin: 32px 0 24px 0;
  }
}

@media screen {

  h2:not(.h3):not(.h4):not(.h5):not(.h6),
  .layout-group-top .h2:not(.h3):not(.h4):not(.h5):not(.h6),
  .layout-group-top header:not(.h3):not(.h4):not(.h5):not(.h6) {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -0.8px;
    margin: 26px 0 16px 0;
    border-bottom: 4px solid #333333;
    padding-bottom: 12px;
    display: inline-block;
  }

  h2.h3,
  .layout-group-top .h3.h2,
  .layout-group-top header.h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.6px;
    margin: 24px 0 12px 0;
  }

  h2.h4,
  .layout-group-top .h4.h2,
  .layout-group-top header.h4 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin: 22px 0 11px 0;
  }

  h2.h5,
  .layout-group-top .h5.h2,
  .layout-group-top header.h5 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -0.8px;
    margin: 26px 0 16px 0;
    border-bottom: 4px solid #333333;
    padding-bottom: 12px;
    display: inline-block;
  }

  h2.h6,
  .layout-group-top .h6.h2,
  .layout-group-top header.h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.6px;
    margin: 24px 0 12px 0;
  }
}

@media screen {

  h3:not(.h2):not(.h4):not(.h5):not(.h6),
  header.list-group-heading:not(.h2):not(.h4):not(.h5):not(.h6),
  .list-group.sub-grouped .list-item .h3:not(.h2):not(.h4):not(.h5):not(.h6),
  .list-group.sub-grouped .list-item header:not(.h2):not(.h4):not(.h5):not(.h6),
  .layout-group-sub .h3:not(.h2):not(.h4):not(.h5):not(.h6),
  .layout-group-sub header:not(.h2):not(.h4):not(.h5):not(.h6) {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.6px;
    margin: 24px 0 12px 0;
  }

  h3.h2,
  header.h2.list-group-heading,
  .list-group.sub-grouped .list-item h3.h2,
  .list-group.sub-grouped .list-item .h2.h3,
  .list-group.sub-grouped .list-item header.h2,
  .layout-group-sub .h2.h3,
  .layout-group-sub header.h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -0.8px;
    margin: 26px 0 16px 0;
    border-bottom: 4px solid #333333;
    padding-bottom: 12px;
    display: inline-block;
  }

  h3.h4,
  header.h4.list-group-heading,
  .list-group.sub-grouped .list-item h3.h4,
  .list-group.sub-grouped .list-item .h4.h3,
  .list-group.sub-grouped .list-item header.h4,
  .layout-group-sub .h4.h3,
  .layout-group-sub header.h4 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin: 22px 0 11px 0;
  }

  h3.h5,
  header.h5.list-group-heading,
  .list-group.sub-grouped .list-item h3.h5,
  .list-group.sub-grouped .list-item .h5.h3,
  .list-group.sub-grouped .list-item header.h5,
  .layout-group-sub .h5.h3,
  .layout-group-sub header.h5 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -0.8px;
    margin: 26px 0 16px 0;
    border-bottom: 4px solid #333333;
    padding-bottom: 12px;
    display: inline-block;
  }

  h3.h6,
  header.h6.list-group-heading,
  .list-group.sub-grouped .list-item h3.h6,
  .list-group.sub-grouped .list-item .h6.h3,
  .list-group.sub-grouped .list-item header.h6,
  .layout-group-sub .h6.h3,
  .layout-group-sub header.h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.6px;
    margin: 24px 0 12px 0;
  }
}

@media screen {
  h4:not(.h2):not(.h3):not(.h5):not(.h6) {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin: 22px 0 11px 0;
  }

  h4.h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -0.8px;
    margin: 26px 0 16px 0;
    border-bottom: 4px solid #333333;
    padding-bottom: 12px;
    display: inline-block;
  }

  h4.h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.6px;
    margin: 24px 0 12px 0;
  }

  h4.h5 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -0.8px;
    margin: 26px 0 16px 0;
    border-bottom: 4px solid #333333;
    padding-bottom: 12px;
    display: inline-block;
  }

  h4.h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.6px;
    margin: 24px 0 12px 0;
  }
}

@media screen {
  h5:not(.h2):not(.h3):not(.h4):not(.h6) {
    margin: 0;
    padding: 0;
    font-size: 85%;
    line-height: 1.2;
    font-weight: 700;
    margin: 10px 0 5px 0;
    max-width: 60em;
  }

  h5:not(.h2):not(.h3):not(.h4):not(.h6) a:focus-visible {
    outline: 1px dashed #EF8604;
    background: #FFF7B9;
    color: black;
  }

  h5.h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -0.8px;
    margin: 26px 0 16px 0;
    border-bottom: 4px solid #333333;
    padding-bottom: 12px;
    display: inline-block;
  }

  h5.h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.6px;
    margin: 24px 0 12px 0;
  }

  h5.h4 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -0.8px;
    margin: 26px 0 16px 0;
    border-bottom: 4px solid #333333;
    padding-bottom: 12px;
    display: inline-block;
  }

  h5.h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.6px;
    margin: 24px 0 12px 0;
  }
}

@media screen {
  h6:not(.h2):not(.h3):not(.h4):not(.h5) {
    margin: 0;
    padding: 0;
    font-size: 85% !important;
    line-height: 1.2;
    font-weight: 400;
    margin: 10px 0 5px 0;
    max-width: 60em;
  }

  h6:not(.h2):not(.h3):not(.h4):not(.h5) a:focus-visible {
    outline: 1px dashed #EF8604;
    background: #FFF7B9;
    color: black;
  }

  h6.h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -0.8px;
    margin: 26px 0 16px 0;
    border-bottom: 4px solid #333333;
    padding-bottom: 12px;
    display: inline-block;
  }

  h6.h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.6px;
    margin: 24px 0 12px 0;
  }

  h6.h4 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -0.8px;
    margin: 26px 0 16px 0;
    border-bottom: 4px solid #333333;
    padding-bottom: 12px;
    display: inline-block;
  }

  h6.h5 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.6px;
    margin: 24px 0 12px 0;
  }
}

@media screen {

  h2.label,
  .layout-group-top .label.h2,
  .layout-group-top header.label,
  h3.label,
  header.label.list-group-heading,
  .list-group.sub-grouped .list-item h3.label,
  .list-group.sub-grouped .list-item .label.h3,
  .list-group.sub-grouped .list-item header.label,
  .layout-group-sub .label.h3,
  .layout-group-sub header.label,
  h4.label,
  h5.label,
  h6.label {
    display: block;
    text-align: left;
    margin: 12px 0 0 0 !important;
    padding: 0;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: normal !important;
    color: black;
  }
}

@media screen {
  .message {
    border-radius: 5px;
    padding: 20px 25px;
    background: #CCCCCC;
    width: fit-content;
    max-width: 60em;
    color: black;
  }

  .message:not(.floating) {
    position: relative;
  }

  .message h3,
  .message header.list-group-heading,
  .message .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .message h3,
  .message .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .message .h3,
  .message .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .message header,
  .message .layout-group-sub header,
  .layout-group-sub .message header,
  .message .h3 {
    margin-top: 0 !important;
  }

  .message *:first-child {
    margin-top: 0;
    padding-top: 0;
  }

  .message *:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .message.top-left::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    box-sizing: border-box;
    position: absolute;
    font-size: 50px;
    color: #CCCCCC;
    height: 15px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    top: -14px;
    left: 10px;
    content: "arrow_drop_up";
    padding-top: 7px;
  }

  .message.top-right::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    box-sizing: border-box;
    position: absolute;
    font-size: 50px;
    color: #CCCCCC;
    height: 15px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    top: -14px;
    right: 10px;
    content: "arrow_drop_up";
    padding-top: 7px;
  }

  .message.bottom-left {
    margin-bottom: 15px;
  }

  .message.bottom-left::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    box-sizing: border-box;
    position: absolute;
    font-size: 50px;
    color: #CCCCCC;
    height: 15px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    bottom: -14px;
    left: 10px;
    content: "arrow_drop_down";
    padding-bottom: 7px;
  }

  .message.bottom-right::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    box-sizing: border-box;
    position: absolute;
    font-size: 50px;
    color: #CCCCCC;
    height: 15px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    bottom: -14px;
    right: 10px;
    content: "arrow_drop_down";
    padding-bottom: 7px;
  }

  .message.left-top::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    box-sizing: border-box;
    position: absolute;
    font-size: 50px;
    color: #CCCCCC;
    height: 15px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    top: 12px;
    left: -15px;
    height: 25px;
    width: 15px;
    content: "arrow_left";
    padding-left: 8px;
    padding-bottom: 5px;
  }

  .message.left-bottom::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    box-sizing: border-box;
    position: absolute;
    font-size: 50px;
    color: #CCCCCC;
    height: 15px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    bottom: 7px;
    left: -15px;
    height: 25px;
    width: 15px;
    content: "arrow_left";
    padding-left: 8px;
    padding-bottom: 7px;
  }

  .message.right-top::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    box-sizing: border-box;
    position: absolute;
    font-size: 50px;
    color: #CCCCCC;
    height: 15px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    top: 12px;
    right: -15px;
    height: 25px;
    width: 15px;
    content: "arrow_right";
    padding-right: 8px;
    padding-bottom: 5px;
  }

  .message.right-bottom::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    box-sizing: border-box;
    position: absolute;
    font-size: 50px;
    color: #CCCCCC;
    height: 15px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    bottom: 7px;
    right: -15px;
    height: 25px;
    width: 15px;
    content: "arrow_right";
    padding-right: 8px;
    padding-bottom: 7px;
  }

  .message.floating {
    position: absolute;
  }

  .message.assistance {
    background: #2D7CAD !important;
    color: white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    font-size: 14px;
    border-radius: 10px;
  }

  .message.assistance::after {
    color: #2D7CAD !important;
  }
}

@media screen {
  p {
    margin: 0;
    padding: 0;
    margin: 0 0 25px 0;
    max-width: 60em;
    line-height: 1.5;
    font-size: 16px;
    letter-spacing: -0.2px;
  }

  p.introduction {
    line-height: 1.5;
    font-size: 18px;
    font-weight: 500 !important;
    letter-spacing: -0.4px;
  }

  p.selfservice {
    border-bottom: 4px solid #8455A1;
    padding: 0 0 5px 0;
    display: inline-block;
    margin: 0 0 25px 0;
  }

  p.note {
    font-style: italic;
  }

  p.note::before {
    content: "(1)";
    font-size: 80%;
    margin-right: 2.5px;
    position: relative;
    top: -2.5px;
    color: #666666;
  }

  p.note.two::after {
    content: "(2)";
  }

  p.note.three::after {
    content: "(3)";
  }

  p.note.four::after {
    content: "(4)";
  }

  p.note.five::after {
    content: "(5)";
  }

  p .attention:not(.button-inline) {
    margin-top: 5px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
  }

  p a {
    font-weight: 700;
    text-decoration: underline;
  }

  p a.external-link {
    margin-top: -5px;
    display: inline-block;
  }

  p a.external-link::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "launch";
    font-size: 20px !important;
    position: relative;
    top: 0.2em !important;
    margin-right: 0.15em !important;
    line-height: 20px;
    overflow: hidden;
  }

  p a.download-link::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "save_alt";
    font-size: 20px !important;
    position: relative;
    top: 0.2em !important;
    margin-right: 0.15em !important;
    line-height: 20px;
    overflow: hidden;
  }

  p a.email-link::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "mail_outline";
    font-size: 20px !important;
    position: relative;
    top: 0.2em !important;
    margin-right: 0.15em !important;
    line-height: 20px;
    overflow: hidden;
  }

  p a.arrow-link::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "arrow_forward";
    font-size: 20px !important;
    position: relative;
    top: 0.2em !important;
    margin-right: 0.15em !important;
    line-height: 20px;
    overflow: hidden;
  }

  p a.block {
    display: block;
    padding-left: 25px;
    position: relative;
    margin-bottom: 15px;
  }

  p a.block::before {
    position: absolute !important;
    left: 0;
    top: 0.15em !important;
  }

  p a:last-child.block {
    margin-bottom: 0;
  }

  p a:hover {
    text-decoration: none;
  }

  p a:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  p .material-icons {
    position: relative;
    top: 6px;
    margin-right: 5px;
  }

  p.mandatory {
    padding-left: 25px;
    position: relative;
    font-weight: 700;
  }

  p.mandatory::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "error";
    position: absolute;
    top: -2px;
    font-size: 24px !important;
    left: -4px;
  }

  p.confirmation {
    padding-left: 25px;
    position: relative;
    font-weight: 700;
  }

  p.confirmation::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "check_circle";
    position: absolute;
    top: -2px;
    font-size: 24px !important;
    left: -4px;
  }

  p.optional {
    padding-left: 25px;
    position: relative;
  }

  p.optional::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "error_outline";
    position: absolute;
    top: -2px;
    font-size: 24px !important;
    left: -4px;
  }

  p .description {
    display: block;
    font-size: 14px;
    font-weight: 400;
  }

  p .button-link .material-icons {
    top: 2px;
  }
}

@media screen {
  mark {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #999999;
    columns: black;
    padding: 2px 6px;
    font-weight: 700;
    margin: -2px -6px;
  }
}

@media screen {
  code {
    font-family: "Lucida Console", Monaco, monospace;
    padding: 5px 10px;
    color: black;
    border-radius: 5px;
    font-size: 80%;
    max-width: 100%;
  }
}

@media screen {
  .item {
    display: inline-block;
    background: white;
    padding: 0 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    margin: 0 2px 0 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
  }
}

@media screen {
  .button-top {
    margin: 0;
    padding: 0;
    border: 2px solid black;
    background: white;
    text-decoration: none !important;
    position: relative;
    color: black;
    font-weight: 700;
    width: fit-content;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    overflow: hidden;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
    font-variant-ligatures: none !important;
    border-radius: 30px;
    min-height: 60px;
    line-height: 18px;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer !important;
  }

  .button-top .material-icons {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
  }

  .button-top.animated .material-icons {
    animation: spin 1s linear infinite;
  }

  .button-top:not([disabled]):focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .button-top.invisible {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
  }

  .button-top.active {
    box-shadow: none;
  }

  .button-top.active img.material-icons {
    filter: brightness(0) invert(1);
  }

  .button-top.active,
  .button-top.show,
  .button-top:hover {
    background-color: black;
    border-color: black;
    color: white !important;
  }

  .button-top.active .material-icons,
  .button-top.show .material-icons,
  .button-top:hover .material-icons {
    color: white;
  }

  .button-top.active img,
  .button-top.show img,
  .button-top:hover img {
    filter: brightness(0) invert(1);
  }

  .button-top.active .icon-placeholder,
  .button-top.show .icon-placeholder,
  .button-top:hover .icon-placeholder {
    filter: brightness(0) invert(1);
  }

  .button-top .badge {
    position: absolute;
    z-index: 1;
  }

  .button-top i.material-icons,
  .button-top span.material-icons {
    line-height: 50px;
    margin-top: -2px;
    height: 50px;
    width: 50px;
    font-size: 35px;
    margin-left: -15px;
  }
}

@media screen and (max-width: 400px) {

  .button-top i.material-icons,
  .button-top span.material-icons {
    min-width: 50px;
  }
}

@media screen {
  .button-top .icon-placeholder {
    margin-top: -5px;
    margin-left: -7px;
    margin-right: 5px;
    height: 35px;
    width: 35px;
    padding: 2.5px;
    background: url(prerequisites/lm-icons/generic_button.svg) 50% 50% no-repeat;
    background-size: 35px 35px;
  }
}

@media screen {
  a.button-top:hover {
    color: white !important;
    text-decoration: none !important;
  }
}

@media screen {
  .button-icon {
    margin: 0;
    padding: 0;
    border: 2px solid black;
    background: white;
    text-decoration: none !important;
    position: relative;
    color: black;
    font-weight: 700;
    width: fit-content;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    overflow: hidden;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
    font-variant-ligatures: none !important;
    height: 44px;
    width: 44px;
    border-radius: 22px;
    padding: 0;
  }

  .button-icon .material-icons {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
  }

  .button-icon.animated .material-icons {
    animation: spin 1s linear infinite;
  }

  .button-icon:not([disabled]):focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .button-icon.invisible {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
  }

  .button-icon.active {
    box-shadow: none;
  }

  .button-icon.active img.material-icons {
    filter: brightness(0) invert(1);
  }

  .button-icon.active,
  .button-icon.show,
  .button-icon:hover {
    background-color: black;
    border-color: black;
    color: white !important;
  }

  .button-icon.active .material-icons,
  .button-icon.show .material-icons,
  .button-icon:hover .material-icons {
    color: white;
  }

  .button-icon.active img,
  .button-icon.show img,
  .button-icon:hover img {
    filter: brightness(0) invert(1);
  }

  .button-icon.active .icon-placeholder,
  .button-icon.show .icon-placeholder,
  .button-icon:hover .icon-placeholder {
    filter: brightness(0) invert(1);
  }

  .button-icon .badge {
    position: absolute;
    z-index: 1;
  }

  .button-icon i.material-icons,
  .button-icon span.material-icons {
    margin-top: 0;
    line-height: 40px;
    height: 40px;
    width: 40px;
    font-size: 24px;
  }

  .button-icon .icon-placeholder {
    height: 27px;
    width: 27px;
    padding: 2.5px;
    background: url(prerequisites/lm-icons/generic_button.svg) 50% 50% no-repeat;
    background-size: 24px 24px;
  }
}

@media screen {
  .button-inline {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: none;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: unset;
    flex-direction: row;
    background-color: transparent;
  }

  .button-inline i.material-icons,
  .button-inline span.material-icons {
    font-size: 20px;
    background-color: transparent;
    display: block;
    margin-right: 0;
    line-height: 1;
  }

  .button-inline:not([disabled]):focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .button-inline.attention {
    color: #2D7CAD;
  }
}

@media screen {
  .button-sub {
    margin: 0;
    padding: 0;
    border: 2px solid black;
    background: white;
    text-decoration: none !important;
    position: relative;
    color: black;
    font-weight: 700;
    width: fit-content;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    overflow: hidden;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
    font-variant-ligatures: none !important;
    min-height: 44px;
    border-radius: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 18px;
    padding: 0 16px;
    min-width: 44px;
    justify-content: flex-start;
    word-break: break-all;
    text-align: left;
    cursor: pointer !important;
  }

  .button-sub .material-icons {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
  }

  .button-sub.animated .material-icons {
    animation: spin 1s linear infinite;
  }

  .button-sub:not([disabled]):focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .button-sub.invisible {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
  }

  .button-sub.active {
    box-shadow: none;
  }

  .button-sub.active img.material-icons {
    filter: brightness(0) invert(1);
  }

  .button-sub.active,
  .button-sub.show,
  .button-sub:hover {
    background-color: black;
    border-color: black;
    color: white !important;
  }

  .button-sub.active .material-icons,
  .button-sub.show .material-icons,
  .button-sub:hover .material-icons {
    color: white;
  }

  .button-sub.active img,
  .button-sub.show img,
  .button-sub:hover img {
    filter: brightness(0) invert(1);
  }

  .button-sub.active .icon-placeholder,
  .button-sub.show .icon-placeholder,
  .button-sub:hover .icon-placeholder {
    filter: brightness(0) invert(1);
  }

  .button-sub .badge {
    position: absolute;
    z-index: 1;
  }

  .button-sub i.material-icons,
  .button-sub span.material-icons {
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-size: 24px;
    margin: -2px -6px -2px -14px;
  }
}

@media screen and (max-width: 400px) {

  .button-sub i.material-icons,
  .button-sub span.material-icons {
    min-width: 44px;
  }
}

@media screen {
  .button-sub .icon-placeholder {
    height: 22px;
    width: 22px;
    padding: 2.5px;
    background: url(prerequisites/lm-icons/generic_button.svg) 50% 50% no-repeat;
    background-size: 22px 22px;
  }
}

@media screen {
  .button-sub img {
    height: 27px;
    width: 27px;
    padding: 2.5px;
    margin-left: -4px;
    margin-right: 4px;
  }
}

@media screen {
  .button-sub .icon-placeholder {
    height: 24px;
    width: 24px;
    padding: 2.5px;
    margin: -2px 4px 0 -6px !important;
    background: url(prerequisites/lm-icons/generic_button.svg) 50% 50% no-repeat;
    background-size: 24px 24px;
  }
}

@media screen and (max-width: 767.6px) {
  .button-sub.mobile-icon {
    height: 30px;
    width: 30px;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: hidden;
  }

  .button-sub.mobile-icon i.material-icons,
  .button-sub.mobile-icon span.material-icons {
    margin-top: -2px;
    line-height: 30px;
    height: 30px;
    width: 30px;
    font-size: 26px;
    margin-left: 1px;
  }
}

@media screen {
  .button-tile {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    padding: 10px 15px 5px 15px;
    font-size: 12px;
    color: black !important;
    display: inline-block;
    text-decoration: none !important;
    width: fit-content;
    text-align: center;
    font-weight: 400;
    min-height: 44px;
    text-decoration: none !important;
    position: relative;
  }

  .button-tile i.material-icons,
  .button-tile span.material-icons {
    display: block;
    color: black !important;
  }
}

@media screen and (max-width: 768px) {
  .button-tile.toggle:hover:not(:focus-visible) {
    text-decoration: none !important;
    background: #E6E6E6 !important;
  }
}

@media screen {

  .button-tile.toggle.active i.material-icons,
  .button-tile.toggle.active span.material-icons {
    color: transparent;
    position: relative;
  }

  .button-tile.toggle.active i.material-icons::before,
  .button-tile.toggle.active span.material-icons::before {
    left: 50%;
    margin-left: -12px;
    color: white;
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "check";
    position: absolute;
  }
}

@media screen and (max-width: 768px) {

  .button-tile.toggle.active i.material-icons,
  .button-tile.toggle.active span.material-icons {
    position: static;
    color: white;
  }

  .button-tile.toggle.active i.material-icons::before,
  .button-tile.toggle.active span.material-icons::before {
    display: none !important;
  }
}

@media screen {
  .button-tile img {
    display: block;
    height: 24px;
    margin: 0 auto;
  }
}

@media screen {
  .button-tile.dropdown-toggle::after {
    border: 0;
    margin-left: 0;
  }
}

@media screen {
  .button-tile.active:not(:focus-visible) {
    background-color: black;
    color: white !important;
  }

  .button-tile.active:not(:focus-visible) .material-icons {
    color: white !important;
  }
}

@media screen {
  .button-tile:hover {
    background-color: #333333;
    border-color: #333333;
    color: white !important;
  }

  .button-tile:hover .material-icons {
    color: white !important;
  }

  .button-tile:hover img {
    -webkit-filter: invert(1);
    filter: invert(1);
  }
}

@media screen {
  .button-tile:focus-visible {
    outline: 2px solid black;
    outline-offset: -4px;
  }
}

@media screen {
  .button-tile .notification {
    right: calc(25% - 10px);
    top: 5px;
    position: absolute;
    background: #2D7CAD;
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid link-blue;
  }
}

@media screen {
  .button-tile .notice {
    position: absolute;
  }
}

@media screen and (min-width: 1200px) {
  .button-tile .notice {
    margin-top: -24px;
    left: calc(50% + 15px);
  }
}

@media screen and (min-width: 768px) and (max-width: 1199.6px) {
  .button-tile .notice {
    margin-top: 1px;
    left: 9px;
  }
}

@media screen and (max-width: 767.6px) {
  .button-tile .notice {
    top: 8px;
    left: 8px;
  }
}

@media screen {
  .button-tile .badge {
    position: absolute;
    z-index: 1;
  }
}

@media screen {
  .button-banner {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    font-weight: 700;
    text-decoration: none !important;
  }

  .button-banner i.material-icons,
  .button-banner span.material-icons {
    border: 2px solid black;
    font-size: 50px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    border-radius: 40px;
    margin: 0 0 10px 0;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
  }

  .button-banner:hover:not(.active) {
    text-decoration: none !important;
    outline: none;
  }

  .button-banner:hover:not(.active) i.material-icons,
  .button-banner:hover:not(.active) span.material-icons {
    border: 2px solid black;
    outline: none;
    color: white;
    background: black;
  }

  .button-banner.active i.material-icons,
  .button-banner.active span.material-icons {
    border: 2px solid black;
    background: black;
    color: white;
    box-shadow: none !important;
  }

  .button-banner:focus-visible i.material-icons,
  .button-banner:focus-visible span.material-icons {
    outline: 2px solid black;
    outline-offset: -6px;
  }

  .button-banner.disabled,
  .button-banner:disabled {
    opacity: 0.25;
    filter: alpha(opacity=25);
    pointer-events: none;
  }

  .button-banner.disabled i.material-icons,
  .button-banner.disabled span.material-icons,
  .button-banner:disabled i.material-icons,
  .button-banner:disabled span.material-icons {
    box-shadow: none;
  }
}

@media screen {
  .button-help {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    text-align: left;
    display: flex;
  }

  .button-help .material-icons {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    line-height: 18px;
    margin-left: -3px;
    color: #2D7CAD;
  }

  .button-help:not(:hover) .text,
  .button-help.active .text {
    display: none;
  }

  .button-help:hover:not(.active) .text {
    background: #2D7CAD;
    color: white;
    padding: 3px 8px 3px 2px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
    margin-left: 34px;
    margin-top: -1px;
    font-size: 13px;
    white-space: nowrap;
    z-index: 1;
  }

  .button-help:hover:not(.active) .text::before {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #2D7CAD;
    content: "";
    display: block;
    left: -11px;
    top: calc(50% - 11px);
  }

  .button-help:not([disabled]):focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .button-help::before {
    content: " ";
    color: transparent;
  }

  .button-help.active .material-icons::before {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #2D7CAD;
    content: "";
    margin-top: -30px;
    margin-left: 0;
    z-index: 2;
  }

  .button-help.active .material-icons::after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #EAF2F7;
    content: "";
    margin-top: -31px;
    margin-left: 0;
    z-index: 3;
  }
}

@media screen {
  .button-popout {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    font-weight: bold;
    padding-right: 20px;
    margin-right: 2px;
  }

  .button-popout .material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    position: absolute;
    color: #2D7CAD;
    content: "help";
    width: 24px;
    margin-left: 1px;
    margin-right: auto;
    font-size: 120%;
    top: 0;
    max-width: 20px;
  }

  .button-popout:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .button-popout .text {
    background: #2D7CAD;
    color: white;
    padding: 3px 8px 3px 2px;
    border-radius: 2px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-top: 1px;
    position: absolute;
    left: calc(100% + 5px);
    font-size: 13px;
    line-height: 17px;
    font-weight: normal;
    white-space: nowrap;
    min-height: 22px;
    max-height: 22px;
    z-index: 1;
  }

  .button-popout .text::before {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #2D7CAD;
    content: "";
    display: block;
    margin-left: -12px;
    top: calc(50% - 11px);
  }

  .button-popout:not(:hover) .text,
  .button-popout.active .text {
    display: none;
  }

  .button-popout.active .material-icons::before {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #2D7CAD;
    content: "";
    top: -7px;
    left: 4px;
    z-index: 2;
  }

  .button-popout.active .material-icons::after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #EAF2F7;
    content: "";
    top: -8px;
    left: 4px;
    z-index: 3;
  }
}

@media screen {
  .button-link {
    margin: 0;
    padding: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: transparent;
    border: none;
    display: inline-flex;
    color: black;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    border-radius: 0;
  }

  .button-link i.material-icons,
  .button-link span.material-icons {
    color: black;
    height: 20px;
    width: 20px;
    overflow: hidden;
    padding: 0;
    align-items: center;
    justify-content: center;
    font-size: 20px;
  }

  .button-link:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .button-link:not(:hover) .text,
  .button-link.active .text {
    display: none;
  }

  .button-link:hover:not(.active) .text {
    background: #2D7CAD;
    color: white;
    padding: 3px 8px 3px 2px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
    margin-left: 31px;
    margin-top: -1px;
    font-size: 13px;
    line-height: 17px;
    font-weight: normal;
    white-space: nowrap;
    z-index: 1;
    min-height: 22px;
    max-height: 22px;
  }

  .button-link:hover:not(.active) .text::before {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #2D7CAD;
    content: "";
    display: block;
    left: -11px;
    top: calc(50% - 11px);
  }
}

@media screen {
  .popout-group .button-link.active .material-icons::before {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #2D7CAD;
    content: "";
    margin-top: -4px;
    right: 6px;
    z-index: 2;
  }

  .popout-group .button-link.active .material-icons::after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #EAF2F7;
    content: "";
    margin-top: -5px;
    right: 6px;
    z-index: 3;
  }
}

@media screen {
  .button-description {
    position: absolute;
    background: #2D7CAD;
    color: white;
    border: 2px solid #2D7CAD;
    padding: 5px 10px;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: -33px;
  }

  .button-description::after {
    right: 10px;
    width: 0;
    height: 0;
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #2D7CAD;
    position: absolute;
    content: "";
    display: block;
  }

  .button-description.bottom {
    margin-top: 54px;
  }

  .button-description.bottom::after {
    bottom: auto;
    top: -10px;
    border-bottom: 10px solid #2D7CAD;
    border-top: none;
  }

  .button-description.left::after {
    right: auto;
    left: 10px;
  }
}

@media screen {
  .button-transparent {
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
}

@media screen {
  .application-icon {
    background: #E6E6E6;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    flex-shrink: 0;
    align-self: center;
    margin-right: 15px;
  }

  .application-icon img {
    max-width: 20px !important;
    height: auto;
  }

  .application-icon.realestate {
    background: #EF8604;
  }
}

@media screen {
  [list]::-webkit-calendar-picker-indicator {
    display: none !important;
  }
}

@media screen {
  [list]::-webkit-calendar-picker-indicator {
    display: none !important;
  }
}

@media screen {
  .form-input-prefix {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    background-color: white;
    border: none;
    padding: 1px 30px 1px 15px;
    height: 44px;
    border: 1px solid #666666;
    display: block;
    width: 100%;
    font-weight: 500;
    color: black;
    box-shadow: inset 0 1px 6px rgba(102, 102, 102, 0.3);
    width: fit-content;
    background-color: #E6E6E6;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 15px;
    font-weight: 400;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .form-input-prefix:focus-visible,
  .form-input-prefix:active {
    outline: 2px solid black;
    outline-offset: -2px;
  }

  .form-input-prefix.disabled,
  .form-input-prefix:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  .form-input-prefix::-webkit-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  .form-input-prefix::-moz-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  .form-input-prefix:-ms-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  .form-input-prefix:-moz-placeholder {
    font-weight: 400 !important;
    color: #666666;
  }
}

@media screen {
  .form-input-suffix {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    background-color: white;
    border: none;
    padding: 1px 30px 1px 15px;
    height: 44px;
    border: 1px solid #666666;
    display: block;
    width: 100%;
    font-weight: 500;
    color: black;
    box-shadow: inset 0 1px 6px rgba(102, 102, 102, 0.3);
    width: fit-content;
    background-color: #E6E6E6;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 15px;
    font-weight: 400;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .form-input-suffix:focus-visible,
  .form-input-suffix:active {
    outline: 2px solid black;
    outline-offset: -2px;
  }

  .form-input-suffix.disabled,
  .form-input-suffix:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  .form-input-suffix::-webkit-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  .form-input-suffix::-moz-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  .form-input-suffix:-ms-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  .form-input-suffix:-moz-placeholder {
    font-weight: 400 !important;
    color: #666666;
  }
}

@media screen {

  .flex-line .form-input-prefix+.form-input-text,
  .flex-line .form-input-prefix+.form-input-number,
  .flex-line .form-input-prefix+.form-input-password,
  .flex-line .form-input-prefix+.form-input-date,
  .flex-line .form-input-prefix+.form-select {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

@media screen {

  .flex-line .form-input-text+.form-input-suffix,
  .flex-line .form-input-number+.form-input-suffix,
  .flex-line .form-input-password+.form-input-suffix,
  .flex-line .form-input-date+.form-input-suffix,
  .flex-line .form-select+.form-input-suffix {
    margin-left: -5px;
    z-index: 1;
  }
}

@media screen {
  [list]::-webkit-calendar-picker-indicator {
    display: none !important;
  }
}

@media screen {
  .form-input-text {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    background-color: white;
    border: none;
    padding: 1px 30px 1px 15px;
    height: 44px;
    border: 1px solid #666666;
    display: block;
    width: 100%;
    font-weight: 500;
    color: black;
    box-shadow: inset 0 1px 6px rgba(102, 102, 102, 0.3);
    position: relative;
  }

  .form-input-text:focus-visible,
  .form-input-text:active {
    outline: 2px solid black;
    outline-offset: -2px;
  }

  .form-input-text.disabled,
  .form-input-text:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  .form-input-text::-webkit-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  .form-input-text::-moz-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  .form-input-text:-ms-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  .form-input-text:-moz-placeholder {
    font-weight: 400 !important;
    color: #666666;
  }

  .form-input-text.plain-text {
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    border-color: transparent;
    pointer-events: none;
    font-weight: 700;
    background: transparent;
    box-shadow: none;
    pointer-events: none;
  }
}

@media screen {
  input[type=number].form-input-text {
    padding-right: 4px;
  }
}

@media screen {
  [list]::-webkit-calendar-picker-indicator {
    display: none !important;
  }
}

@media screen {
  input.form-input-number {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    background-color: white;
    border: none;
    padding: 1px 30px 1px 15px;
    height: 44px;
    border: 1px solid #666666;
    display: block;
    width: 100%;
    font-weight: 500;
    color: black;
    box-shadow: inset 0 1px 6px rgba(102, 102, 102, 0.3);
    padding: 1px 0 1px 8px !important;
    position: relative;
    -moz-appearance: textfield;
  }

  input.form-input-number:focus-visible,
  input.form-input-number:active {
    outline: 2px solid black;
    outline-offset: -2px;
  }

  input.form-input-number.disabled,
  input.form-input-number:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  input.form-input-number::-webkit-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  input.form-input-number::-moz-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  input.form-input-number:-ms-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  input.form-input-number:-moz-placeholder {
    font-weight: 400 !important;
    color: #666666;
  }

  input.form-input-number.plain-text {
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    border-color: transparent;
    pointer-events: none;
    font-weight: 700;
    background: transparent;
    box-shadow: none;
  }

  input.form-input-number:not(.with-buttons) {
    -moz-appearance: textfield;
  }

  input.form-input-number:not(.with-buttons)::-webkit-outer-spin-button,
  input.form-input-number:not(.with-buttons)::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin-right: 8px;
  }

  input.form-input-number:placeholder-shown,
  input.form-input-number :-ms-input-placeholder {
    font-weight: normal;
  }

  input.form-input-number.with-buttons::-webkit-outer-spin-button,
  input.form-input-number.with-buttons::-webkit-inner-spin-button {
    -webkit-appearance: none;
    cursor: pointer;
    height: 100%;
    width: 44px;
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: transparent url("prerequisites/lm-icons/form-plus-minus.svg") no-repeat center center;
    background-size: 44px 44pxx;
  }
}

@media screen {
  [list]::-webkit-calendar-picker-indicator {
    display: none !important;
  }
}

@media screen {
  input.form-input-password {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    background-color: white;
    border: none;
    padding: 1px 30px 1px 15px;
    height: 44px;
    border: 1px solid #666666;
    display: block;
    width: 100%;
    font-weight: 500;
    color: black;
    box-shadow: inset 0 1px 6px rgba(102, 102, 102, 0.3);
    position: relative;
  }

  input.form-input-password:focus-visible,
  input.form-input-password:active {
    outline: 2px solid black;
    outline-offset: -2px;
  }

  input.form-input-password.disabled,
  input.form-input-password:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  input.form-input-password::-webkit-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  input.form-input-password::-moz-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  input.form-input-password:-ms-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  input.form-input-password:-moz-placeholder {
    font-weight: 400 !important;
    color: #666666;
  }

  input.form-input-password::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "visibility_off";
    position: absolute;
    margin: 0;
    bottom: 0;
    right: 0 !important;
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    padding: 0;
    pointer-events: none;
    left: unset !important;
  }

  input.form-input-password.plain-text {
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    border-color: transparent;
    pointer-events: none;
    font-weight: 700;
    background: transparent;
    box-shadow: none;
  }

  input.form-input-password:placeholder-shown,
  input.form-input-password :-ms-input-placeholder {
    font-weight: normal;
  }
}

@media screen {
  [list]::-webkit-calendar-picker-indicator {
    display: none !important;
  }
}

@media screen {
  input.form-input-range {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    /* Override default CSS styles */
    appearance: none;
    height: 10px;
    border: 1px solid #666666;
    padding: 0 3px;
    margin: 17px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }

  input.form-input-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 45px;
    height: 45px;
    border: 2px solid #333333;
    border-radius: 10px;
    background: white;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
  }

  input.form-input-range:focus-visible {
    outline: 2px solid black;
    outline-offset: -2px;
  }

  input.form-input-range:focus-visible::-webkit-slider-thumb {
    outline: 2px solid white;
    outline-offset: -4px;
  }
}

@media screen {
  [list]::-webkit-calendar-picker-indicator {
    display: none !important;
  }
}

@media screen {
  input.form-input-date {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    background-color: white;
    border: none;
    padding: 1px 30px 1px 15px;
    height: 44px;
    border: 1px solid #666666;
    display: block;
    width: 100%;
    font-weight: 500;
    color: black;
    box-shadow: inset 0 1px 6px rgba(102, 102, 102, 0.3);
    position: relative;
    display: block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    line-height: 1.6;
  }

  input.form-input-date:focus-visible,
  input.form-input-date:active {
    outline: 2px solid black;
    outline-offset: -2px;
  }

  input.form-input-date.disabled,
  input.form-input-date:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  input.form-input-date::-webkit-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  input.form-input-date::-moz-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  input.form-input-date:-ms-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  input.form-input-date:-moz-placeholder {
    font-weight: 400 !important;
    color: #666666;
  }

  input.form-input-date.plain-text {
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    border-color: transparent;
    pointer-events: none;
    font-weight: 700;
    background: transparent;
    box-shadow: none;
  }

  input.form-input-date::-webkit-inner-spin-button,
  input.form-input-date::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
  }
}

@media screen {
  [list]::-webkit-calendar-picker-indicator {
    display: none !important;
  }
}

@media screen {
  select.form-select {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    background-color: white;
    border: none;
    padding: 1px 30px 1px 15px;
    height: 44px;
    border: 1px solid #666666;
    display: block;
    width: 100%;
    font-weight: 500;
    color: black;
    box-shadow: inset 0 1px 6px rgba(102, 102, 102, 0.3);
    background-position: right 8px center;
    position: relative;
    min-height: 30px;
    padding: 1px 30px 1px 15px;
  }

  select.form-select:focus-visible,
  select.form-select:active {
    outline: 2px solid black;
    outline-offset: -2px;
  }

  select.form-select.disabled,
  select.form-select:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  select.form-select::-webkit-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  select.form-select::-moz-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  select.form-select:-ms-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  select.form-select:-moz-placeholder {
    font-weight: 400 !important;
    color: #666666;
  }

  select.form-select[multiple] {
    height: auto;
    overflow: hidden;
    padding: 8px 0;
  }

  select.form-select[multiple] option {
    background: transparent;
    padding: 0 8px;
  }

  select.form-select[multiple] option:checked {
    background: #333333;
    color: white;
  }

  select.form-select.inline {
    display: inline-block;
    width: max-content;
  }

  select.form-select option,
  select.form-select optgroup {
    background-color: white;
  }

  select.form-select.plain-text {
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    border-color: transparent;
    pointer-events: none;
    font-weight: 700;
    background: transparent;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    overflow: hidden;
    pointer-events: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  select.form-select.plain-text option {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen {
  [list]::-webkit-calendar-picker-indicator {
    display: none !important;
  }
}

@media screen {
  textarea.form-textarea {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    background-color: white;
    border: none;
    padding: 1px 30px 1px 15px;
    height: 44px;
    border: 1px solid #666666;
    display: block;
    width: 100%;
    font-weight: 500;
    color: black;
    box-shadow: inset 0 1px 6px rgba(102, 102, 102, 0.3);
    resize: vertical;
    height: 120px;
    min-height: 30px;
    padding: 3px 8px 0 8px;
  }

  textarea.form-textarea:focus-visible,
  textarea.form-textarea:active {
    outline: 2px solid black;
    outline-offset: -2px;
  }

  textarea.form-textarea.disabled,
  textarea.form-textarea:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  textarea.form-textarea::-webkit-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  textarea.form-textarea::-moz-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  textarea.form-textarea:-ms-input-placeholder {
    font-weight: 400 !important;
    color: #333333;
  }

  textarea.form-textarea:-moz-placeholder {
    font-weight: 400 !important;
    color: #666666;
  }
}

@media screen {

  .form-checkbox input[type=radio]:checked+.text::before,
  .form-radio input[type=radio]:checked+.text::before,
  .form-checkbox input[type=radio]+.text::before,
  .form-radio input[type=radio]+.text::before,
  .form-checkbox input[type=checkbox]:checked+.text::before,
  .form-radio input[type=checkbox]:checked+.text::before,
  .form-checkbox input[type=checkbox]+.text::before,
  .form-radio input[type=checkbox]+.text::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    position: absolute;
    margin: 1px 0 0 -25px;
    font-size: 26px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 20px;
    height: 20px;
  }
}

@media screen and (-ms-high-contrast: none) {

  .form-checkbox input[type=radio]:checked+.text::before,
  .form-radio input[type=radio]:checked+.text::before,
  .form-checkbox input[type=radio]+.text::before,
  .form-radio input[type=radio]+.text::before,
  .form-checkbox input[type=checkbox]:checked+.text::before,
  .form-radio input[type=checkbox]:checked+.text::before,
  .form-checkbox input[type=checkbox]+.text::before,
  .form-radio input[type=checkbox]+.text::before {
    margin: 0 0 0 -25px;
    font-size: 0.7em;
  }
}

@media screen {

  .form-checkbox,
  .form-radio {
    margin: 0;
    padding: 0;
    min-height: 44px;
    padding: 0 0 0 20px;
  }

  .form-checkbox.disabled,
  .form-radio.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  .form-checkbox label,
  .form-radio label {
    min-height: 44px;
  }

  .form-checkbox input[type=checkbox],
  .form-checkbox input[type=radio],
  .form-radio input[type=checkbox],
  .form-radio input[type=radio] {
    position: absolute;
    opacity: 0;
  }

  .form-checkbox input[type=checkbox]:focus-visible+.text:not(.no-text)::before,
  .form-checkbox input[type=radio]:focus-visible+.text:not(.no-text)::before,
  .form-radio input[type=checkbox]:focus-visible+.text:not(.no-text)::before,
  .form-radio input[type=radio]:focus-visible+.text:not(.no-text)::before {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .form-checkbox input[type=checkbox]:focus-visible+.text.no-text::before,
  .form-checkbox input[type=radio]:focus-visible+.text.no-text::before,
  .form-radio input[type=checkbox]:focus-visible+.text.no-text::before,
  .form-radio input[type=radio]:focus-visible+.text.no-text::before {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .form-checkbox .text,
  .form-radio .text {
    min-height: 44px;
    padding: 10.5px 0;
    font-weight: 700;
  }

  .form-checkbox .text:not(.no-text),
  .form-radio .text:not(.no-text) {
    padding-right: 5px;
  }

  .form-checkbox .text.no-text,
  .form-radio .text.no-text {
    width: 1px;
    height: 16px;
    overflow: hidden;
  }

  .form-checkbox input[type=checkbox]+.text,
  .form-radio input[type=checkbox]+.text {
    display: inline-block;
    padding-left: 5px;
  }

  .form-checkbox input[type=checkbox]+.text::before,
  .form-radio input[type=checkbox]+.text::before {
    content: "check_box_outline_blank";
    border-radius: 2px;
  }

  .form-checkbox input[type=checkbox]:checked+.text::before,
  .form-radio input[type=checkbox]:checked+.text::before {
    content: "check_box";
    border-radius: 2px;
  }

  .form-checkbox input[type=radio]+.text,
  .form-radio input[type=radio]+.text {
    display: inline-block;
    padding-left: 5px;
  }

  .form-checkbox input[type=radio]+.text::before,
  .form-radio input[type=radio]+.text::before {
    content: "radio_button_unchecked";
    border-radius: 12px;
  }

  .form-checkbox input[type=radio]:checked+.text::before,
  .form-radio input[type=radio]:checked+.text::before {
    content: "radio_button_checked";
    border-radius: 12px;
  }

  .form-checkbox input[type=radio]:disabled+.text,
  .form-checkbox input[type=checkbox]:disabled+.text,
  .form-radio input[type=radio]:disabled+.text,
  .form-radio input[type=checkbox]:disabled+.text {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  .form-checkbox.with-description,
  .form-radio.with-description {
    height: auto !important;
  }

  .form-checkbox.with-description label,
  .form-radio.with-description label {
    margin-bottom: 0;
  }

  .form-checkbox.with-description p:not(.label),
  .form-radio.with-description p:not(.label) {
    margin: 0;
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 80%;
    font-weight: 400;
    text-indent: 5px;
  }

  .form-checkbox.with-description p:not(.label) .button-link .material-icons,
  .form-radio.with-description p:not(.label) .button-link .material-icons {
    font-size: 20px;
    margin: -8px 2px 0 2px;
  }

  .form-checkbox label.label:empty,
  .form-radio label.label:empty {
    display: block;
    min-height: 14px;
  }

  .form-checkbox .button-inline,
  .form-radio .button-inline {
    margin-left: -5px;
  }
}

@media screen {
  .form-switch {
    margin: 0;
    padding: 0;
    min-height: 44px;
    padding: 0 0 0 20px;
    padding: 0;
    position: relative;
    width: 100%;
  }

  .form-switch.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  .form-switch label {
    min-height: 44px;
  }

  .form-switch input[type=checkbox],
  .form-switch input[type=radio] {
    position: absolute;
    opacity: 0;
  }

  .form-switch input[type=checkbox]:focus-visible+.text:not(.no-text)::before,
  .form-switch input[type=radio]:focus-visible+.text:not(.no-text)::before {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .form-switch input[type=checkbox]:focus-visible+.text.no-text::before,
  .form-switch input[type=radio]:focus-visible+.text.no-text::before {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .form-switch .text {
    min-height: 44px;
    padding: 10.5px 0;
    font-weight: 700;
  }

  .form-switch .text:not(.no-text) {
    padding-right: 5px;
  }

  .form-switch .text.no-text {
    width: 1px;
    height: 16px;
    overflow: hidden;
  }

  .form-switch label {
    width: 100%;
    height: 100%;
  }

  .form-switch input[type=checkbox],
  .form-switch input[type=radio] {
    padding: 0;
  }

  .form-switch input[type=checkbox]+.text,
  .form-switch input[type=radio]+.text {
    display: block;
    pointer-events: none;
    padding: 10.5px 52px 10.5px 0;
    min-height: 44px;
  }

  .form-switch input[type=checkbox]+.text::before,
  .form-switch input[type=radio]+.text::before {
    background-color: white;
    border-radius: 15px;
    position: absolute;
    right: 0;
    top: 10px;
    display: block;
    width: 48px;
    height: 24px;
    content: "";
    border: 2px solid black;
    pointer-events: none;
  }

  .form-switch input[type=checkbox]+.text::after,
  .form-switch input[type=radio]+.text::after {
    position: absolute;
    right: 30px;
    top: 16px;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: black;
    pointer-events: none;
  }

  .form-switch input[type=checkbox]:checked+.text::before,
  .form-switch input[type=radio]:checked+.text::before {
    background-color: black;
  }

  .form-switch input[type=checkbox]:checked+.text::after,
  .form-switch input[type=radio]:checked+.text::after {
    right: 6px;
    background-color: white;
    top: 16px;
    width: 13px;
    height: 13px;
  }

  .form-switch input[type=checkbox]:checked:focus-visible+.text::before,
  .form-switch input[type=radio]:checked:focus-visible+.text::before {
    background-color: black !important;
  }

  .form-switch input[type=checkbox]:checked:focus-visible+.text::after,
  .form-switch input[type=radio]:checked:focus-visible+.text::after {
    background-color: white !important;
  }

  .form-switch input[type=checkbox]:not(:checked):focus-visible+.text::before,
  .form-switch input[type=radio]:not(:checked):focus-visible+.text::before {
    background-color: white !important;
  }

  .form-switch input[type=checkbox]:not(:checked):focus-visible+.text::after,
  .form-switch input[type=radio]:not(:checked):focus-visible+.text::after {
    background-color: black !important;
  }

  .form-switch input[type=checkbox]:disabled+.text,
  .form-switch input[type=radio]:disabled+.text {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  .form-switch.with-description {
    height: auto !important;
  }

  .form-switch.with-description label {
    margin-bottom: 0;
  }

  .form-switch.with-description p {
    margin: 0;
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 80%;
    font-weight: 400;
    text-indent: 5px;
  }
}

@media screen {
  fieldset.form-fieldset {
    border: 0;
    min-width: 0;
  }

  fieldset.form-fieldset legend {
    float: none;
    display: block;
    width: 100%;
    font-weight: 700;
    font-size: 100%;
  }

  fieldset.form-fieldset legend:not(.plain-text) {
    padding-bottom: 10px;
    border-bottom: 2px solid black;
  }

  fieldset.form-fieldset legend.plain-text {
    border-bottom: none !important;
  }

  fieldset.form-fieldset legend .description {
    font-weight: 400;
    display: block;
    font-size: 14px;
    margin: 0;
  }

  fieldset.form-fieldset legend .description .button-link .material-icons {
    font-size: 20px;
    margin: 0 2px -2px 0;
  }

  fieldset.form-fieldset legend .description .popout-group .popout {
    margin-bottom: 3px !important;
  }

  fieldset.form-fieldset legend .description .popout-group .button-link {
    font-size: 14px;
  }

  fieldset.form-fieldset legend .description .popout-group .button-link .material-icons {
    font-size: 18px;
    color: #2D7CAD;
  }
}

@media screen and (max-width: 767px) {
  fieldset.form-fieldset legend .description .popout-group .button-link .material-icons {
    width: 30px;
    height: 30px;
    font-size: 30px;
    border-width: 2px;
    padding: 0;
    margin-top: 4px;
  }

  fieldset.form-fieldset legend .description .popout-group .button-link .material-icons::before {
    margin-top: -38px;
  }

  fieldset.form-fieldset legend .description .popout-group .button-link .material-icons::after {
    margin-top: -40px;
  }
}

@media screen {
  fieldset.form-fieldset legend .description .popout-group .button-link .text {
    left: calc(100% - 23px);
  }
}

@media screen and (max-width: 767px) {
  fieldset.form-fieldset legend .description .popout-group .button-link .text {
    display: none;
  }
}

@media screen {
  fieldset.form-fieldset .fieldset-subheading {
    margin: 0 !important;
    padding: 20px 0 0 0 !important;
  }
}

@media screen {
  fieldset.form-fieldset .layout-group-sub {
    margin: 10px 0 0 0 !important;
    display: inline-flex;
    width: 100%;
    flex-direction: column;
  }
}

@media screen {
  fieldset.form-fieldset.horizontal-form-groups .form-group {
    display: flex;
    flex-direction: row;
  }

  fieldset.form-fieldset.horizontal-form-groups .form-group .label {
    display: block;
    margin-top: 18px;
    padding-top: 8px;
    margin-right: 15px;
    white-space: nowrap;
    text-align: right;
  }

  fieldset.form-fieldset.horizontal-form-groups .form-group .label.mandatory::after {
    position: absolute !important;
    padding-top: 20px;
  }

  fieldset.form-fieldset.horizontal-form-groups .form-group .form-input-text,
  fieldset.form-fieldset.horizontal-form-groups .form-group .form-input-date,
  fieldset.form-fieldset.horizontal-form-groups .form-group .form-input-number,
  fieldset.form-fieldset.horizontal-form-groups .form-group .form-input-password,
  fieldset.form-fieldset.horizontal-form-groups .form-group .form-select,
  fieldset.form-fieldset.horizontal-form-groups .form-group .form-textarea,
  fieldset.form-fieldset.horizontal-form-groups .form-group .form-input-range,
  fieldset.form-fieldset.horizontal-form-groups .form-group .form-checkbox,
  fieldset.form-fieldset.horizontal-form-groups .form-group .form-radio,
  fieldset.form-fieldset.horizontal-form-groups .form-group .button-sub,
  fieldset.form-fieldset.horizontal-form-groups .form-group .button-icon {
    margin-top: 12px;
  }

  fieldset.form-fieldset.horizontal-form-groups .form-group p {
    margin: 17px 0 0 0;
    padding: 0;
  }

  fieldset.form-fieldset.horizontal-form-groups .form-group>.material-icons {
    margin-top: 15px;
  }

  fieldset.form-fieldset.horizontal-form-groups .form-group .validation {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    margin-bottom: -15px;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  fieldset.form-fieldset.horizontal-form-groups .form-group .form-select:focus-visible+.validation {
    display: none;
  }
}

@media screen {

  label.label,
  p.label {
    background: transparent;
    display: block;
    line-height: normal;
    font-weight: 400;
    font-size: 14px;
    border: none;
    text-align: left;
    color: black;
    white-space: unset;
    display: flex;
    align-items: flex-start;
  }

  label.label.mandatory,
  p.label.mandatory {
    font-weight: 700;
  }

  label.label.mandatory .button-help,
  p.label.mandatory .button-help {
    order: 3;
  }

  label.label.mandatory::after,
  p.label.mandatory::after {
    content: "*";
    color: #666666;
    margin-left: 2.5px;
    position: relative;
    top: 2.5px;
  }

  label.label.note,
  p.label.note {
    font-style: italic;
  }

  label.label.note::after,
  p.label.note::after {
    content: "(1)";
    color: #666666;
    margin-left: 2.5px;
    position: relative;
    top: -2.5px;
    font-size: 80%;
  }

  label.label.note.two::after,
  p.label.note.two::after {
    content: "(2)";
  }

  label.label.note.three::after,
  p.label.note.three::after {
    content: "(3)";
  }

  label.label.note.four::after,
  p.label.note.four::after {
    content: "(4)";
  }

  label.label.note.five::after,
  p.label.note.five::after {
    content: "(5)";
  }

  label.label .button-link,
  p.label .button-link {
    font-weight: 700;
    text-decoration: none;
  }

  label.label .button-link:hover,
  p.label .button-link:hover {
    text-decoration: underline;
  }

  label.label .description,
  p.label .description {
    display: block;
    font-weight: 400;
    margin: 20px 0 4px 0;
    font-size: 16px;
    font-weight: 700;
  }

  label.label.with-description,
  p.label.with-description {
    display: flex;
    flex-wrap: wrap;
  }

  label.label.with-description .description,
  p.label.with-description .description {
    flex-basis: 100%;
  }
}

@media screen {
  .validation {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: table;
    font-size: 80%;
    line-height: 110%;
    padding: 4px 6px;
    font-weight: 700;
    background: #fee214;
    color: black;
    word-break: break-all;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
  }

  .validation .button-popout .material-icons {
    color: black;
  }

  .validation.mandatory {
    background-color: #E40427;
    color: white;
  }

  .validation.mandatory::after {
    content: "*";
    margin-left: 2.5px;
    position: relative;
    top: 2px;
    opacity: 0.75;
    filter: alpha(opacity=75);
  }

  .validation.mandatory .button-popout {
    color: white;
  }

  .validation.mandatory .button-popout .material-icons {
    color: white;
  }

  .validation .popout {
    color: black;
  }
}

@media screen {
  .popover {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    border: 2px solid #666666;
    background: white;
    text-decoration: none;
    color: black;
    font-weight: 700;
    font-size: 16px;
  }

  .popover.bs-popover-top>.popover-arrow {
    margin-bottom: -1px;
  }

  .popover.bs-popover-top>.popover-arrow::after {
    border-top-color: #666666;
  }

  .popover.bs-popover-start>.popover-arrow {
    margin-right: -1px;
  }

  .popover.bs-popover-start>.popover-arrow::after {
    border-left-color: #666666;
  }

  .popover.bs-popover-end>.popover-arrow {
    margin-left: -1px;
  }

  .popover.bs-popover-end>.popover-arrow::after {
    border-right-color: #666666;
  }

  .popover.bs-popover-bottom>.popover-arrow {
    margin-top: -1px;
  }

  .popover.bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: #666666;
  }

  .popover .popover-header,
  .popover h3,
  .popover header.list-group-heading,
  .popover .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .popover h3,
  .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .popover .h3,
  .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .popover header,
  .popover .layout-group-sub .h3,
  .layout-group-sub .popover .h3,
  .popover .layout-group-sub header,
  .layout-group-sub .popover header {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    padding: 3px 10px 7px;
    color: black;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 1.5;
    background-color: #E6E6E6;
    color: black;
    border: none;
    margin: 0 !important;
    padding: 0 5px 1px 5px !important;
    text-align: center;
  }

  .popover .popover-body {
    padding: 7px 10px 10px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
  }
}

@media screen {
  .notice {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    background-color: black;
    color: white;
  }

  .notice.unread {
    background-color: #E40427;
  }
}

@media screen {
  .badge {
    background-color: #2D7CAD;
    color: white;
    padding: 0;
    height: 27px;
    min-width: 27px;
    border-radius: 13.5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.5px;
  }

  .badge.alert {
    background-color: #E40427;
  }

  .badge .text {
    position: absolute;
    background-color: black;
    border-radius: 5px;
    visibility: hidden;
    padding: 2px 5px;
  }

  .badge:hover .text {
    visibility: visible;
  }
}

@media screen {
  .chip {
    background-color: #D5E5EF;
    color: black;
    padding: 0 10px;
    height: 27px;
    min-width: 27px;
    border-radius: 13.5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.5px;
    white-space: nowrap;
  }
}

@media screen {
  .rating {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 767.6px) {
  .rating {
    padding-left: 0 !important;
    margin: 0 -20px;
  }
}

@media screen {
  .rating li {
    height: 44px;
    width: 44px;
    margin: 5px;
    position: relative;
    overflow: hidden;
  }
}

@media screen and (max-width: 374.6px) {
  .rating li {
    margin: 5px 0;
  }
}

@media screen {

  .rating li p,
  .rating li .button-rating {
    white-space: nowrap;
    width: 44px;
    height: 44px;
    color: transparent;
    background-color: transparent;
    border: none;
    position: relative;
  }
}

@media screen {
  .rating li .button-rating:focus::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "star_outline";
    width: 44px;
    height: 44px;
    font-size: 22px;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: black;
    margin: -34px 0 0 -6px;
    z-index: 2;
  }
}

@media screen {
  .rating li::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "star";
    width: 44px;
    height: 44px;
    font-size: 50px;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #E6E6E6;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media screen {
  .rating li::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "star_outline";
    width: 44px;
    height: 44px;
    font-size: 55px;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    color: #CCCCCC;
  }
}

@media screen {
  .rating li.checked::before {
    color: gold;
  }

  .rating li.checked::after {
    color: #333333;
  }
}

@media screen {
  .rating li:hover {
    transform: scale(1.2);
  }
}

@media screen {
  .rating li:last-child.checked {
    animation: rotating 2s linear infinite;
  }
}

@media screen {
  .rating-text {
    font-size: 16px;
    margin: 0 0 20px 0 !important;
    text-align: center;
    max-width: 100%;
  }

  .rating-text.rated {
    font-weight: 700;
  }
}

@media screen {
  @keyframes rotating {
    from {
      transform: rotate(0deg) scale(1.3);
      -o-webkit-transform: rotate(0deg) scale(1.3);
      -ms-transform: rotate(0deg) scale(1.3);
      -webkit-transform: rotate(0deg) scale(1.3);
      -moz-transform: rotate(0deg) scale(1.3);
    }

    to {
      -webkit-transform: rotate(360deg) scale(1.3);
      -o-webkit-transform: rotate(360deg) scale(1.3);
      -ms-transform: rotate(360deg) scale(1.3);
      -webkit-transform: rotate(360deg) scale(1.3);
      -moz-transform: rotate(360deg) scale(1.3);
    }
  }
}

@media screen {

  .dropdown .form-checkbox,
  .dropdown .form-radio,
  .dropup .form-checkbox,
  .dropup .form-radio {
    padding: 3px 15px 0 32px;
  }

  .dropdown .form-checkbox:last-of-type,
  .dropdown .form-radio:last-of-type,
  .dropup .form-checkbox:last-of-type,
  .dropup .form-radio:last-of-type {
    padding: 3px 15px 10px 32px;
  }

  .dropdown .label,
  .dropup .label {
    padding-left: 15px;
  }

  .dropdown .button-top,
  .dropup .button-top {
    text-align: left !important;
  }

  .dropdown .button-top.dropdown-toggle,
  .dropup .button-top.dropdown-toggle {
    padding: 0 35px 0 10px;
    position: relative;
  }

  .dropdown .button-top.dropdown-toggle .material-icons,
  .dropup .button-top.dropdown-toggle .material-icons {
    margin-left: -5px !important;
  }

  .dropdown .button-top.dropdown-toggle::after,
  .dropup .button-top.dropdown-toggle::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "expand_more";
    position: absolute;
    font-size: 200%;
    right: 5px;
    top: 8px;
    border: none !important;
  }

  .dropdown .button-top.dropdown-toggle.active,
  .dropup .button-top.dropdown-toggle.active {
    animation: none !important;
  }

  .dropdown .button-top.dropdown-toggle.active::after,
  .dropup .button-top.dropdown-toggle.active::after {
    content: "expand_less";
  }

  .dropdown .button-link:focus-visible,
  .dropup .button-link:focus-visible {
    outline-offset: -2px;
  }

  .dropdown.open .button-top.dropdown-toggle,
  .dropup.open .button-top.dropdown-toggle {
    margin: 0;
    padding: 0;
    border: 2px solid black;
    background: white;
    text-decoration: none !important;
    position: relative;
    color: black;
    font-weight: 700;
    width: fit-content;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    overflow: hidden;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
    font-variant-ligatures: none !important;
    border-radius: 30px;
    min-height: 60px;
    line-height: 18px;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer !important;
  }

  .dropdown.open .button-top.dropdown-toggle .material-icons,
  .dropup.open .button-top.dropdown-toggle .material-icons {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
  }

  .dropdown.open .button-top.dropdown-toggle.animated .material-icons,
  .dropup.open .button-top.dropdown-toggle.animated .material-icons {
    animation: spin 1s linear infinite;
  }

  .dropdown.open .button-top.dropdown-toggle:not([disabled]):focus-visible,
  .dropup.open .button-top.dropdown-toggle:not([disabled]):focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .dropdown.open .button-top.dropdown-toggle.invisible,
  .dropup.open .button-top.dropdown-toggle.invisible {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
  }

  .dropdown.open .button-top.dropdown-toggle.active,
  .dropup.open .button-top.dropdown-toggle.active {
    box-shadow: none;
  }

  .dropdown.open .button-top.dropdown-toggle.active img.material-icons,
  .dropup.open .button-top.dropdown-toggle.active img.material-icons {
    filter: brightness(0) invert(1);
  }

  .dropdown.open .button-top.dropdown-toggle.active,
  .dropdown.open .button-top.dropdown-toggle.show,
  .dropdown.open .button-top.dropdown-toggle:hover,
  .dropup.open .button-top.dropdown-toggle.active,
  .dropup.open .button-top.dropdown-toggle.show,
  .dropup.open .button-top.dropdown-toggle:hover {
    background-color: black;
    border-color: black;
    color: white !important;
  }

  .dropdown.open .button-top.dropdown-toggle.active .material-icons,
  .dropdown.open .button-top.dropdown-toggle.show .material-icons,
  .dropdown.open .button-top.dropdown-toggle:hover .material-icons,
  .dropup.open .button-top.dropdown-toggle.active .material-icons,
  .dropup.open .button-top.dropdown-toggle.show .material-icons,
  .dropup.open .button-top.dropdown-toggle:hover .material-icons {
    color: white;
  }

  .dropdown.open .button-top.dropdown-toggle.active img,
  .dropdown.open .button-top.dropdown-toggle.show img,
  .dropdown.open .button-top.dropdown-toggle:hover img,
  .dropup.open .button-top.dropdown-toggle.active img,
  .dropup.open .button-top.dropdown-toggle.show img,
  .dropup.open .button-top.dropdown-toggle:hover img {
    filter: brightness(0) invert(1);
  }

  .dropdown.open .button-top.dropdown-toggle.active .icon-placeholder,
  .dropdown.open .button-top.dropdown-toggle.show .icon-placeholder,
  .dropdown.open .button-top.dropdown-toggle:hover .icon-placeholder,
  .dropup.open .button-top.dropdown-toggle.active .icon-placeholder,
  .dropup.open .button-top.dropdown-toggle.show .icon-placeholder,
  .dropup.open .button-top.dropdown-toggle:hover .icon-placeholder {
    filter: brightness(0) invert(1);
  }

  .dropdown.open .button-top.dropdown-toggle .badge,
  .dropup.open .button-top.dropdown-toggle .badge {
    position: absolute;
    z-index: 1;
  }

  .dropdown.open .button-top.dropdown-toggle i.material-icons,
  .dropdown.open .button-top.dropdown-toggle span.material-icons,
  .dropup.open .button-top.dropdown-toggle i.material-icons,
  .dropup.open .button-top.dropdown-toggle span.material-icons {
    line-height: 50px;
    margin-top: -2px;
    height: 50px;
    width: 50px;
    font-size: 35px;
    margin-left: -15px;
  }
}

@media screen and (max-width: 400px) {

  .dropdown.open .button-top.dropdown-toggle i.material-icons,
  .dropdown.open .button-top.dropdown-toggle span.material-icons,
  .dropup.open .button-top.dropdown-toggle i.material-icons,
  .dropup.open .button-top.dropdown-toggle span.material-icons {
    min-width: 50px;
  }
}

@media screen {

  .dropdown.open .button-top.dropdown-toggle .icon-placeholder,
  .dropup.open .button-top.dropdown-toggle .icon-placeholder {
    margin-top: -5px;
    margin-left: -7px;
    margin-right: 5px;
    height: 35px;
    width: 35px;
    padding: 2.5px;
    background: url(prerequisites/lm-icons/generic_button.svg) 50% 50% no-repeat;
    background-size: 35px 35px;
  }
}

@media screen {

  .dropdown.open .button-top.dropdown-toggle:not([disabled]):focus-visible .material-icons,
  .dropup.open .button-top.dropdown-toggle:not([disabled]):focus-visible .material-icons {
    color: white !important;
  }
}

@media screen {

  .dropdown.open .button-top.dropdown-toggle::after,
  .dropup.open .button-top.dropdown-toggle::after {
    content: "expand_less";
  }
}

@media screen {

  .dropdown:not(.dropdown-tile) .dropdown-menu,
  .dropup:not(.dropdown-tile) .dropdown-menu {
    margin: 0;
    padding: 0;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
    background: white;
    text-decoration: none;
    color: black;
    font-weight: 400;
    font-size: 16px;
    overflow: hidden;
    padding: 0;
    margin: 5px 0;
    z-index: 2000;
  }

  .dropdown:not(.dropdown-tile) .dropdown-menu li .button-top,
  .dropup:not(.dropdown-tile) .dropdown-menu li .button-top {
    overflow: hidden;
    justify-content: flex-start;
    border: none;
    padding: 0 10px 0 15px;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100%;
    display: flex;
    min-height: 30px;
    height: 30px;
  }

  .dropdown:not(.dropdown-tile) .dropdown-menu li .button-top .material-icons,
  .dropup:not(.dropdown-tile) .dropdown-menu li .button-top .material-icons {
    font-size: 30px;
  }
}

@media screen {

  .dropdown.menu-top .button-top,
  .dropup.menu-top .button-top {
    padding-right: 40px;
  }

  .dropdown.menu-top .button-top::after,
  .dropup.menu-top .button-top::after {
    content: "";
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "expand_more";
    position: absolute;
    font-size: 200%;
    right: 8px;
    top: 12px;
    border: none !important;
  }

  .dropdown.menu-top .button-top.show,
  .dropup.menu-top .button-top.show {
    box-shadow: none;
  }

  .dropdown.menu-top .button-top.show::after,
  .dropup.menu-top .button-top.show::after {
    content: "";
    content: "expand_less";
  }

  .dropdown.menu-top .button-link,
  .dropup.menu-top .button-link {
    padding: 6.5px 20px 6.5px 10px;
    display: flex;
    align-items: center;
    color: black;
    font-weight: 400;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    white-space: nowrap;
  }

  .dropdown.menu-top .button-link img,
  .dropup.menu-top .button-link img {
    height: 30px;
    width: auto;
    margin: 0 5px 0 0;
    display: block;
  }

  .dropdown.menu-top .button-link .material-icons,
  .dropup.menu-top .button-link .material-icons {
    border: none;
    background-color: transparent;
    transform: none;
    color: black;
    font-weight: 400;
    margin: 0 5px 0 0;
    width: 30px;
    height: 30px;
    font-size: 30px;
  }

  .dropdown.menu-top .button-link .material-icons::before,
  .dropup.menu-top .button-link .material-icons::before {
    display: none;
  }

  .dropdown.menu-top .button-link:hover:not(:focus-visible),
  .dropdown.menu-top .button-link.active,
  .dropup.menu-top .button-link:hover:not(:focus-visible),
  .dropup.menu-top .button-link.active {
    background-color: #F2F2F2;
    text-decoration: underline;
  }

  .dropdown.menu-top .button-link:hover:not(:focus-visible) .material-icons,
  .dropdown.menu-top .button-link.active .material-icons,
  .dropup.menu-top .button-link:hover:not(:focus-visible) .material-icons,
  .dropup.menu-top .button-link.active .material-icons {
    text-decoration: none !important;
    overflow: hidden;
  }

  .dropdown.menu-top .button-link:focus-visible,
  .dropup.menu-top .button-link:focus-visible {
    outline: 2px solid black;
    outline: -2px;
  }

  .dropdown.menu-top .dropdown-menu,
  .dropup.menu-top .dropdown-menu {
    margin: 65px 0 0 0 !important;
    transform: none !important;
  }
}

@media screen {

  .dropdown.menu-sub .button-sub,
  .dropup.menu-sub .button-sub {
    padding-right: 30px;
  }

  .dropdown.menu-sub .button-sub::after,
  .dropup.menu-sub .button-sub::after {
    content: "";
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "expand_more";
    position: absolute;
    font-size: 150%;
    right: 5px;
    top: 9px;
    border: none !important;
  }

  .dropdown.menu-sub .button-sub.show,
  .dropup.menu-sub .button-sub.show {
    box-shadow: none;
  }

  .dropdown.menu-sub .button-sub.show::after,
  .dropup.menu-sub .button-sub.show::after {
    content: "";
    content: "expand_less";
  }

  .dropdown.menu-sub .button-link,
  .dropup.menu-sub .button-link {
    padding: 6.5px 20px 6.5px 10px;
    display: flex;
    align-items: center;
    color: black;
    font-weight: 400;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    white-space: nowrap;
  }

  .dropdown.menu-sub .button-link img,
  .dropup.menu-sub .button-link img {
    height: 30px;
    width: auto;
    margin: 0 5px 0 0;
    display: block;
  }

  .dropdown.menu-sub .button-link .material-icons,
  .dropup.menu-sub .button-link .material-icons {
    border: none;
    background-color: transparent;
    transform: none;
    color: black;
    font-weight: 400;
    margin: 0 5px 0 0;
    width: 30px;
    height: 30px;
    font-size: 30px;
  }

  .dropdown.menu-sub .button-link .material-icons::before,
  .dropup.menu-sub .button-link .material-icons::before {
    display: none;
  }

  .dropdown.menu-sub .button-link:hover:not(:focus-visible),
  .dropdown.menu-sub .button-link.active,
  .dropup.menu-sub .button-link:hover:not(:focus-visible),
  .dropup.menu-sub .button-link.active {
    background-color: #F2F2F2;
    text-decoration: underline;
  }

  .dropdown.menu-sub .button-link:hover:not(:focus-visible) .material-icons,
  .dropdown.menu-sub .button-link.active .material-icons,
  .dropup.menu-sub .button-link:hover:not(:focus-visible) .material-icons,
  .dropup.menu-sub .button-link.active .material-icons {
    text-decoration: none !important;
    overflow: hidden;
  }

  .dropdown.menu-sub .button-link:focus-visible,
  .dropup.menu-sub .button-link:focus-visible {
    outline: 2px solid black;
    outline: -2px;
  }

  .dropdown.menu-sub .dropdown-menu,
  .dropup.menu-sub .dropdown-menu {
    margin: 49px 0 0 0 !important;
    transform: none !important;
  }
}

@media screen {

  .dropdown.dropdown-tabs .button-link,
  .dropup.dropdown-tabs .button-link {
    margin: -5px -10px;
    padding: 5px 10px;
    color: black;
    font-weight: 400;
  }

  .dropdown.dropdown-tabs .button-link .material-icons,
  .dropup.dropdown-tabs .button-link .material-icons {
    color: black;
    font-weight: 400;
    margin-right: 5px;
  }

  .dropdown.dropdown-tabs .button-link .material-icons::before,
  .dropup.dropdown-tabs .button-link .material-icons::before {
    display: none;
  }

  .dropdown.dropdown-tabs .button-link::after,
  .dropup.dropdown-tabs .button-link::after {
    display: none;
  }

  .dropdown.dropdown-tabs .button-link:focus-visible,
  .dropup.dropdown-tabs .button-link:focus-visible {
    outline: 2px solid black;
    outline-offset: -2px;
  }

  .dropdown.dropdown-tabs .dropdown-menu,
  .dropup.dropdown-tabs .dropdown-menu {
    margin: 26px 0 0 2px !important;
    border: 1px solid #CCCCCC;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
    overflow: hidden;
    transform: none !important;
    z-index: 100;
  }

  .dropdown.dropdown-tabs .dropdown-menu li,
  .dropup.dropdown-tabs .dropdown-menu li {
    padding: 7.5px 15px;
    font-size: 16px;
    font-weight: 400;
  }

  .dropdown.dropdown-tabs .dropdown-menu li:not(:last-child),
  .dropup.dropdown-tabs .dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid;
  }

  .dropdown.dropdown-tabs .dropdown-menu li.active,
  .dropup.dropdown-tabs .dropdown-menu li.active {
    background-color: #F2F2F2;
    text-decoration: underline;
  }

  .dropdown.dropdown-tabs .dropdown-menu li:hover:not(:focus-visible),
  .dropup.dropdown-tabs .dropdown-menu li:hover:not(:focus-visible) {
    background-color: #F2F2F2;
    text-decoration: underline;
  }

  .dropdown.dropdown-tabs .dropdown-menu li:focus-visible,
  .dropup.dropdown-tabs .dropdown-menu li:focus-visible {
    outline: 2px solid black;
    outline-offset: -2px;
  }
}

@media screen {

  .dropdown.dropdown-tile .dropdown-menu,
  .dropup.dropdown-tile .dropdown-menu {
    margin: 0;
    padding: 0;
    border: 1px solid #CCCCCC;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
    border-radius: 5px;
    overflow: hidden;
    margin: 14px 0 0 0 !important;
  }

  .dropdown.dropdown-tile .dropdown-menu li a,
  .dropdown.dropdown-tile .dropdown-menu li .button-link,
  .dropup.dropdown-tile .dropdown-menu li a,
  .dropup.dropdown-tile .dropdown-menu li .button-link {
    margin: 0;
    padding: 0;
    padding: 7.5px 15px;
    font-size: 15px;
    font-weight: 400;
    display: block;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
  }

  .dropdown.dropdown-tile .dropdown-menu li.active a:not(:focus-visible),
  .dropdown.dropdown-tile .dropdown-menu li.active .button-link:not(:focus-visible),
  .dropup.dropdown-tile .dropdown-menu li.active a:not(:focus-visible),
  .dropup.dropdown-tile .dropdown-menu li.active .button-link:not(:focus-visible) {
    background-color: #F2F2F2;
    color: black;
    text-decoration: underline;
  }

  .dropdown.dropdown-tile .dropdown-menu li:not(.active) a,
  .dropdown.dropdown-tile .dropdown-menu li:not(.active) .button-link,
  .dropup.dropdown-tile .dropdown-menu li:not(.active) a,
  .dropup.dropdown-tile .dropdown-menu li:not(.active) .button-link {
    color: black;
    text-decoration: none;
  }

  .dropdown.dropdown-tile .dropdown-menu li:not(.active) a:hover:not(:focus-visible),
  .dropdown.dropdown-tile .dropdown-menu li:not(.active) .button-link:hover:not(:focus-visible),
  .dropup.dropdown-tile .dropdown-menu li:not(.active) a:hover:not(:focus-visible),
  .dropup.dropdown-tile .dropdown-menu li:not(.active) .button-link:hover:not(:focus-visible) {
    background-color: #F2F2F2;
    text-decoration: underline;
  }

  .dropdown.dropdown-tile .dropdown-menu li:last-child,
  .dropup.dropdown-tile .dropdown-menu li:last-child {
    border-bottom: none;
  }
}

@media screen {

  .dropdown.dropdown-list .dropdown-menu,
  .dropup.dropdown-list .dropdown-menu {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    border: 2px solid #666666;
    padding: 0 !important;
  }

  .dropdown.dropdown-list .dropdown-menu li,
  .dropup.dropdown-list .dropdown-menu li {
    border-bottom: 1px solid #CCCCCC;
  }

  .dropdown.dropdown-list .dropdown-menu li a,
  .dropup.dropdown-list .dropdown-menu li a {
    margin: 0;
    padding: 0;
    padding: 10px;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .dropdown.dropdown-list .dropdown-menu li a i,
  .dropup.dropdown-list .dropdown-menu li a i {
    margin-right: 5px;
  }

  .dropdown.dropdown-list .dropdown-menu li a:focus-visible,
  .dropup.dropdown-list .dropdown-menu li a:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .dropdown.dropdown-list .dropdown-menu li:last-child,
  .dropup.dropdown-list .dropdown-menu li:last-child {
    border-bottom: none;
  }
}

@media screen {

  .dropdown .dropdown-menu li:last-child .button-link,
  .dropup .dropdown-menu li:last-child .button-link {
    border-bottom: none;
  }
}

@media screen {
  .quicklinks {
    position: fixed;
    left: 0;
    top: 10px;
    margin: 0 0 0 -104px;
    background: #CCCCCC;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 4px solid #999999;
    border-left: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.25s ease-in-out;
  }

  .quicklinks .button-tile {
    background: white;
    width: 100px;
    padding: 10px 10px 5px 10px;
    margin: 0 0 1px 0;
  }

  .quicklinks .button-tile::after {
    top: -1px;
  }

  .quicklinks:hover {
    margin: 0;
  }
}

@media screen {
  .quickchannel {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25% !important;
    margin-bottom: 15px;
  }

  .quickchannel iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media screen {
  .panel-player {
    background-color: black;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    max-width: 100%;
    overflow: hidden;
    z-index: 9999;
  }

  .panel-player .container {
    position: absolute;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block !important;
  }

  .panel-player .quickchannel iframe {
    max-height: 100vh;
  }

  .panel-player .button-icon {
    position: fixed;
    top: 5px;
    right: 5px;
  }
}

@media screen {
  .toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -5px !important;
    padding: 15px 0 0 0;
  }

  .toolbar.multi-line {
    flex-wrap: wrap;
    margin-bottom: -5px;
    max-width: 100%;
  }

  .toolbar.multi-line .button-group {
    flex-wrap: wrap;
    max-width: 100%;
  }

  .toolbar.multi-line .button-top,
  .toolbar.multi-line .button-sub {
    justify-content: flex-start;
    margin-bottom: 5px;
    max-width: 100%;
  }

  .toolbar.tabs {
    margin: 0;
    flex-wrap: nowrap;
  }

  .toolbar.tabs .button-group {
    margin: 0 5px 0 0;
  }

  .toolbar.tabs .button-top {
    -webkit-border-radius: 7.5px;
    -moz-border-radius: 7.5px;
    border-radius: 7.5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .toolbar.tabs .button-top,
  .toolbar.tabs .button-sub {
    margin: 0 5px 0 0;
    border-bottom: none;
  }

  .toolbar.tabs .button-top.active,
  .toolbar.tabs .button-top:hover,
  .toolbar.tabs .button-top:focus-visible,
  .toolbar.tabs .button-sub.active,
  .toolbar.tabs .button-sub:hover,
  .toolbar.tabs .button-sub:focus-visible {
    border-bottom: none;
  }

  .toolbar.control {
    justify-content: flex-end;
    z-index: 100;
    padding: 0;
  }
}

@media screen and (max-width: 767.6px) {
  .toolbar.control {
    justify-content: center;
  }
}

@media screen {
  .toolbar.control .button-group {
    border-radius: 22px;
    overflow: hidden;
    height: 44px;
    padding: 0;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
    outline: 2px solid black;
    outline-offset: -2px;
  }

  .toolbar.control .button-group .button-tile {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 15px 0 10px;
    height: 100%;
    margin: 0;
  }

  .toolbar.control .button-group .button-tile .material-icons {
    margin: 0 5px;
  }

  .toolbar.control .button-group .button-tile:first-child {
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
  }

  .toolbar.control .button-group .button-tile:last-child {
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
  }

  .toolbar.control .button-group .button-tile.disabled,
  .toolbar.control .button-group .button-tile:disabled {
    filter: grayscale(100%);
  }

  .toolbar.control .button-group .button-tile:hover,
  .toolbar.control .button-group .button-tile.active {
    background-color: black;
    color: white !important;
  }

  .toolbar.control .button-group .button-tile:hover .material-icons,
  .toolbar.control .button-group .button-tile.active .material-icons {
    color: white !important;
  }
}

@media screen {
  .toolbar.control.sticky {
    position: sticky;
    top: 10px;
    margin-top: 10px !important;
    pointer-events: none;
  }

  .toolbar.control.sticky .button-group {
    background: white;
  }

  .toolbar.control.sticky .button-group .button-tile {
    pointer-events: all;
  }
}

@media screen {

  .toolbar .button-top,
  .toolbar .button-sub,
  .toolbar .button-icon,
  .toolbar .button-support {
    margin: 0 2.5px;
  }
}

@media screen {
  .toolbar .button-tile {
    margin: 0 2.5px 0 0;
  }
}

@media screen {

  .toolbar .form-checkbox,
  .toolbar .form-radio {
    margin: 0 2.5px 0 2.5px;
  }

  .toolbar .form-checkbox .text,
  .toolbar .form-radio .text {
    margin-right: 10px;
  }

  .toolbar .form-checkbox .text.no-text,
  .toolbar .form-radio .text.no-text {
    margin-right: 0;
  }
}

@media screen {
  .toolbar .progress-indicator {
    flex: 1;
    display: block;
    position: relative;
    height: 30px;
    border: 1px solid #666666;
    background: #F2F2F2;
    padding: 0 4px;
    margin: 0 auto;
    width: 100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
  }

  .toolbar .progress-indicator .current-progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-right: 1px solid #666666;
    background: linear-gradient(to left, #999999, #E6E6E6);
    text-align: right;
    padding: 0 8px 0 0;
    font-size: 12px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 30px;
  }
}

@media screen and (max-width: 767px) {
  .toolbar .progress-indicator .current-progress {
    font-size: 0;
    color: transparent;
  }
}

@media screen {
  .toolbar .button-group {
    margin: 0 2.5px;
    display: flex;
    justify-content: flex-start;
  }

  .toolbar .button-group .dropdown .dropdown-menu,
  .toolbar .button-group .dropup .dropdown-menu {
    margin-left: 2.5px !important;
  }
}

@media screen {
  .toolbar:not(.control) .button-group:first-child .button-top {
    text-align: left;
  }

  .toolbar:not(.control) .button-group:nth-child(2):not(.toolbar:not(.control) .button-group:first-child) {
    justify-content: center;
  }

  .toolbar:not(.control) .button-group:last-child:not(:first-child) {
    justify-content: flex-end;
  }

  .toolbar:not(.control) .button-group:last-child:not(:first-child)>*:last-child.button-top,
  .toolbar:not(.control) .button-group:last-child:not(:first-child)>*:last-child>.button-top {
    padding: 0 20px;
    text-align: right;
  }

  .toolbar:not(.control) .button-group:last-child:not(:first-child)>*:last-child.button-top .material-icons,
  .toolbar:not(.control) .button-group:last-child:not(:first-child)>*:last-child>.button-top .material-icons {
    margin-left: 0;
    margin-right: -15px;
  }

  .toolbar:not(.control) .button-group:last-child:not(:first-child)>*:last-child.button-sub {
    text-align: right;
  }

  .toolbar:not(.control) .button-group:last-child:not(:first-child)>*:last-child.button-sub .material-icons {
    margin-left: 0;
    margin-right: -12px;
  }

  .toolbar:not(.control) .button-group:last-child:not(:first-child)>*:last-child>*:nth-child(1) {
    order: 2;
  }

  .toolbar:not(.control) .button-group:last-child:not(:first-child)>*:last-child>*:nth-child(1) .material-icons {
    order: 2;
  }

  .toolbar:not(.control) .button-group:last-child:not(:first-child).button-top .material-icons {
    margin-left: 0;
    margin-right: -15px;
  }

  .toolbar:not(.control) .button-group .button-top.active {
    padding: 0 20px;
  }
}

@media screen and (min-width: 768px) {

  .toolbar .dropdown.open .button-top.dropdown-toggle,
  .toolbar .button-top.dropdown-toggle {
    padding: 2px 35px 2px 12px !important;
    height: 50px;
  }

  .toolbar .dropdown.open .button-top.dropdown-toggle .material-icons,
  .toolbar .button-top.dropdown-toggle .material-icons {
    margin-top: 2px;
  }
}

@media screen and (max-width: 767px) {
  .toolbar.mobile-toolbar .button-top.dropdown-toggle {
    padding: 2px 12px;
    max-width: 90px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .toolbar.mobile-toolbar .button-top.dropdown-toggle .material-icons {
    margin: 3px 0 0 0 !important;
    align-self: left;
  }

  .toolbar.mobile-toolbar .dropdown.open .button-top.dropdown-toggle {
    padding: 2px 12px;
  }

  .toolbar.mobile-toolbar .button-group .button-top {
    padding: 0 10px !important;
    max-width: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-size: 0;
    height: 50px;
  }

  .toolbar.mobile-toolbar .button-group .button-top .material-icons {
    margin: 3px 0 0 0;
    align-self: center;
  }

  .toolbar.mobile-toolbar .button-group:last-child:not(:first-child)>*:last-child.button-top .material-icons {
    margin: 3px 0 0 0;
  }

  .toolbar.mobile-toolbar .button-group:last-child:not(:first-child)>*:last-child>*:nth-child(1) {
    order: unset;
  }

  .toolbar.mobile-toolbar .button-group:last-child:not(:first-child)>*:last-child>*:nth-child(1) .material-icons {
    order: unset;
    margin: 3px 0 0 0;
  }
}

@media screen {
  .form-group {
    margin: 0;
    padding: 0;
    position: relative !important;
    min-height: 48px;
    display: flow-root;
  }

  .form-group .label {
    min-height: 18px;
    margin-top: 12px;
    font-weight: 500;
  }

  .form-group .label .button-help {
    margin-top: -4px;
  }

  .form-group .validation:not(.block) {
    position: absolute;
    max-width: calc(100% - 20px);
    left: 10px;
    margin-top: -12px;
    z-index: 1;
  }

  .form-group .validation.block {
    position: relative;
    max-width: calc(100% - 20px);
    left: 10px;
    margin-top: -12px;
  }

  .form-group p:not(.label) {
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    border-color: transparent;
    pointer-events: none;
    font-weight: 700;
    background: transparent;
    box-shadow: none;
    max-width: 100%;
    min-height: 28px;
    height: auto;
    padding: 4px 0 3px;
    margin: 0 0 15px 0;
    border: 0;
    pointer-events: all;
  }

  .form-group>.material-icons {
    position: absolute;
    margin-top: -33px;
    right: 8px;
    pointer-events: none;
  }

  .form-group .flex-line {
    height: 44px;
  }

  .form-group .flex-line .flex-group {
    position: relative;
  }

  .form-group .flex-line .flex-group.separated-buttons .button-sub:not(:last-child) {
    margin-right: 5px !important;
  }

  .form-group .flex-line .flex-group .validation {
    margin-top: 32px;
    width: fit-content;
    max-width: calc(100% - 40px) !important;
  }

  .form-group .flex-line *:not(li) {
    margin-right: 5px !important;
  }

  .form-group .flex-line .double-width {
    margin-right: 0 !important;
  }

  .form-group .flex-line .button-sub {
    flex-shrink: 0;
    margin-right: 0 !important;
  }

  .form-group .flex-line .button-icon {
    flex-shrink: 0;
    margin-right: 0 !important;
  }

  .form-group .flex-line .button-icon .material-icons {
    margin: 0 !important;
  }

  .form-group .flex-line .text {
    margin-left: -5px;
    line-height: 44px;
  }

  .form-group .flex-line .form-radio .text,
  .form-group .flex-line .form-checkbox .text {
    line-height: 24px;
  }

  .form-group .flex-line label {
    min-height: 0;
    margin-left: 5px;
    margin-right: 5px;
  }

  .form-group .flex-line .button-group {
    white-space: nowrap;
  }

  .form-group .flex-line .text {
    height: 44px;
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .form-group .flex-line.mobile-block {
    height: auto;
    display: block;
  }

  .form-group .flex-line.mobile-block .flex-group,
  .form-group .flex-line.mobile-block>.button-top,
  .form-group .flex-line.mobile-block>.button-sub,
  .form-group .flex-line.mobile-block>.button-icon,
  .form-group .flex-line.mobile-block>.form-input-text,
  .form-group .flex-line.mobile-block>.form-input-date,
  .form-group .flex-line.mobile-block>.form-input-number,
  .form-group .flex-line.mobile-block>.form-input-password,
  .form-group .flex-line.mobile-block>.form-select,
  .form-group .flex-line.mobile-block>.form-textarea,
  .form-group .flex-line.mobile-block>.form-input-range,
  .form-group .flex-line.mobile-block>.form-checkbox,
  .form-group .flex-line.mobile-block>.form-radio {
    margin-top: 12px;
  }
}

@media screen and (max-width: 767.6px) {
  .form-group .flex-line.xs-block {
    height: auto;
    display: block;
  }
}

@media screen and (max-width: 991.6px) {
  .form-group .flex-line.sm-block {
    height: auto;
    display: block;
  }
}

@media screen and (max-width: 1199.6px) {
  .form-group .flex-line.md-block {
    height: auto;
    display: block;
  }
}

@media screen {
  .form-group .flex-line .form-input-prefix {
    margin-right: 0 !important;
  }
}

@media screen {
  .form-group .flex-line .form-input-suffix {
    margin-left: -10px;
    margin-right: 0 !important;
  }
}

@media screen {
  .form-group.form-checkbox-radio .label {
    margin-left: 25px;
    display: block;
  }

  .form-group.form-checkbox-radio .validation {
    right: auto;
    left: 18px;
    width: calc(100% - 18px);
  }

  .form-group.form-checkbox-radio .validation * {
    flex-shrink: 1;
  }
}

@media screen {
  .form-group.with-notes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .form-group.with-notes .label {
    display: block;
  }

  .form-group.with-notes .note {
    display: block;
    font-size: 14px;
    border: none;
    text-align: left;
    white-space: unset;
    min-height: 18px;
    margin-top: 12px;
    font-style: italic;
  }

  .form-group.with-notes .form-input-date,
  .form-group.with-notes .form-input-number,
  .form-group.with-notes .form-input-password,
  .form-group.with-notes .form-input-range,
  .form-group.with-notes .form-input-text,
  .form-group.with-notes .form-select,
  .form-group.with-notes .form-textarea {
    width: 100%;
    display: block;
  }

  .form-group.with-notes .validation {
    right: auto;
    left: 0;
    width: 100%;
    bottom: -24px;
  }
}

@media screen {
  .form-group.without-label {
    padding-top: 18px;
  }
}

@media screen {
  .form-autocomplete {
    position: absolute;
    list-style: none;
    z-index: 999;
    border-radius: 5px;
    background: white;
    padding: 0 !important;
    margin-top: 5px;
    border: 1px solid #CCCCCC;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
    border-radius: 5px;
    display: block;
    width: calc(100% - 5px);
    font-weight: 400;
    overflow: hidden;
  }

  .form-autocomplete.disabled,
  .form-autocomplete:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  .form-autocomplete li {
    padding: 5px 15px;
    margin-right: 0 !important;
    min-height: 44px;
    line-height: 1.5;
    display: flex;
    align-items: center;
  }

  .form-autocomplete li:not(:last-child) {
    border-bottom: 1px solid #CCCCCC;
  }

  .form-autocomplete li:hover:not(:focus-visible),
  .form-autocomplete li.active {
    background-color: #F2F2F2;
    text-decoration: underline;
  }

  .form-autocomplete li:hover:not(:focus-visible) .material-icons,
  .form-autocomplete li.active .material-icons {
    text-decoration: none !important;
    overflow: hidden;
    height: 28px;
    margin-bottom: 2px;
  }

  .form-autocomplete li:focus-visible {
    outline: 2px solid black;
    outline-offset: -2px;
  }
}

@media screen {
  .input-autocomplete {
    display: flex;
  }

  .input-autocomplete .validation {
    z-index: 1000;
    width: 100%;
    margin-top: 27px;
  }

  .input-autocomplete *[role=combobox] {
    flex-grow: 1;
  }

  .input-autocomplete *[role=combobox] div[role=listbox] {
    position: relative;
    padding: 0;
    margin: 0 -5px 0 0;
  }

  .input-autocomplete *[role=combobox] div[role=listbox] .form-autocomplete {
    box-sizing: border-box;
    padding-top: 0 !important;
    margin-top: 0;
    max-height: 305px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0;
    border-top: none;
  }

  .input-autocomplete *[role=combobox] div[role=listbox] .form-autocomplete li:hover {
    cursor: pointer;
  }

  .input-autocomplete *[role=combobox] div[role=listbox] .form-autocomplete li.form-autocomplete-suggestion-active {
    color: white;
    background: #333333;
  }

  .input-autocomplete *[role=combobox] div[role=listbox] .form-autocomplete::before {
    display: none;
  }

  .input-autocomplete *[role=combobox] div[role=listbox] .form-autocomplete::after {
    display: none;
  }

  .input-autocomplete *[role=combobox][aria-expanded=true] div[role=listbox]::after {
    height: 1px;
    width: calc(100% - 7px);
    display: block;
    content: " ";
    border-bottom: 1px solid #CCCCCC;
    margin-top: -1px;
    margin-left: 1px;
  }
}

@media screen {
  .input-autocomplete [role=combobox][aria-expanded=true]+.validation {
    display: none;
  }

  .input-autocomplete [role=combobox][aria-expanded=true] div[role=listbox] .form-autocomplete {
    border-radius: 5px;
  }
}

@media screen {
  .pagination-list {
    list-style: none;
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .pagination-list li {
    padding: 0 2.5px;
  }
}

@media screen and (max-width: 767px) {
  .pagination-list li {
    display: none;
  }

  .pagination-list li:nth-child(1),
  .pagination-list li:nth-child(2),
  .pagination-list li:nth-last-child(1),
  .pagination-list li:nth-last-child(2) {
    display: flex;
  }
}

@media screen {
  .pagination-list li .button-sub {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media screen {
  .pagination-description {
    text-align: center;
    margin: 15px 0 5px 0;
    padding: 0;
    font-size: 14px;
    max-width: 100%;
    font-weight: 700;
  }
}

@media screen {
  .popout {
    position: absolute;
    background: #EAF2F7;
    border: 1px solid #2D7CAD;
    padding: 10px 20px 15px 20px;
    min-width: 300px;
    width: 100%;
    bottom: 100%;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    max-height: 280px;
    overflow: hidden auto;
    visibility: hidden;
  }
}

@media screen and (max-width: 767.6px) {
  .popout {
    max-height: 200px;
  }
}

@media screen {
  .popout p {
    font-weight: 400;
  }
}

@media screen {
  .popout.show {
    visibility: visible;
  }
}

@media screen {
  .popout .flex-line {
    width: 100%;
    justify-content: space-between;
    align-items: center !important;
  }

  .popout .flex-line .button-icon {
    margin-right: -10px !important;
  }

  .popout .flex-line h3,
  .popout .flex-line header.list-group-heading,
  .popout .flex-line .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .popout .flex-line h3,
  .popout .flex-line .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .popout .flex-line .h3,
  .popout .flex-line .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .popout .flex-line header,
  .popout .flex-line .layout-group-sub header,
  .layout-group-sub .popout .flex-line header,
  .popout .flex-line .h3,
  .popout .flex-line h4,
  .popout .flex-line .h4 {
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
  }
}

@media screen {
  .popout * {
    pointer-events: all !important;
  }
}

@media screen {
  .popout *:last-child {
    margin-bottom: 0;
  }
}

@media screen {

  .popout ol,
  .popout ul {
    padding-left: 20px;
  }
}

@media screen {
  .popout-group {
    margin: 0;
    padding: 0;
    position: relative;
    display: flow-root;
  }

  .popout-group.inline {
    display: inline;
  }

  .popout-group.inline .popout {
    margin-bottom: 7px;
  }

  .popout-group.inline .popout .button-icon .material-icons {
    position: static;
  }

  .popout-group.inline .popout .paragraph {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    white-space: normal;
    text-align: left;
  }

  .popout-group p .button-link .material-icons {
    margin: -4px 5px 0 2px;
  }

  .popout-group.for-h2 .popout {
    margin-bottom: -36px;
  }

  .popout-group.for-h3 .popout {
    margin-bottom: -13px;
  }
}

@media screen and (max-width: 767px) {
  .popout-group.for-h2 .popout {
    margin-bottom: -30px;
  }

  .popout-group.for-h3 .popout {
    margin-bottom: -3px;
  }

  .popout-group .text {
    display: none;
  }
}

@media screen {
  .attention-group {
    background: white;
    border: 2px dashed black;
    padding: 25px 25px 0 25px;
    border-radius: 15px;
  }

  .attention-group h4:first-of-type,
  .attention-group .h4:first-of-type,
  .attention-group header {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin: 22px 0 11px 0;
    line-height: 1.5;
    margin-top: 0 !important;
    margin-bottom: 5px;
  }

  .attention-group .toolbar:last-of-type {
    padding-top: 0;
  }

  .attention-group .panel-group {
    margin-bottom: 25px;
    border-radius: 10px;
    padding-bottom: 10 !important;
  }
}

@media screen {
  .confirmation-group {
    background: rgba(65, 134, 75, 0.1) !important;
    color: black;
    border: 2px dashed #41864b;
    padding: 25px 25px 0 25px;
    font-weight: 700;
    position: relative;
    border-radius: 15px;
  }

  .confirmation-group h4:first-of-type {
    margin-top: 0;
  }

  .confirmation-group .toolbar:last-of-type {
    padding-top: 0;
  }

  .confirmation-group .panel-group {
    margin-bottom: 25px;
    background-color: rgb(255, 255, 255) !important;
    color: black !important;
    border-radius: 10px;
    padding-bottom: 5px !important;
  }

  .confirmation-group+.confirmation-group,
  .confirmation-group+.list,
  .confirmation-group+.form-fieldset {
    margin-top: 15px !important;
  }

  .confirmation-group p.confirmation::before,
  .confirmation-group p.optional::before,
  .confirmation-group p.mandatory::before {
    color: #41864b;
  }
}

@media screen {
  .error-group {
    background: #FACDD4;
    color: black;
    border: 2px dashed #cb0423;
    padding: 25px 25px 0 25px;
    font-weight: 700;
    position: relative;
    border-radius: 15px;
  }

  .error-group h4:first-of-type {
    margin-top: 0;
  }

  .error-group .toolbar:last-of-type {
    padding-top: 0;
  }

  .error-group .panel-group {
    margin-bottom: 25px;
    background-color: #FDE6EA !important;
    color: black !important;
    border-radius: 10px;
    padding-bottom: 5px !important;
  }

  .error-group+.attention-group,
  .error-group+.list,
  .error-group+.form-fieldset {
    margin-top: 15px !important;
  }
}

@media screen {
  .assistance-group {
    position: fixed !important;
    background: #2D7CAD;
    white-space: nowrap;
    color: white;
    padding: 15px 20px;
    border-radius: 10px;
    text-align: center;
    margin: 10px 0 0 10px;
    animation: bounce 5s infinite ease-in-out;
    width: 280px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  }

  .assistance-group p {
    white-space: normal;
  }

  .assistance-group h4,
  .assistance-group .h4,
  .assistance-group header {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin: 22px 0 11px 0;
    line-height: 1.5;
    margin: 0 0 5px !important;
    white-space: normal;
  }

  .assistance-group p:last-child {
    margin-bottom: 0;
    line-height: normal;
  }

  .assistance-group::after {
    margin-left: -10px;
    left: 50%;
    width: 0;
    height: 0;
    top: -15px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #2D7CAD;
    position: absolute;
    content: "";
    display: block;
  }
}

@media screen {
  table.table-grid {
    margin: 0;
    width: 100%;
  }

  table.table-grid tr:nth-child(even) {
    background: rgba(0, 0, 0, 0.05);
  }

  table.table-grid th {
    font-weight: 700;
    text-align: left;
    padding: 10px 20px 10px 0;
    border-bottom: 2px solid #666666;
    vertical-align: top;
    font-size: 16px;
    line-height: 30px;
  }

  table.table-grid th .layout-group-sub {
    height: auto;
    margin: -10px -10px 0 -10px;
    padding: 10px 12px 0 12px;
  }

  table.table-grid th .layout-group-sub::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: -10px;
    width: 60px;
    border-top: 2px solid #666666;
  }

  table.table-grid th:first-child {
    padding: 10px 20px;
  }

  table.table-grid th .form-checkbox,
  table.table-grid th .form-radio {
    position: relative;
    top: -2px;
    min-height: 0;
  }

  table.table-grid th .form-checkbox .text,
  table.table-grid th .form-radio .text {
    min-height: 0;
    padding-left: 0;
  }

  table.table-grid th .form-checkbox .text::before,
  table.table-grid th .form-radio .text::before {
    top: 8px;
  }

  table.table-grid th .form-checkbox label,
  table.table-grid th .form-radio label {
    min-height: 0;
  }

  table.table-grid th .text.no-text {
    width: 0;
  }

  table.table-grid th .button-link {
    display: flex;
    align-items: center;
  }

  table.table-grid td {
    font-weight: 400;
    text-align: left;
    padding: 10px 20px 10px 0;
    vertical-align: top;
    font-size: 16px;
    height: 1px;
    position: relative;
  }

  table.table-grid td .toolbar {
    padding: 0;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }

  table.table-grid td .form-checkbox,
  table.table-grid td .form-radio {
    position: relative;
    top: -2px;
    min-height: 0;
  }

  table.table-grid td .form-checkbox .text,
  table.table-grid td .form-radio .text {
    min-height: 0;
    padding-left: 0;
  }

  table.table-grid td .form-checkbox .text::before,
  table.table-grid td .form-radio .text::before {
    top: 4px;
  }

  table.table-grid td .form-checkbox label,
  table.table-grid td .form-radio label {
    min-height: 0;
  }

  table.table-grid td .text.no-text {
    width: 0;
  }

  table.table-grid td:not(:first-child) .form-group .flex-line {
    margin-bottom: 5px;
  }

  table.table-grid td:not(:first-child) .form-group:last-child .flex-line {
    margin-bottom: 0;
  }

  table.table-grid td .layout-group-sub {
    height: auto;
    margin: -10px;
    padding: 10px;
  }

  table.table-grid td mark {
    display: inline-block;
    padding: 2px 6px;
    margin: -2px -6px 3px -6px;
  }

  table.table-grid td:first-child {
    padding: 10px 20px;
  }

  table.table-grid thead tr th:first-child {
    position: relative;
    left: 20px;
    padding-left: 0;
    padding-right: 20px;
  }

  table.table-grid thead tr th:last-child {
    position: relative;
    right: 20px;
    padding-right: 0;
    padding-left: 20px;
  }

  table.table-grid tfoot td {
    padding: 0 15px;
  }

  table.table-grid tfoot td:first-child {
    width: 1px;
  }

  table.table-grid tfoot td .toolbar {
    padding: 10px 0;
  }

  table.table-grid tfoot td .toolbar .button-group:first-child {
    margin-left: -2.5px;
  }

  table.table-grid .number {
    text-align: right;
  }
}

@media screen {
  .file-upload {
    position: relative;
    display: inline-block;
    width: 100%;
  }

  .file-upload:focus-visible-within>.area {
    outline: 2px solid black !important;
    outline-offset: -2px !important;
  }

  .file-upload .button {
    margin: 0;
    padding: 0;
    border: 2px solid black;
    background: white;
    text-decoration: none !important;
    position: relative;
    color: black;
    font-weight: 700;
    width: fit-content;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    overflow: hidden;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
    font-variant-ligatures: none !important;
    min-height: 44px;
    border-radius: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 18px;
    padding: 0 16px;
    min-width: 44px;
    justify-content: flex-start;
    word-break: break-all;
    text-align: left;
    cursor: pointer !important;
    white-space: nowrap;
    margin: 0 5px 0 0 !important;
  }

  .file-upload .button .material-icons {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
  }

  .file-upload .button.animated .material-icons {
    animation: spin 1s linear infinite;
  }

  .file-upload .button:not([disabled]):focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .file-upload .button.invisible {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
  }

  .file-upload .button.active {
    box-shadow: none;
  }

  .file-upload .button.active img.material-icons {
    filter: brightness(0) invert(1);
  }

  .file-upload .button.active,
  .file-upload .button.show,
  .file-upload .button:hover {
    background-color: black;
    border-color: black;
    color: white !important;
  }

  .file-upload .button.active .material-icons,
  .file-upload .button.show .material-icons,
  .file-upload .button:hover .material-icons {
    color: white;
  }

  .file-upload .button.active img,
  .file-upload .button.show img,
  .file-upload .button:hover img {
    filter: brightness(0) invert(1);
  }

  .file-upload .button.active .icon-placeholder,
  .file-upload .button.show .icon-placeholder,
  .file-upload .button:hover .icon-placeholder {
    filter: brightness(0) invert(1);
  }

  .file-upload .button .badge {
    position: absolute;
    z-index: 1;
  }

  .file-upload .button i.material-icons,
  .file-upload .button span.material-icons {
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-size: 24px;
    margin: -2px -6px -2px -14px;
  }
}

@media screen and (max-width: 400px) {

  .file-upload .button i.material-icons,
  .file-upload .button span.material-icons {
    min-width: 44px;
  }
}

@media screen {
  .file-upload .button .icon-placeholder {
    height: 22px;
    width: 22px;
    padding: 2.5px;
    background: url(prerequisites/lm-icons/generic_button.svg) 50% 50% no-repeat;
    background-size: 22px 22px;
  }
}

@media screen {
  .file-upload .button img {
    height: 27px;
    width: 27px;
    padding: 2.5px;
    margin-left: -4px;
    margin-right: 4px;
  }
}

@media screen {
  .file-upload .button .icon-placeholder {
    height: 24px;
    width: 24px;
    padding: 2.5px;
    margin: -2px 4px 0 -6px !important;
    background: url(prerequisites/lm-icons/generic_button.svg) 50% 50% no-repeat;
    background-size: 24px 24px;
  }
}

@media screen {
  .file-upload .file-upload-focus {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
  }
}

@media screen {
  .file-upload input[type=file] {
    text-indent: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: all;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .file-upload input[type=file]:focus-visible::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    outline: none;
    border-radius: 5px;
    border: 2px solid black;
  }
}

@media screen {
  .file-upload .area {
    background: #D5E5EF;
    border: 1px solid #2D7CAD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 14px;
  }

  .file-upload .area .active {
    width: 150px;
    height: 150px;
    padding: 5px;
    background: #2D7CAD;
    border: 4px solid #055485;
    border-radius: 50%;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    animation: pulse 4s linear;
    position: relative;
    pointer-events: none;
    z-index: 99;
  }

  .file-upload .area .active::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "attach_file";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    font-size: 100px;
    line-height: 150px;
    opacity: 0.1;
  }
}

@media screen {
  .file-upload+.list-group {
    margin-top: 0;
  }

  .file-upload+.list-group::before {
    display: none;
  }

  .file-upload+.list-group .list-item .content {
    vertical-align: middle;
  }
}

@media screen {
  .step-visualization {
    list-style: none;
    display: flex;
  }

  .step-visualization li {
    padding: 0 0 0 15px;
    height: 30px;
    line-height: 30px;
    color: black;
    text-align: center;
    font-size: 14px;
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
    margin-right: 15px;
    white-space: nowrap;
    background: #CCCCCC;
    font-size: 16px;
    font-weight: 400;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }

  .step-visualization li::before {
    margin-left: -15px;
    border-top: 15px solid #999999;
    border-bottom: 15px solid #999999;
  }

  .step-visualization li::after {
    margin-right: -14px;
    border-left: 15px solid #999999;
  }

  .step-visualization li a {
    text-align: center;
    text-indent: 0;
    color: black;
    width: 100%;
    font-weight: 700;
    text-decoration: none;
  }

  .step-visualization li a:focus-visible {
    outline: 2px solid black;
    outline-offset: -2px;
  }

  .step-visualization li a:hover {
    text-decoration: underline;
  }

  .step-visualization li::before {
    background: white;
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 15px solid #CCCCCC;
    border-bottom: 15px solid #CCCCCC;
    border-left: 15px solid transparent;
    overflow: hidden;
  }

  .step-visualization li::after {
    background: white;
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #CCCCCC;
  }

  .step-visualization li.active {
    background: #999999;
    font-weight: 700;
  }

  .step-visualization li.active::before {
    border-top: 15px solid #999999;
    border-bottom: 15px solid #999999;
  }

  .step-visualization li.active::after {
    border-left: 15px solid #999999;
  }

  .step-visualization.full-width {
    border-radius: 10px;
    overflow: hidden;
  }

  .step-visualization.full-width li {
    flex-grow: 1;
  }

  .step-visualization.full-width li:first-child::before {
    border: none;
  }

  .step-visualization.full-width li:last-child {
    padding-right: 15px;
    margin-right: 0;
  }

  .step-visualization.full-width li:last-child::after {
    border: none;
  }

  .step-visualization:not(.full-width) li {
    flex-grow: 0.05;
  }
}

@media screen and (max-width: 767px) {
  .step-visualization li:not(.active) {
    font-size: 0;
    color: transparent;
    width: 35px;
    flex-grow: 0;
  }

  .step-visualization li:not(.active) a::after {
    font-size: 16px;
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "navigate_before";
    line-height: 30px;
    margin-right: -5px;
  }

  .step-visualization li.active+li a::after,
  .step-visualization li.active+li+li a::after,
  .step-visualization li.active+li+li+li a::after,
  .step-visualization li.active+li+li+li+li a::after,
  .step-visualization li.active+li+li+li+li+li a::after,
  .step-visualization li.active+li+li+li+li+li+li a::after,
  .step-visualization li.active+li+li+li+li+li+li+li a::after,
  .step-visualization li.active+li+li+li+li+li+li+li+li a::after,
  .step-visualization li.active+li+li+li+li+li+li+li+li+li a::after {
    content: "navigate_next";
    margin-right: -5px;
  }

  .step-visualization li:first-child:not(.active) a:after {
    content: "first_page";
    margin-right: -10px;
  }

  .step-visualization li:last-child:not(.active) a:after {
    content: "last_page";
    margin-left: -10px;
  }

  .step-visualization.full-width li:last-child {
    padding-right: 0;
  }

  .step-visualization li:last-child.active a::after {
    display: none;
  }
}

@media screen and (max-width: 375px) {
  .step-visualization li {
    padding: 0;
    text-indent: 0;
    justify-content: center;
  }

  .step-visualization li a::after {
    margin: 0 !important;
  }

  .step-visualization li::before,
  .step-visualization li::after {
    display: none;
  }

  .step-visualization li:not(:last-child) {
    margin-right: 1px;
  }

  .step-visualization li.active {
    padding: 0 15px;
  }
}

@media screen and (max-width: 319.6px) {
  .step-visualization li:not(.active) {
    display: none;
  }
}

@media screen {
  .step-visualization.compact li:not(.active) {
    font-size: 0;
    color: transparent;
    width: 50px;
    flex-grow: 0;
  }

  .step-visualization.compact li:not(.active) a::after {
    font-size: 16px;
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "navigate_before";
    line-height: 30px;
    margin-right: -5px;
  }

  .step-visualization.compact li.active+li a::after,
  .step-visualization.compact li.active+li+li a::after,
  .step-visualization.compact li.active+li+li+li a::after,
  .step-visualization.compact li.active+li+li+li+li a::after,
  .step-visualization.compact li.active+li+li+li+li+li a::after,
  .step-visualization.compact li.active+li+li+li+li+li+li a::after,
  .step-visualization.compact li.active+li+li+li+li+li+li+li a::after,
  .step-visualization.compact li.active+li+li+li+li+li+li+li+li a::after,
  .step-visualization.compact li.active+li+li+li+li+li+li+li+li+li a::after {
    content: "navigate_next";
    margin-right: -5px;
  }

  .step-visualization.compact li:first-child:not(.active) a:after {
    content: "first_page";
    margin-right: -10px;
  }

  .step-visualization.compact li:last-child:not(.active) a:after {
    content: "last_page";
    margin-left: -10px;
  }

  .step-visualization.compact.full-width li:last-child {
    padding-right: 0;
  }

  .step-visualization.compact li:last-child.active a::after {
    display: none;
  }
}

@media screen {
  .step-visualization.next-step {
    margin-left: 10px;
  }
}

@media screen {
  .visualization-sequence {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
  }

  .visualization-sequence .step-visualization {
    flex-shrink: 1;
  }

  .visualization-sequence .step-visualization:not(.next-step) {
    width: 100%;
  }

  .visualization-sequence .sequence-description {
    position: relative;
  }

  .visualization-sequence .sequence-description p {
    top: calc(100% - 10px);
    position: absolute;
    white-space: nowrap;
    margin: 0;
    line-height: 1;
    font-size: 12px;
    padding: 0px 10px;
    background-color: #D5E5EF;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .visualization-sequence .sequence-description p::after {
    background: white;
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #D5E5EF;
    position: relative;
    right: -10px;
  }
}

@media screen and (max-width: 767.6px) {
  .visualization-sequence .sequence-description p {
    display: none;
  }
}

@media screen {
  .visualization-sequence .sequence-description.next-step p {
    margin: 0 0 0 10px;
  }
}

@media screen and (min-width: 768px) {
  .visualization-sequence {
    padding-bottom: 25px;
  }

  .visualization-sequence .step-visualization li>* {
    padding: 0 10px;
    display: block;
  }

  .visualization-sequence .step-visualization li:first-child>* {
    padding: 0 10px 0 20px;
  }
}

@media screen and (max-width: 767.6px) {
  .visualization-sequence .step-visualization:not(.next-step) li {
    width: 35px;
  }

  .visualization-sequence .step-visualization:not(.next-step) li:last-child {
    width: 50px;
  }

  .visualization-sequence .step-visualization.next-step li {
    width: 15px;
  }

  .visualization-sequence .step-visualization.next-step li:last-child {
    width: 30px;
  }
}

@media screen and (max-width: 375px) {
  .visualization-sequence .step-visualization.next-step {
    display: none;
  }
}

@media screen {
  .status-visualization {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .status-visualization li {
    margin: 0;
    padding: 0;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    margin: 0 2px 0 0;
    flex-grow: 2;
    padding: 20px;
    position: relative;
    background: #CCCCCC;
    color: black;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
  }

  .status-visualization li::after {
    background: white;
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #CCCCCC;
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
  }

  .status-visualization li::before {
    background: #CCCCCC;
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid white;
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
  }

  .status-visualization li h3,
  .status-visualization li .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .status-visualization li h3,
  .status-visualization li .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .status-visualization li .h3,
  .status-visualization li .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .status-visualization li header,
  .status-visualization li .layout-group-sub .h3,
  .layout-group-sub .status-visualization li .h3,
  .status-visualization li header {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.6px;
    margin: 24px 0 12px 0;
    line-height: 1.5;
    margin: 0 0 5px 0 !important;
  }

  .status-visualization li p {
    margin: 0;
    padding: 0;
  }

  .status-visualization li>*:last-child:not(.circle-animation)::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    position: absolute;
    margin: 3px 0 0 -25px;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 30px;
    height: 30px;
    content: "schedule";
    color: white;
    border-radius: 50%;
    top: 4px;
    right: 4px;
    margin-top: 0;
    background: rgba(0, 0, 0, 0.2);
    border: 4px solid rgba(255, 255, 255, 0.2);
  }
}

@media screen and (max-width: 991px) {
  .status-visualization li>*:last-child:not(.circle-animation)::after {
    display: none;
  }
}

@media screen {
  .status-visualization li .circle-animation {
    top: 15px;
    background-color: white;
    outline: 15px solid white;
    outline-offset: -1px;
  }
}

@media screen {
  .status-visualization li.completed {
    background: #7bb946;
    color: black;
  }

  .status-visualization li.completed::after {
    border-left: 15px solid #7bb946;
  }

  .status-visualization li.completed::before {
    background: #7bb946;
  }

  .status-visualization li.completed>*:last-child:not(.circle-animation) {
    overflow: hidden;
  }

  .status-visualization li.completed>*:last-child:not(.circle-animation)::after {
    content: "check";
    font-size: 28px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    background: transparent;
    text-indent: 5px;
    font-weight: 700;
    padding-bottom: 2px;
  }

  .status-visualization li.completed.active {
    background: #458209;
    color: white;
  }

  .status-visualization li.completed.active::after {
    border-left: 15px solid #458209;
  }

  .status-visualization li.completed.active::before {
    background: #458209;
  }

  .status-visualization li.completed.active>*:last-child:not(.circle-animation)::after {
    content: "timelapse";
    font-size: 28px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    background: transparent;
    text-indent: 0;
    font-weight: 400;
    padding-bottom: 0;
  }
}

@media screen {
  .status-visualization li:first-child::before {
    display: none;
  }
}

@media screen {
  .status-visualization li:last-child::after {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .status-visualization li {
    padding: 20px 0;
    border-radius: 5px;
    min-width: 30px;
  }

  .status-visualization li.completed:not(.active) {
    max-width: 30px;
  }

  .status-visualization li * {
    display: none;
  }

  .status-visualization li .toolbar {
    max-width: 100%;
  }

  .status-visualization li .toolbar .button-group {
    margin: 0;
  }

  .status-visualization li .toolbar .button-top {
    margin: 0;
    padding: 0 15px;
  }

  .status-visualization li .toolbar .button-top .material-icons {
    display: none;
  }
}

@media screen and (max-width: 991px) and (max-width: 400px) {
  .status-visualization li .toolbar .button-top {
    word-break: break-all;
  }
}

@media screen and (max-width: 991px) {
  .status-visualization li.active {
    padding: 20px;
  }

  .status-visualization li.active * {
    display: block;
  }
}

@media screen {
  .tab-navigation {
    margin: 0 !important;
    padding: 0 30px;
    list-style: none;
    display: flex;
    border-bottom: 2px solid #CCCCCC;
  }

  .tab-navigation>li {
    padding: 10px 15px;
    margin: 0 2px -2px 0;
    color: black;
    cursor: pointer;
    text-align: center;
    position: relative;
    z-index: 1;
    font-weight: 500;
  }

  .tab-navigation>li a {
    color: black;
    text-decoration: none;
    font-weight: 500;
  }

  .tab-navigation>li a:hover:not(:focus-visible) {
    color: black;
    text-decoration: none;
  }

  .tab-navigation>li a:focus-visible {
    outline: 2px solid black;
    outline-offset: -2px;
  }

  .tab-navigation>li.active:not(:focus-visible) {
    background-color: black;
  }

  .tab-navigation>li.attention {
    padding-right: 35px;
  }

  .tab-navigation>li.attention::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "error_outline";
    font-size: 24px !important;
    position: absolute;
    margin-left: 4px;
    margin-top: -2px;
  }

  .tab-navigation>li.new {
    padding-right: 35px;
  }

  .tab-navigation>li.new::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "new_releases";
    font-size: 24px !important;
    position: absolute;
    margin-left: 4px;
    margin-top: -2px;
  }

  .tab-navigation>li .assistance-group {
    margin-left: -15px !important;
    width: auto;
    font-size: 14px;
    padding: 10px 15px;
    animation: none;
    position: absolute !important;
    font-weight: 400;
  }
}

@media screen and (max-width: 767.6px) {
  .tab-navigation>li .assistance-group {
    white-space: normal;
  }
}

@media screen {
  .tab-navigation>li .assistance-group::after {
    left: 0;
    margin-left: 15px;
    transform: rotate(90deg);
    top: -7.5px;
    z-index: -1;
  }
}

@media screen {
  .tab-navigation>li:not(.disabled):focus-visible {
    outline: 2px solid black;
    outline-offset: -2px;
  }
}

@media screen {
  .tab-navigation>li.disabled {
    pointer-events: none;
    opacity: 0.25;
  }
}

@media screen {
  .tab-navigation.mobile-tabs .button-link:focus-visible {
    outline-offset: 0;
  }
}

@media screen and (max-width: 767.6px) {
  .tab-navigation.mobile-tabs>li[role=tab] {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .tab-navigation.mobile-tabs li[role=presentation] {
    display: none;
  }
}

@media screen {
  .tab-container {
    position: relative;
  }

  .tab-container .tab-navigation {
    margin-bottom: 0;
    padding: 0 25px;
  }

  .tab-container .tab-navigation>li {
    margin: 0 5px 0 0;
    position: relative;
    font-size: 14px;
    font-weight: 700;
  }

  .tab-container .tab-navigation>li:not(.active) {
    background: transparent;
    border-color: transparent;
  }

  .tab-container .tab-navigation>li.active {
    border-color: #999999;
  }
}

@media screen {
  .tab-contents {
    padding: 19px 28px 18px 28px;
    border: 2px solid #CCCCCC;
    border-top: none;
  }

  .tab-contents h3:first-child,
  .tab-contents header.list-group-heading:first-child,
  .tab-contents .list-group.sub-grouped .list-item h3:first-child,
  .list-group.sub-grouped .list-item .tab-contents h3:first-child,
  .tab-contents .list-group.sub-grouped .list-item .h3:first-child,
  .list-group.sub-grouped .list-item .tab-contents .h3:first-child,
  .tab-contents .list-group.sub-grouped .list-item header:first-child,
  .list-group.sub-grouped .list-item .tab-contents header:first-child,
  .tab-contents .layout-group-sub .h3:first-child,
  .layout-group-sub .tab-contents .h3:first-child,
  .tab-contents .layout-group-sub header:first-child,
  .layout-group-sub .tab-contents header:first-child {
    margin-top: 10px !important;
  }

  .tab-contents .attention-group:last-child {
    margin: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .tab-navigation[role=tablist]:not(.mobile-dropdown):not(.mobile-tabs) {
    margin: 0 -20px -10px -20px !important;
    padding: 0 !important;
    width: calc(100vw - 32px);
    display: flex;
  }

  .tab-navigation[role=tablist]:not(.mobile-dropdown):not(.mobile-tabs)>li[role=tab] {
    white-space: nowrap;
    margin: 0 -2px -1px 0;
    font-size: 14px;
    padding: 10px;
    flex: 1;
  }

  .tab-navigation[role=tablist]:not(.mobile-dropdown):not(.mobile-tabs)>li[role=tab]:not(.active) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 0 10px 10px;
  }

  .tab-navigation[role=tablist]:not(.mobile-dropdown):not(.mobile-tabs)>li[role=tab].active+li[role=tab] {
    overflow: visible;
    text-overflow: none;
    padding: 10px;
  }

  .tab-navigation[role=tablist]:not(.mobile-dropdown):not(.mobile-tabs)>li[role=tab].attention::after,
  .tab-navigation[role=tablist]:not(.mobile-dropdown):not(.mobile-tabs)>li[role=tab].new::after {
    display: none;
  }

  .tab-navigation[role=tablist]:not(.mobile-dropdown):not(.mobile-tabs)>li[role=tab]:last-child {
    padding: 10px;
  }
}

@media screen and (max-width: 767px) {
  .tab-navigation[role=tablist].mobile-dropdown {
    position: absolute;
    display: none;
    flex-direction: column;
    z-index: 1;
    align-items: center;
    background: white;
    margin: -5px 0 0 0 !important;
    padding: 0;
    border: 1px solid #CCCCCC;
    border-bottom-color: #CCCCCC !important;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
    border-radius: 5px;
    overflow: hidden;
  }

  .tab-navigation[role=tablist].mobile-dropdown>li {
    display: block;
    background-color: transparent;
    border: none;
    margin: 0;
    font-weight: 400;
    width: 100%;
    text-align: left;
    border-radius: 0%;
  }

  .tab-navigation[role=tablist].mobile-dropdown>li:not(:last-child) {
    border-bottom: 1px solid #999999 !important;
  }

  .tab-navigation[role=tablist].mobile-dropdown>li:last-child {
    border-bottom: none !important;
  }

  .tab-navigation[role=tablist].mobile-dropdown>li:last-child.active {
    border-bottom: none !important;
  }

  .tab-navigation[role=tablist].mobile-dropdown>li:hover {
    background-color: #F2F2F2;
  }

  .tab-navigation[role=tablist].mobile-dropdown>li.attention::after,
  .tab-navigation[role=tablist].mobile-dropdown>li.new::after {
    margin-top: 0;
  }

  .tab-navigation[role=tablist].mobile-dropdown>li.active {
    background-color: #F2F2F2;
    text-decoration: underline;
  }

  .tab-navigation[role=tablist].mobile-dropdown>li.active a {
    text-decoration: underline;
  }

  .tab-navigation[role=tablist].mobile-dropdown>li.active::before {
    display: none;
  }

  .button-sub.mobile-dropdown.active+.tab-navigation[role=tablist].mobile-dropdown {
    display: flex;
  }

  .button-sub.mobile-dropdown {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  .button-sub.mobile-dropdown {
    display: none;
  }

  .tab-contents.mobile-dropdown {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
}

@media screen and (max-width: 767px) {
  .tab-contents.mobile-dropdown {
    border: none;
    padding: 10px 0;
  }
}

@media screen {
  .snackbar {
    position: fixed;
    bottom: 0;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
    z-index: 2000;
    display: flex;
    flex-direction: column-reverse;
    transition: all 0.25s ease-in-out;
  }

  .snackbar.left {
    right: auto;
    left: 5px;
    transform: none;
  }

  .snackbar.right {
    right: 5px;
    left: auto;
    transform: none;
  }

  .snackbar.center {
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%) !important;
  }

  .snackbar.left-half {
    top: 50%;
    bottom: auto;
    left: 25%;
    transform: translate(-50%, -50%) !important;
  }

  .snackbar.right-half {
    top: 50%;
    left: 75%;
    bottom: auto;
    transform: translate(-50%, -50%) !important;
  }

  .snackbar .content {
    max-width: 300px;
    background: #2D7CAD;
    color: white !important;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    margin: 0 0 5px 0;
    padding: 10px 15px;
    border-radius: 10px;
    font-weight: 700;
    display: none;
  }

  .snackbar .content .text {
    text-align: center;
    margin: 0;
    padding: 0;
  }

  .snackbar .content .toolbar {
    margin: 0 0 0 10px !important;
    padding: 0 !important;
  }

  .snackbar .content .toolbar .button-group {
    padding: 0 !important;
    margin: 0 !important;
  }

  .snackbar .content .toolbar .button-group .button-sub {
    border-color: #333333;
    color: #333333;
  }

  .snackbar .content .toolbar .button-group .button-sub .material-icons {
    color: #333333;
  }

  .snackbar .content .toolbar .button-group .button-sub:hover {
    background-color: #333333;
    border-color: #333333;
  }

  .snackbar .content .toolbar .button-group .button-sub {
    white-space: nowrap;
  }

  .snackbar .content .toolbar .button-group .button-sub:not(:focus-visible) {
    border-color: #055485;
  }

  .snackbar .content.error {
    background: #FACDD4;
    color: black !important;
    padding: 8px 13px;
    border: 2px dashed #E40427;
  }

  .snackbar .content.error .toolbar .button-group .button-sub:not(:focus-visible) {
    border-color: #666666;
  }

  .snackbar .content.error.show-permanent {
    display: flex;
    justify-content: space-around;
    animation: error-in 1.25s forwards ease-in-out;
  }

  .snackbar .content.show-5 {
    display: flex;
    justify-content: space-around;
    animation: in 1.25s forwards ease-in-out, out5 5s forwards ease-in-out;
  }

  .snackbar .content.show-10 {
    display: flex;
    justify-content: space-around;
    animation: in 1.25s forwards ease-in-out, out10 10s forwards ease-in-out;
  }

  .snackbar .content:not(.error).show-permanent {
    display: flex;
    justify-content: space-around;
    animation: in 1.25s forwards ease-in-out;
  }

  .snackbar .content.hide-permanent {
    display: flex;
    justify-content: space-around;
    animation: out 0.5s forwards ease-in-out;
  }
}

@media screen {
  @keyframes in {
    0% {
      opacity: 0;
      box-shadow: none;
    }

    25% {
      opacity: 1;
      box-shadow: 0 0 0 0 #81B0CE, 0 0 0 0 #81B0CE;
    }

    50% {
      box-shadow: 0 0 0 30px transparent, 0 0 0 0 #81B0CE;
    }

    75% {
      box-shadow: 0 0 0 30px transparent, 0 0 0 15px transparent;
    }

    100% {
      box-shadow: 0 0 0 0 transparent, 0 0 0 15px transparent;
    }
  }
}

@media screen {
  @keyframes error-in {
    0% {
      opacity: 0;
      box-shadow: none;
    }

    25% {
      opacity: 1;
      box-shadow: 0 0 0 0 #EF687D, 0 0 0 0 #EF687D;
    }

    50% {
      box-shadow: 0 0 0 30px transparent, 0 0 0 0 #EF687D;
    }

    5% {
      box-shadow: 0 0 0 30px transparent, 0 0 0 15px transparent;
    }

    100% {
      box-shadow: 0 0 0 0 transparent, 0 0 0 15px transparent;
    }
  }
}

@media screen {
  @keyframes out5 {
    90% {
      transform: scaleY(1);
      opacity: 1;
      padding: 10px 15px;
      height: auto;
      margin: 0 0 5px 0;
      box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    }

    100% {
      transform: scaleY(0);
      transform-origin: bottom;
      opacity: 0;
      padding: 0 15px;
      height: 0;
      box-shadow: none;
      margin: 0;
    }
  }
}

@media screen {
  @keyframes out10 {
    95% {
      transform: scaleY(1);
      opacity: 1;
      padding: 10px 15px;
      height: auto;
      margin: 0 0 5px 0;
      box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    }

    100% {
      transform: scaleY(0);
      transform-origin: bottom;
      opacity: 0;
      padding: 0 15px;
      height: 0;
      box-shadow: none;
      margin: 0;
    }
  }
}

@media screen {
  @keyframes out {
    from {
      transform: scaleY(1);
      opacity: 1;
      padding: 10px 15px;
      height: auto;
      margin: 0 0 5px 0;
      box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    }

    to {
      transform: scaleY(0);
      transform-origin: bottom;
      opacity: 0;
      padding: 0 15px;
      height: 0;
      box-shadow: none;
      margin: 0;
    }
  }
}

@media screen {
  .floating-message-group {
    position: fixed;
    max-width: 300px;
    background: white;
    border: 2px dashed black;
    padding: 7.5px 10px;
    border-radius: 10px;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
  }

  .floating-message-group h2,
  .floating-message-group .layout-group-top .h2,
  .layout-group-top .floating-message-group .h2,
  .floating-message-group .layout-group-top header,
  .layout-group-top .floating-message-group header {
    line-height: 1.5;
    margin-bottom: 5px;
  }

  .floating-message-group h3,
  .floating-message-group header.list-group-heading,
  .floating-message-group .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .floating-message-group h3,
  .floating-message-group .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .floating-message-group .h3,
  .floating-message-group .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .floating-message-group header,
  .floating-message-group .layout-group-sub .h3,
  .layout-group-sub .floating-message-group .h3,
  .floating-message-group .layout-group-sub header,
  .layout-group-sub .floating-message-group header {
    line-height: 1.5;
    margin-top: 0 !important;
    margin-bottom: 5px;
  }

  .floating-message-group h4,
  .floating-message-group header {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin: 22px 0 11px 0;
    line-height: 1.5;
    margin-top: 0 !important;
    margin-bottom: 5px;
  }

  .floating-message-group p:last-of-type {
    margin: 0;
  }

  .floating-message-group:not(.dialog) h4,
  .floating-message-group:not(.dialog) header {
    font-size: 14px;
  }

  .floating-message-group:not(.dialog) p {
    font-size: 12px;
  }

  .floating-message-group.error {
    background: #FACDD4;
    color: black;
    border: 2px dashed #E40427;
  }

  .floating-message-group.show-5 {
    animation: out-5 5s forwards ease-in-out;
  }

  .floating-message-group.show-10 {
    animation: out-10 10s forwards ease-in-out;
  }

  .floating-message-group.show-permanent {
    opacity: 1;
  }

  .floating-message-group.dialog {
    max-width: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
    border-style: solid;
    pointer-events: none;
    pointer-events: none;
  }

  .floating-message-group.dialog.show-permanent,
  .floating-message-group.dialog.show-5,
  .floating-message-group.dialog.show-10 {
    pointer-events: all;
  }
}

@media screen and (max-width: 767px) {
  .floating-message-group.dialog {
    max-width: calc(100% - 20px);
  }
}

@media screen {
  .floating-message-group.dialog .toolbar.dialog-control {
    position: absolute;
    top: 13px;
    right: 15px;
    margin: 0 !important;
    padding: 0;
    z-index: 1;
  }

  .floating-message-group.dialog .toolbar.dialog-control .button-group {
    margin: 0 -3px 0 0;
  }

  .floating-message-group.dialog .toolbar.dialog-control .button-group .button-icon {
    margin: 0;
    cursor: pointer;
  }
}

@media screen {
  .floating-message-group.dialog>article {
    padding: 20px 50px;
  }
}

@media screen {
  .floating-message-group.dialog::after {
    position: absolute;
    transform: translate(-50%, -50%) translateZ(-1px);
    top: 50%;
    left: 50%;
    content: "";
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: -1;
  }
}

@media screen {
  @keyframes out-5 {
    0% {
      opacity: 1;
    }

    90% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }
}

@media screen {
  @keyframes out-10 {
    0% {
      opacity: 1;
    }

    95% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }
}

@media screen {
  .article-browser {
    overflow: hidden;
    display: inline-flex;
    align-items: stretch;
    margin: -7.5px -10px;
    width: calc(100% + 20px);
    padding-bottom: 10px;
    max-height: calc(100vh - 20px);
    height: -webkit-fill-available;
    overflow-y: auto;
    background-color: white;
  }

  .article-browser article {
    position: relative;
    flex: 0 0 100%;
    padding: 20px 70px;
    width: 100%;
  }
}

@media screen and (max-width: 767.6px) {
  .article-browser article {
    padding: 20px 60px;
  }
}

@media screen and (min-width: 768px) {
  .article-browser article {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}

@media screen {
  .article-browser article * {
    white-space: normal;
  }
}

@media screen {
  .article-browser article section {
    flex: 0 0 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .article-browser article section .form-group:not(:last-child) {
    margin-bottom: 20px;
  }

  .article-browser article section .gdpr p {
    margin: 0 0 10px 0;
    font-size: 14px;
  }

  .article-browser article section .gdpr .button-link {
    align-items: center;
    margin: -10px 0 10px 0;
  }

  .article-browser article section .gdpr .button-link .material-icons {
    margin-left: 2px;
    overflow: visible;
  }
}

@media screen {
  .article-browser article .button-browse {
    border-radius: 22px;
    background-color: white;
    border: 2px solid #333333;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: absolute;
    bottom: calc(50% - 15px);
    cursor: pointer;
  }

  .article-browser article .button-browse:hover:not(:focus-visible) {
    border: 2px solid #333333;
    background: #333333;
  }

  .article-browser article .button-browse:hover:not(:focus-visible) .material-icons {
    color: white;
  }

  .article-browser article .button-browse:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .article-browser article .button-browse .material-icons {
    color: black;
    font-size: 16px;
    margin: 0;
    padding: 0;
    margin-right: -2px;
  }

  .article-browser article .button-browse.prev {
    left: 12px;
  }

  .article-browser article .button-browse.prev .material-icons {
    margin-right: -7px;
  }

  .article-browser article .button-browse.next {
    right: 12px;
  }
}

@media screen {
  .article-browser article .pagination {
    display: flex;
    justify-content: center;
  }

  .article-browser article .pagination .material-icons {
    font-size: 14px;
    margin: 0;
  }

  .article-browser article .pagination li {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #333333;
    margin: 0 2px;
    cursor: default;
  }

  .article-browser article .pagination li .button-transparent {
    color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    width: 14px;
    height: 14px;
  }

  .article-browser article .pagination li .button-transparent:hover:not(:focus-visible) {
    color: #D5E5EF;
  }

  .article-browser article .pagination li .button-transparent:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }
}

@media screen {
  .layout-group-top {
    min-width: fit-content;
    border-radius: 15px;
    background-color: #F2F2F2;
    padding: 30px 30px 20px 30px;
  }

  .layout-group-top h3:not(.h2),
  .layout-group-top header.list-group-heading:not(.h2),
  .layout-group-top .list-group.sub-grouped .list-item h3:not(.h2),
  .list-group.sub-grouped .list-item .layout-group-top h3:not(.h2),
  .layout-group-top .list-group.sub-grouped .list-item .h3:not(.h2),
  .list-group.sub-grouped .list-item .layout-group-top .h3:not(.h2),
  .layout-group-top .list-group.sub-grouped .list-item header:not(.h2),
  .list-group.sub-grouped .list-item .layout-group-top header:not(.h2),
  .layout-group-top .layout-group-sub .h3:not(.h2),
  .layout-group-sub .layout-group-top .h3:not(.h2),
  .layout-group-top .layout-group-sub header:not(.h2),
  .layout-group-sub .layout-group-top header:not(.h2),
  .layout-group-top h4:not(.h2),
  .layout-group-top h5:not(.h2),
  .layout-group-top h6:not(.h2) {
    margin: 0 0 10px 0;
    padding: 0;
  }

  .layout-group-top .toolbar {
    padding-bottom: 10px;
  }

  .layout-group-top h2,
  .layout-group-top .h2,
  .layout-group-top header {
    padding: 0 !important;
    display: inline-block;
    line-height: 1.5;
    margin: 0 0 16px 0 !important;
    padding: 0 0 12px 0 !important;
  }

  .layout-group-top .toolbar {
    margin-bottom: 0 !important;
  }

  .layout-group-top .tab-navigation {
    margin: 4px -30px -20px -30px !important;
    padding: 0 25px 0 30px;
  }

  .layout-group-top .form-fieldset {
    padding: 0;
  }

  .layout-group-top+.form-fieldset {
    margin: 35px 0 30px 0 !important;
  }
}

@media screen {
  .layout-group-sub {
    min-width: fit-content;
    background-color: #F2F2F2;
    border-radius: 15px;
    overflow: hidden;
    padding: 20px 30px 0 30px;
  }

  .layout-group-sub h2:not(.h3),
  .layout-group-sub .layout-group-top .h2:not(.h3),
  .layout-group-top .layout-group-sub .h2:not(.h3),
  .layout-group-sub .layout-group-top header:not(.h3),
  .layout-group-top .layout-group-sub header:not(.h3),
  .layout-group-sub h4:not(.h3),
  .layout-group-sub h5:not(.h3),
  .layout-group-sub h6:not(.h3) {
    margin: 0 0 12px 0;
  }

  .layout-group-sub h3,
  .layout-group-sub .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .layout-group-sub h3,
  .layout-group-sub .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .layout-group-sub .h3,
  .layout-group-sub .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .layout-group-sub header,
  .layout-group-sub .h3,
  .layout-group-sub header {
    margin: 10px 0 12px 0 !important;
    border: none !important;
  }

  .layout-group-sub .toolbar {
    padding-bottom: 20px;
  }

  .layout-group-sub .toolbar+.message {
    margin-top: -20px;
  }

  .layout-group-sub .message {
    margin-bottom: 30px;
  }

  .layout-group-sub>.table-grid {
    margin-top: -10px !important;
  }

  .layout-group-sub h2:not(.h3),
  .layout-group-sub .layout-group-top .h2:not(.h3),
  .layout-group-top .layout-group-sub .h2:not(.h3),
  .layout-group-sub .layout-group-top header:not(.h3),
  .layout-group-top .layout-group-sub header:not(.h3),
  .layout-group-sub h4:not(.h3),
  .layout-group-sub h5:not(.h3),
  .layout-group-sub h6:not(.h3) {
    margin: 10px 0 15px 0;
  }

  .layout-group-sub h3,
  .layout-group-sub .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .layout-group-sub h3,
  .layout-group-sub .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .layout-group-sub .h3,
  .layout-group-sub .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .layout-group-sub header,
  .layout-group-sub .h3,
  .layout-group-sub header {
    margin: 10px 0 15px 0;
    padding: 0;
    line-height: 1.5;
  }

  .layout-group-sub .popout .flex-line h3,
  .layout-group-sub .popout .flex-line header,
  .layout-group-sub .popout .flex-line .h3 {
    margin: 0 !important;
  }

  .layout-group-sub .form-fieldset {
    padding: 0;
  }

  .layout-group-sub .attention-group h4,
  .layout-group-sub .attention-group .h4,
  .layout-group-sub .attention-group header {
    margin-top: 0 !important;
  }

  .layout-group-sub .extend {
    width: calc(100% + 60px);
    max-height: 200px;
    display: flex;
    overflow: hidden;
    flex-flow: column;
    overflow: hidden;
    margin: -30px -30px 20px -30px;
    justify-content: center;
  }

  .layout-group-sub .extend img {
    max-width: 100%;
  }

  .layout-group-sub.clickable {
    box-shadow: 0 5px 20px 0 rgba(102, 102, 102, 0.3);
    border-radius: 15px;
    overflow: hidden;
    background-color: white;
  }

  .layout-group-sub.clickable:hover:not(.active) {
    background-color: #E6E6E6;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
  }

  .layout-group-sub.clickable:focus-visible {
    outline: 2px solid black;
    outline-offset: -2px;
  }

  .layout-group-sub .list.alternating {
    margin-right: -30px !important;
  }

  .layout-group-sub .list.alternating .toolbar {
    margin-left: -30px !important;
    padding-left: 30px !important;
  }

  .layout-group-sub .list.alternating .content {
    margin-right: -30px !important;
    padding-right: 30px !important;
  }

  .layout-group-sub .list.alternating .passthrough-row .toolbar {
    margin-left: -30px !important;
    padding-left: 30px !important;
  }

  .layout-group-sub .list.alternating .passthrough-row .content {
    margin-right: -30px !important;
    padding-right: 30px !important;
  }

  .layout-group-sub .list.alternating .passthrough-row .sub-list .list {
    padding-right: 30px;
  }

  .layout-group-sub .list.alternating>.passthrough-row:nth-of-type(even) .sub-list .list,
  .layout-group-sub .list.alternating>.passthrough-row:nth-of-type(even) .sub-list .list .toolbar,
  .layout-group-sub .list.alternating>.passthrough-row:nth-of-type(even) .sub-list .list .content {
    background-color: #E6E6E6;
  }

  .layout-group-sub .list-group {
    margin: -5px -30px 0 -30px;
    width: calc(100% + 60px);
    max-width: calc(100% + 60px);
  }

  .layout-group-sub .list-group .list-item {
    display: list-item;
    padding: 0 30px;
  }

  .layout-group-sub .list-group .list-item .actions {
    padding: 20px 15px 20px 0px;
  }

  .layout-group-sub .list-group:not(.sub-grouped)::before {
    width: calc(100% - 60px);
    left: 30px;
    top: 5px;
  }

  .layout-group-sub .list-group.clickable .list-item {
    padding: 0;
  }

  .layout-group-sub .list-group.clickable .list-item:hover:not(.active) .content {
    background-color: #cdcdcd;
  }

  .layout-group-sub .list-group.clickable .list-item:hover:not(.active) .content::after {
    width: 100%;
  }

  .layout-group-sub .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active) {
    background-color: #b3b3b3;
  }

  .layout-group-sub *:last-child.attention-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px !important;
  }

  .layout-group-sub .popout {
    background-color: white;
  }

  .layout-group-sub .button-link.active .material-icons::after,
  .layout-group-sub .button-help.active .material-icons::after {
    border-top: 7px solid white;
  }

  .layout-group-sub .table-grid {
    margin: 0 -30px 25px -30px !important;
    width: calc(100% + 60px) !important;
  }
}

@media screen {
  .panel-group {
    color: black;
    min-width: fit-content;
    padding: 25px 50px 5px 30px;
    border-radius: 15px;
  }

  .panel-group:not(.blind) {
    background-color: #F2F2F2;
  }

  .panel-group>*:first-child {
    margin-top: 0 !important;
  }
}

@media screen {
  .list-group {
    list-style: none;
    display: table;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 7px 0 0 0;
    position: relative;
    max-width: 100%;
  }

  .list-group:not(.sub-grouped)::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    border-top: 2px solid black;
  }

  .list-group .list-item {
    display: table-row;
  }

  .list-group .list-item.confirmed {
    background-color: #eaf5ec;
  }

  .list-group .list-item.confirmed .content {
    padding: 20px 30 20px 30px;
    border-bottom: 1px solid #41864b !important;
    position: relative !important;
  }

  .list-group .list-item.confirmed .content::before {
    content: "";
    background-color: #41864b;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
  }

  .list-group .list-item.confirmed .content::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "check";
    position: absolute;
    top: calc(50% - 12px);
    right: 2px;
    width: 24px !important;
    height: 24px !important;
    color: white;
  }

  .list-group .list-item.error {
    background-color: #ffe8ec;
  }

  .list-group .list-item.error .content {
    padding: 20px 30 20px 30px;
    border-bottom: 1px solid #cb0423 !important;
    position: relative !important;
  }

  .list-group .list-item.error .content::before {
    content: "";
    background-color: #cb0423;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
  }

  .list-group .list-item.error .content::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "error_outline";
    position: absolute;
    top: calc(50% - 12px);
    right: 2px;
    width: 24px !important;
    height: 24px !important;
    color: white;
  }

  .list-group .list-item.visited {
    background-color: #ebe7f3;
  }

  .list-group .list-item.visited .content {
    padding: 20px 30 20px 30px;
    border-bottom: 1px solid #795CB2 !important;
    position: relative !important;
  }

  .list-group .list-item.visited .content::before {
    content: "";
    background-color: #795CB2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
  }

  .list-group .list-item.visited .content::after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "history";
    position: absolute;
    top: calc(50% - 12px);
    right: 2px;
    width: 24px !important;
    height: 24px !important;
    color: white;
  }

  .list-group .list-item:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .list-group .list-item:nth-child(even).confirmed {
    background-color: #d9eddc;
  }

  .list-group .list-item:nth-child(even).error {
    background-color: #fecfd7;
  }

  .list-group .list-item:nth-child(even).visited {
    background-color: #ddd5eb;
  }

  .list-group .list-item .actions {
    display: table-cell;
    padding: 20px 15px 20px 10px;
  }

  .list-group .list-item .actions .toolbar {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    margin-bottom: 0 !important;
  }

  .list-group .list-item .actions .toolbar .button-sub {
    white-space: nowrap;
  }
}

@media screen and (max-width: 767px) {
  .list-group .list-item .actions {
    padding: 15px 15px 10px 15px;
  }

  .list-group .list-item .actions .toolbar .button-group {
    flex-direction: column;
  }

  .list-group .list-item .actions .toolbar .button-group .button-icon {
    margin: 0 0 5px 0;
  }
}

@media screen {
  .list-group .list-item .actions.single-button-placeholder {
    min-width: 54px;
    width: 54px;
  }
}

@media screen {
  .list-group .list-item .content {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding: 20px 20px 20px 0;
  }

  .list-group .list-item .content.without-actions {
    padding: 20px 20px 20px 0;
  }

  .list-group .list-item .content header,
  .list-group .list-item .content .h4 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin: 22px 0 11px 0;
    font-weight: 500;
    line-height: 1.2;
  }

  .list-group .list-item .content h2,
  .list-group .list-item .content h3,
  .list-group .list-item .content h4,
  .list-group .list-item .content h5,
  .list-group .list-item .content .h2,
  .list-group .list-item .content .h3,
  .list-group .list-item .content .h4,
  .list-group .list-item .content .h5,
  .list-group .list-item .content header {
    margin: 0 !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    border: none !important;
    display: block;
    padding-top: 0 !important;
  }

  .list-group .list-item .content h2 a,
  .list-group .list-item .content h3 a,
  .list-group .list-item .content h4 a,
  .list-group .list-item .content h5 a,
  .list-group .list-item .content .h2 a,
  .list-group .list-item .content .h3 a,
  .list-group .list-item .content .h4 a,
  .list-group .list-item .content .h5 a,
  .list-group .list-item .content header a {
    font-weight: 700;
    text-decoration: none;
  }

  .list-group .list-item .content h2 a:hover,
  .list-group .list-item .content h3 a:hover,
  .list-group .list-item .content h4 a:hover,
  .list-group .list-item .content h5 a:hover,
  .list-group .list-item .content .h2 a:hover,
  .list-group .list-item .content .h3 a:hover,
  .list-group .list-item .content .h4 a:hover,
  .list-group .list-item .content .h5 a:hover,
  .list-group .list-item .content header a:hover {
    text-decoration: underline;
  }

  .list-group .list-item .content p .description {
    padding-top: 5px;
    display: flex;
    font-size: 80%;
  }

  .list-group .list-item .content p .description .material-icons {
    top: unset;
    margin: -4px 2px 0 0;
  }

  .list-group .list-item .content p .description.mandatory {
    font-weight: 700;
  }

  .list-group .list-item .content a {
    color: black;
  }

  .list-group .list-item .content>*:first-child {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .list-group .list-item .content.middle-aligned {
    vertical-align: middle;
  }

  .list-group .list-item .content .collapsable {
    display: none;
  }

  .list-group .list-item .content .collapsable.expanded {
    display: block;
    padding: 5px 0 0 0;
  }
}

@media screen {
  .list-group .list-item .image {
    display: table-cell;
  }
}

@media screen {
  .list-group .list-item.with-sub-list>.content {
    width: 50%;
  }

  .list-group .list-item.with-sub-list>.content h4,
  .list-group .list-item.with-sub-list>.content .h4,
  .list-group .list-item.with-sub-list>.content header {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin: 22px 0 11px 0;
    line-height: 1.5;
    white-space: nowrap;
    margin: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .list-group .list-item.with-sub-list .sub-list {
    display: table-cell;
    vertical-align: top;
    width: 100%;
  }

  .list-group .list-item.with-sub-list .sub-list .list-group {
    width: 100%;
    margin: 0;
    padding: 0 !important;
  }
}

@media screen {
  .list-group .list-item.with-sub-list .sub-list .content {
    width: 100%;
  }
}

@media screen {
  .list-group .list-item.with-sub-list:nth-child(even) {
    background-color: transparent;
  }
}

@media screen {

  .list-group .list-item.with-sub-list:not(:nth-child(1))>.actions,
  .list-group .list-item.with-sub-list:not(:nth-child(1))>.content,
  .list-group .list-item.with-sub-list:not(:nth-child(1))>.sub-list {
    border-top: 2px solid rgba(0, 0, 0, 0.4) !important;
  }
}

@media screen {
  .list-group:not(.clickable) .list-item.active {
    background: #2D7CAD !important;
    color: white !important;
  }

  .list-group:not(.clickable) .list-item.active .actions .button-sub:not(:focus-visible),
  .list-group:not(.clickable) .list-item.active .actions .button-icon:not(:focus-visible) {
    border-color: #055485;
  }
}

@media screen {
  .list-group:not(.clickable) .list-item.error .content {
    background: #FACDD4;
    color: black;
    border: 2px dashed #E40427;
  }

  .list-group:not(.clickable) .list-item.error .content p.mandatory {
    padding-left: 25px !important;
  }
}

@media screen {
  .list-group.sub-grouped {
    margin: 0 !important;
  }

  .list-group.sub-grouped .list-item {
    min-width: fit-content;
    background-color: #F2F2F2;
    border-radius: 15px;
    overflow: hidden;
    padding: 20px 30px 0 30px;
    margin: 0 0 5px 0 !important;
    padding: 10px 10px 5px 10px;
    display: block;
  }

  .list-group.sub-grouped .list-item h2:not(.h3),
  .list-group.sub-grouped .list-item .layout-group-top .h2:not(.h3),
  .layout-group-top .list-group.sub-grouped .list-item .h2:not(.h3),
  .list-group.sub-grouped .list-item .layout-group-top header:not(.h3),
  .layout-group-top .list-group.sub-grouped .list-item header:not(.h3),
  .list-group.sub-grouped .list-item h4:not(.h3),
  .list-group.sub-grouped .list-item h5:not(.h3),
  .list-group.sub-grouped .list-item h6:not(.h3) {
    margin: 0 0 12px 0;
  }

  .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item header {
    margin: 10px 0 12px 0 !important;
    border: none !important;
  }

  .list-group.sub-grouped .list-item .toolbar {
    padding-bottom: 20px;
  }

  .list-group.sub-grouped .list-item .toolbar+.message {
    margin-top: -20px;
  }

  .list-group.sub-grouped .list-item .message {
    margin-bottom: 30px;
  }

  .list-group.sub-grouped .list-item>.table-grid {
    margin-top: -10px !important;
  }

  .list-group.sub-grouped .list-item h2:not(.h3),
  .list-group.sub-grouped .list-item .layout-group-top .h2:not(.h3),
  .layout-group-top .list-group.sub-grouped .list-item .h2:not(.h3),
  .list-group.sub-grouped .list-item .layout-group-top header:not(.h3),
  .layout-group-top .list-group.sub-grouped .list-item header:not(.h3),
  .list-group.sub-grouped .list-item h4:not(.h3),
  .list-group.sub-grouped .list-item h5:not(.h3),
  .list-group.sub-grouped .list-item h6:not(.h3) {
    margin: 10px 0 15px 0;
  }

  .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item header {
    margin: 10px 0 15px 0;
    padding: 0;
    line-height: 1.5;
  }

  .list-group.sub-grouped .list-item .popout .flex-line h3,
  .list-group.sub-grouped .list-item .popout .flex-line header,
  .list-group.sub-grouped .list-item .popout .flex-line .h3 {
    margin: 0 !important;
  }

  .list-group.sub-grouped .list-item .form-fieldset {
    padding: 0;
  }

  .list-group.sub-grouped .list-item .attention-group h4,
  .list-group.sub-grouped .list-item .attention-group .h4,
  .list-group.sub-grouped .list-item .attention-group header {
    margin-top: 0 !important;
  }

  .list-group.sub-grouped .list-item .extend {
    width: calc(100% + 60px);
    max-height: 200px;
    display: flex;
    overflow: hidden;
    flex-flow: column;
    overflow: hidden;
    margin: -30px -30px 20px -30px;
    justify-content: center;
  }

  .list-group.sub-grouped .list-item .extend img {
    max-width: 100%;
  }

  .list-group.sub-grouped .list-item.clickable {
    box-shadow: 0 5px 20px 0 rgba(102, 102, 102, 0.3);
    border-radius: 15px;
    overflow: hidden;
    background-color: white;
  }

  .list-group.sub-grouped .list-item.clickable:hover:not(.active) {
    background-color: #E6E6E6;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
  }

  .list-group.sub-grouped .list-item.clickable:focus-visible {
    outline: 2px solid black;
    outline-offset: -2px;
  }

  .list-group.sub-grouped .list-item .list.alternating {
    margin-right: -30px !important;
  }

  .list-group.sub-grouped .list-item .list.alternating .toolbar {
    margin-left: -30px !important;
    padding-left: 30px !important;
  }

  .list-group.sub-grouped .list-item .list.alternating .content {
    margin-right: -30px !important;
    padding-right: 30px !important;
  }

  .list-group.sub-grouped .list-item .list.alternating .passthrough-row .toolbar {
    margin-left: -30px !important;
    padding-left: 30px !important;
  }

  .list-group.sub-grouped .list-item .list.alternating .passthrough-row .content {
    margin-right: -30px !important;
    padding-right: 30px !important;
  }

  .list-group.sub-grouped .list-item .list.alternating .passthrough-row .sub-list .list {
    padding-right: 30px;
  }

  .list-group.sub-grouped .list-item .list.alternating>.passthrough-row:nth-of-type(even) .sub-list .list,
  .list-group.sub-grouped .list-item .list.alternating>.passthrough-row:nth-of-type(even) .sub-list .list .toolbar,
  .list-group.sub-grouped .list-item .list.alternating>.passthrough-row:nth-of-type(even) .sub-list .list .content {
    background-color: #E6E6E6;
  }

  .list-group.sub-grouped .list-item .list-group {
    margin: -5px -30px 0 -30px;
    width: calc(100% + 60px);
    max-width: calc(100% + 60px);
  }

  .list-group.sub-grouped .list-item .list-group .list-item {
    display: list-item;
    padding: 0 30px;
  }

  .list-group.sub-grouped .list-item .list-group .list-item .actions {
    padding: 20px 15px 20px 0px;
  }

  .list-group.sub-grouped .list-item .list-group:not(.sub-grouped)::before {
    width: calc(100% - 60px);
    left: 30px;
    top: 5px;
  }

  .list-group.sub-grouped .list-item .list-group.clickable .list-item {
    padding: 0;
  }

  .list-group.sub-grouped .list-item .list-group.clickable .list-item:hover:not(.active) .content {
    background-color: #cdcdcd;
  }

  .list-group.sub-grouped .list-item .list-group.clickable .list-item:hover:not(.active) .content::after {
    width: 100%;
  }

  .list-group.sub-grouped .list-item .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active) {
    background-color: #b3b3b3;
  }

  .list-group.sub-grouped .list-item *:last-child.attention-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px !important;
  }

  .list-group.sub-grouped .list-item .popout {
    background-color: white;
  }

  .list-group.sub-grouped .list-item .button-link.active .material-icons::after,
  .list-group.sub-grouped .list-item .button-help.active .material-icons::after {
    border-top: 7px solid white;
  }

  .list-group.sub-grouped .list-item .table-grid {
    margin: 0 -30px 25px -30px !important;
    width: calc(100% + 60px) !important;
  }
}

@media screen {
  .list-group.clickable {
    margin: 0;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
  }

  .list-group.clickable::before {
    width: 0;
    display: none !important;
  }

  .list-group.clickable .list-item {
    display: block;
    position: relative;
    cursor: pointer;
  }

  .list-group.clickable .list-item .content {
    padding: 20px 30px 20px 30px;
    position: relative;
    display: block;
  }

  .list-group.clickable .list-item .content .toolbar {
    margin: 0;
    padding: 15px 0 0 0;
    margin-bottom: 0 !important;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .list-group.clickable .list-item .content .toolbar .button-group {
    flex-direction: column;
  }

  .list-group.clickable .list-item .content .toolbar .button-group .button-icon {
    margin: 0 0 5px 0;
  }
}

@media screen {

  .list-group.clickable .list-item .content h2,
  .list-group.clickable .list-item .content .layout-group-top header,
  .layout-group-top .list-group.clickable .list-item .content header,
  .list-group.clickable .list-item .content .h2 {
    padding: 0 0 12px 0;
  }
}

@media screen {

  .list-group.clickable .list-item .content h3,
  .list-group.clickable .list-item .content header.list-group-heading,
  .list-group.clickable .list-item .content .layout-group-sub header,
  .layout-group-sub .list-group.clickable .list-item .content header,
  .list-group.clickable .list-group.sub-grouped .list-item .content header,
  .list-group.sub-grouped .list-group.clickable .list-item .content header,
  .list-group.clickable .list-item .content .h3 {
    padding: 0 0 11px 0;
  }
}

@media screen {

  .list-group.clickable .list-item .content h4,
  .list-group.clickable .list-item .content .h4 {
    padding: 0 0 10px 0;
  }
}

@media screen {
  .list-group.clickable .list-item .content>.flex-line {
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }

  .list-group.clickable .list-item .content>.flex-line .toolbar {
    padding: 0 !important;
    margin: 0 !important;
  }
}

@media screen {

  .list-group.clickable .list-item.active:not(:focus-visible) .content,
  .list-group.clickable .list-item.active:hover:not(:focus-visible) .content {
    background: #2D7CAD;
    color: white;
  }

  .list-group.clickable .list-item.active:not(:focus-visible) .content .label,
  .list-group.clickable .list-item.active:hover:not(:focus-visible) .content .label {
    color: white;
  }

  .list-group.clickable .list-item.active:not(:focus-visible) .content::after,
  .list-group.clickable .list-item.active:hover:not(:focus-visible) .content::after {
    background: #055485 !important;
    width: 100%;
  }

  .list-group.clickable .list-item.active:not(:focus-visible) .content .button-icon:not(:focus-visible),
  .list-group.clickable .list-item.active:not(:focus-visible) .content .button-sub:not(:focus-visible),
  .list-group.clickable .list-item.active:hover:not(:focus-visible) .content .button-icon:not(:focus-visible),
  .list-group.clickable .list-item.active:hover:not(:focus-visible) .content .button-sub:not(:focus-visible) {
    border-color: #055485;
  }

  .list-group.clickable .list-item.active:not(:focus-visible) .content .button-icon:not(:focus-visible).active,
  .list-group.clickable .list-item.active:not(:focus-visible) .content .button-sub:not(:focus-visible).active,
  .list-group.clickable .list-item.active:hover:not(:focus-visible) .content .button-icon:not(:focus-visible).active,
  .list-group.clickable .list-item.active:hover:not(:focus-visible) .content .button-sub:not(:focus-visible).active {
    background-color: #225f85 !important;
  }
}

@media screen {
  .list-group.clickable .list-item:focus-visible .content {
    background: #FFF7B9 !important;
    color: black;
    outline: 2px dotted #EF8604;
    outline-offset: -2px;
  }

  .list-group.clickable .list-item:focus-visible .content::after {
    background: #EF8604 !important;
  }
}

@media screen {
  .list-group.clickable:not(.headless) .list-item:first-child .content::after {
    width: 100%;
  }
}

@media screen {
  .list-group .image {
    display: table-cell;
  }
}

@media screen {
  .list-group.headless {
    margin-top: 0 !important;
  }

  .list-group.headless::before {
    width: 0;
  }
}

@media screen {
  .list-group.lined-list .list-item {
    background: transparent !important;
  }

  .list-group.lined-list .list-item .actions {
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #CCCCCC;
  }

  .list-group.lined-list .list-item .content {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #CCCCCC;
  }

  .list-group.lined-list .list-item:nth-child(even) {
    background-color: transparent;
  }

  .list-group.lined-list .list-item:last-child .actions,
  .list-group.lined-list .list-item:last-child .content {
    border-bottom: none;
  }
}

@media screen {
  .list-group.clickable .list-item .actions {
    border-bottom: 1px solid #CCCCCC;
  }

  .list-group.clickable .list-item .content {
    border-bottom: 1px solid #CCCCCC;
  }

  .list-group.clickable .list-item:last-child .actions,
  .list-group.clickable .list-item:last-child .content {
    border-bottom: none;
  }
}

@media screen {

  h3,
  header.list-group-heading,
  .layout-group-sub h3,
  .layout-group-sub .h3,
  .layout-group-sub header,
  .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item header {
    line-height: 1.5;
  }
}

@media screen {
  ol.numbered-group {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: number;
  }

  ol.numbered-group>li {
    position: relative;
    padding: 0 0 0 25px;
  }

  ol.numbered-group>li header,
  ol.numbered-group>li .h4 {
    border: none;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin: 22px 0 11px 0;
    margin: 20px 0 5px 0 !important;
    padding: 0 !important;
    line-height: 1.5;
    display: block !important;
    border: none !important;
    font-size: 20px !important;
  }

  ol.numbered-group>li::before {
    margin-left: -25px;
    margin-top: 1px;
    position: absolute;
    counter-increment: number;
    content: counter(number);
    font-size: 15px;
    font-weight: 700;
    border-radius: 50%;
    background: #2D7CAD;
    color: white;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 21px;
    display: flex;
    justify-content: center;
  }
}

@media screen {
  ul.checked-group {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: number;
  }

  ul.checked-group>li {
    position: relative;
    padding: 0 0 5px 25px;
    font-weight: 700;
  }

  ul.checked-group>li header,
  ul.checked-group>li .h4 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin: 22px 0 11px 0;
    line-height: 1.5;
  }

  ul.checked-group>li a.external-link {
    margin-top: -5px;
    display: inline-block;
    text-decoration: underline;
  }

  ul.checked-group>li a.external-link::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "launch";
    font-size: 20px !important;
    position: relative;
    top: 0.25em !important;
    margin-right: 0.15em !important;
    line-height: 20px;
    overflow: hidden;
  }

  ul.checked-group>li::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    margin-left: -25px;
    margin-top: -1px;
    position: absolute;
    counter-increment: number;
    content: "check";
    font-size: 16px;
    font-weight: 700;
    border-radius: 50%;
    background: #7AB800;
    color: white;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    display: flex;
    justify-content: center;
  }
}

@media screen {

  ol.numbered-group li ul.checked-group,
  ul.checked-group li ol.numbered-group {
    margin: 10px 0;
  }
}

@media screen {
  .list {
    display: grid;
    position: relative;
    grid-template-columns: fit-content(50%);
  }

  .list .placeholder {
    grid-column-start: 1;
    grid-column-end: 2;
    background-color: transparent;
  }

  .list .toolbar {
    display: flex;
    align-items: flex-start;
    grid-column-start: 1;
    grid-column-end: 2;
    padding: 20px 10px 20px 20px;
    margin: 0 !important;
  }

  .list .toolbar .button-group {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin: 0;
  }

  .list .toolbar .button-sub,
  .list .toolbar .button-icon {
    margin: 0 5px 0 0 !important;
    white-space: nowrap;
  }
}

@media screen and (max-width: 767px) {
  .list .toolbar {
    padding: 15px 15px 10px 15px;
  }

  .list .toolbar .button-group {
    flex-direction: column;
  }

  .list .toolbar .button-group .button-icon {
    margin: 0 0 5px 0 !important;
  }
}

@media screen {
  .list>.content {
    height: 100%;
  }
}

@media screen {
  .list .content {
    margin: 0;
    padding: 20px 10px;
    grid-column-start: 2;
    grid-column-end: 3;
    min-height: 50px;
  }

  .list .content .single-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .list .content header,
  .list .content .h4 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin: 22px 0 11px 0;
    font-weight: 500;
    line-height: 1.2;
  }

  .list .content h2,
  .list .content h3,
  .list .content .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .list .content h3,
  .list .content .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .list .content .h3,
  .list .content .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .list .content header,
  .list .content h4,
  .list .content h5,
  .list .content .h2,
  .list .content .h3,
  .list .content .h4,
  .list .content .h5,
  .list .content header {
    margin: 0 !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    border: none !important;
    display: block;
    padding-top: 0 !important;
  }

  .list .content h2 a,
  .list .content h3 a,
  .list .content .list-group.sub-grouped .list-item h3 a,
  .list-group.sub-grouped .list-item .list .content h3 a,
  .list .content .list-group.sub-grouped .list-item .h3 a,
  .list-group.sub-grouped .list-item .list .content .h3 a,
  .list .content .list-group.sub-grouped .list-item header a,
  .list-group.sub-grouped .list-item .list .content header a,
  .list .content h4 a,
  .list .content h5 a,
  .list .content .h2 a,
  .list .content .h3 a,
  .list .content .h4 a,
  .list .content .h5 a,
  .list .content header a {
    font-weight: 700;
    text-decoration: none;
  }

  .list .content h2 a:hover,
  .list .content h3 a:hover,
  .list .content h4 a:hover,
  .list .content h5 a:hover,
  .list .content .h2 a:hover,
  .list .content .h3 a:hover,
  .list .content .h4 a:hover,
  .list .content .h5 a:hover,
  .list .content header a:hover {
    text-decoration: underline;
  }

  .list .content p {
    margin: 0 0 5px 0;
  }

  .list .content p:last-child {
    margin: 0;
  }

  .list .content p .attention {
    margin: 0;
  }

  .list .content .toolbar {
    margin: 0;
    padding: 5px 0 10px 0;
    justify-content: flex-start;
  }

  .list .content .description {
    margin: 0 0 10px 0;
    font-size: 12px;
    display: flex;
    align-items: center;
    line-height: 18px;
  }

  .list .content .description .material-icons {
    font-size: 18px;
    position: static;
    margin: -2px 2px 0 0;
  }

  .list .content .description.error {
    background: #FACDD4;
    color: black;
    border: 2px dashed #E40427;
    padding: 10px;
    font-weight: 700;
  }

  .list .content .description.error .material-icons {
    margin: 0 2px 0 0;
  }

  .list .content>.assistance-group {
    width: auto;
    white-space: nowrap;
    padding-bottom: 5px;
    animation: none;
    margin: -60px 0 0 0;
  }

  .list .content>.assistance-group::after {
    margin-left: 20px;
    left: 0;
    top: auto;
    bottom: -15px;
    transform: rotate(90deg);
    border-bottom: 30px solid #2D7CAD;
  }

  .list .content h4 .assistance-group {
    width: auto;
    white-space: nowrap;
    margin: -7px 0 0 20px;
    animation: none;
    height: 36px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    padding: 7px 15px 0 5px;
    position: absolute !important;
  }
}

@media screen and (min-width: 768px) {
  .list .content h4 .assistance-group {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

@media screen {
  .list .content h4 .assistance-group::after {
    left: -23px;
    top: 0;
    border-bottom: 18px solid transparent;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 18px solid #2D7CAD;
  }
}

@media screen and (max-width: 767.6px) {
  .list .content h4 .assistance-group {
    height: auto;
    padding: 10px 15px;
    margin: -10px 0 0 12px;
    white-space: normal;
    line-height: 1.5;
    text-align: left;
  }

  .list .content h4 .assistance-group::after {
    left: -15px;
    top: 10px;
    border-bottom: 11px solid transparent;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #2D7CAD;
  }
}

@media screen {
  .list .toolbar+.content {
    padding: 20px 10px 20px 0;
  }
}

@media screen {
  .list:not(.headless) {
    border-top: 2px solid #666666;
  }
}

@media screen {
  .list .sub-list {
    grid-column-start: 3;
    grid-column-end: 4;
  }

  .list .sub-list .list {
    grid-template-columns: minmax(54px, max-content) auto;
    border-top: none;
  }

  .list .sub-list .list p.description {
    display: flex;
    align-items: center;
  }

  .list .sub-list .list p.description .material-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -2px 2px 0 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .list .sub-list {
    grid-column-start: 2;
    grid-column-end: 4;
  }

  .list .sub-list .list .toolbar {
    padding: 20px 10px 20px 0 !important;
  }

  .list .sub-list .list .toolbar .button-group {
    flex-direction: column !important;
  }

  .list .sub-list .list .toolbar .button-group .button-icon {
    margin-bottom: 5px !important;
  }
}

@media screen {
  .list.with-sub-list {
    grid-template-columns: auto 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .list.with-sub-list>.content {
    grid-column-start: 2;
    grid-column-end: 4;
  }
}

@media screen {
  .list.with-sub-list .sub-list {
    width: 100% !important;
  }

  .list.with-sub-list .sub-list .list .passthrough-row:not(:first-child) .toolbar,
  .list.with-sub-list .sub-list .list .passthrough-row:not(:first-child) section,
  .list.with-sub-list .sub-list .list .passthrough-row:not(:first-child) .placeholder {
    border-top: 1px solid #CCCCCC;
  }
}

@media screen {
  .list.lined .toolbar {
    padding: 20px 20px 20px 0;
  }

  .list.lined .content {
    padding: 20px 10px 20px 0;
  }

  .list.lined>section:nth-of-type(n+2)::before {
    position: absolute;
    height: 0;
    width: 100%;
    content: "";
    border-top: 1px solid #CCCCCC;
    left: 0;
    margin-top: -20px;
  }

  .list.lined>.passthrough-row:nth-of-type(n+2)>section::before {
    position: absolute;
    height: 0;
    width: 100%;
    content: "";
    border-top: 1px solid #CCCCCC;
    left: 0;
    margin-top: -20px;
  }
}

@media screen {
  .list.clickable .content {
    padding: 20px 30px;
    cursor: pointer;
  }

  .list.clickable .content h2,
  .list.clickable .content .layout-group-top header,
  .layout-group-top .list.clickable .content header,
  .list.clickable .content .h2 {
    padding: 14px 0 12px 0;
  }

  .list.clickable .content h3,
  .list.clickable .content .layout-group-sub header,
  .layout-group-sub .list.clickable .content header,
  .list.clickable .content .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .list.clickable .content header,
  .list.clickable .content header.list-group-heading,
  .list.clickable .content .h3 {
    padding: 12px 0 11px 0;
  }

  .list.clickable .content h4,
  .list.clickable .content .h4 {
    padding: 10px 0 10px 0;
  }

  .list.clickable .content.active:not(:focus-visible),
  .list.clickable .content.active:hover:not(:focus-visible) {
    background: #333333;
    color: white;
  }

  .list.clickable .content.active:not(:focus-visible) .label,
  .list.clickable .content.active:hover:not(:focus-visible) .label {
    color: white;
  }

  .list.clickable .content.active:not(:focus-visible)::after,
  .list.clickable .content.active:hover:not(:focus-visible)::after {
    background: #055485 !important;
    width: 100%;
  }

  .list.clickable .content.active:not(:focus-visible) .button-icon:not(:focus-visible).active,
  .list.clickable .content.active:not(:focus-visible) .button-sub:not(:focus-visible).active,
  .list.clickable .content.active:hover:not(:focus-visible) .button-icon:not(:focus-visible).active,
  .list.clickable .content.active:hover:not(:focus-visible) .button-sub:not(:focus-visible).active {
    background-color: black !important;
  }

  .list.clickable .content:focus-visible {
    background: #FFF7B9 !important;
    color: black;
    outline: 2px dotted #EF8604;
    outline-offset: -2px;
  }

  .list.clickable .content:focus-visible::after {
    background: #EF8604 !important;
  }
}

@media screen {
  .list.alternating>.toolbar:nth-of-type(even) {
    background: rgba(0, 0, 0, 0.05);
  }

  .list.alternating>section:nth-of-type(even) {
    background: rgba(0, 0, 0, 0.05);
  }

  .list.alternating.clickable:nth-child(even) .content:hover {
    background-color: #D5E5EF;
  }

  .list.alternating .passthrough-row {
    width: 100%;
  }

  .list.alternating .passthrough-row .toolbar {
    padding-left: 10px !important;
  }

  .list.alternating .passthrough-row .sub-list .toolbar {
    padding-left: 0 !important;
  }

  .list.alternating .passthrough-row:nth-of-type(even) .toolbar,
  .list.alternating .passthrough-row:nth-of-type(even) section,
  .list.alternating .passthrough-row:nth-of-type(even) .placeholder {
    background: rgba(0, 0, 0, 0.05);
  }

  .list.alternating .passthrough-row:nth-of-type(even) .placeholder {
    background: rgba(0, 0, 0, 0.1);
  }

  .list.alternating .passthrough-row:nth-of-type(even) .list {
    height: 100%;
  }

  .list.alternating .passthrough-row:nth-of-type(odd) .passthrough-row:nth-of-type(even) .toolbar,
  .list.alternating .passthrough-row:nth-of-type(odd) .passthrough-row:nth-of-type(even) section,
  .list.alternating .passthrough-row:nth-of-type(odd) .passthrough-row:nth-of-type(even) .placeholder {
    background: transparent !important;
  }

  .list.alternating .passthrough-row .passthrough-row:not(:first-child) .toolbar,
  .list.alternating .passthrough-row .passthrough-row:not(:first-child) section,
  .list.alternating .passthrough-row .passthrough-row:not(:first-child) .placeholder {
    border-top: 1px solid #CCCCCC;
  }

  .list.alternating+.attention-group,
  .list.alternating+.error-group {
    margin-top: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .list.alternating {
    width: 100%;
  }

  .list.alternating .passthrough-row {
    display: table-row;
  }

  .list.alternating .passthrough-row .toolbar,
  .list.alternating .passthrough-row .placeholder {
    padding-left: 10px !important;
    display: table-cell;
    vertical-align: top;
  }

  .list.alternating .passthrough-row .content {
    display: table-cell;
    vertical-align: top;
  }

  .list.alternating.with-sub-list .sub-list {
    width: 100%;
  }

  .list.alternating.with-sub-list .sub-list .list {
    display: table;
  }

  .list.alternating.with-sub-list .sub-list .list .passthrough-row {
    display: table-row;
  }

  .list.alternating.with-sub-list .sub-list .list .passthrough-row .toolbar,
  .list.alternating.with-sub-list .sub-list .list .passthrough-row .placeholder {
    padding-left: 10px !important;
    display: table-cell;
    vertical-align: top;
    min-width: 45px;
  }

  .list.alternating.with-sub-list .sub-list .list .passthrough-row .content {
    display: table-cell;
    vertical-align: top;
  }
}

@media screen {
  .list .modal .toolbar {
    padding: 15px 0 20px 0;
  }

  .list .modal .toolbar .button-group {
    justify-content: flex-start;
  }
}

@media screen {
  .expandable-group {
    min-height: 85px;
  }

  .expandable-group .flex-line.full-width {
    justify-content: space-between;
  }

  .expandable-group.layout-group-top .flex-line.full-width,
  .expandable-group.layout-group-sub .flex-line.full-width {
    margin-right: -10px;
  }
}

@media screen {
  .image-panel {
    position: relative;
    outline: 1px solid #666666;
    background-color: #E6E6E6;
    margin: 0 0 15px 0;
    border-radius: 15px;
    overflow: hidden;
  }

  .image-panel figure {
    display: block;
    width: calc(100% + 2px);
    overflow: hidden;
    margin: 0;
  }

  .image-panel figure img {
    width: auto;
    height: 100% !important;
    object-fit: fill;
    transform: translate(-50%, 0);
    margin-left: 50%;
  }

  .image-panel h4,
  .image-panel .h4,
  .image-panel header {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin: 22px 0 11px 0;
    padding: 10px 15px 7px 15px !important;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    margin-top: 0 !important;
    background: #458209;
    color: white;
    line-height: 1.2;
    font-weight: 500 !important;
    font-size: 18px !important;
    z-index: 1;
  }

  .image-panel h4.map-heading,
  .image-panel .h4.map-heading,
  .image-panel header.map-heading {
    background: #2D7CAD;
    color: white;
  }

  .image-panel h4.realestate-heading,
  .image-panel .h4.realestate-heading,
  .image-panel header.realestate-heading {
    background: #EF8604;
    color: black;
  }

  .image-panel .toolbar {
    padding: 5px 0;
    margin: 0 !important;
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
  }
}

@media screen and (max-width: 767px) {
  .image-panel .toolbar .button-sub {
    width: 44px;
    overflow: hidden;
    height: 44px;
    padding: 0;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .image-panel .toolbar .button-sub .material-icons {
    margin: -2px 0 0 1px !important;
    min-width: 40px;
    min-height: 40px;
  }
}

@media screen {
  .message-panel {
    position: fixed;
    bottom: 5px;
    right: 5px;
    border: 2px solid #666666;
  }

  .message-panel:not(.progress) {
    background: white;
    min-height: 50px;
    -webkit-border-radius: 12.5px;
    -moz-border-radius: 12.5px;
    border-radius: 12.5px;
    font-size: 80%;
    text-align: center;
    padding: 5px 10px;
    z-index: 999;
  }

  .message-panel:not(.progress) p {
    margin: 0;
    padding: 0;
  }

  .message-panel.in-progress {
    background: white;
    min-height: 50px;
    text-align: center;
    padding: 10px 20px;
    -webkit-border-radius: 12.5px;
    -moz-border-radius: 12.5px;
    border-radius: 12.5px;
    z-index: 1000;
  }

  .message-panel.in-progress .linear-animation {
    margin: -3px 0 -7px 0;
  }
}

@media screen and (max-width: 767.6px) {
  .message-panel p {
    font-size: 12px;
  }
}

@media screen {
  .message-panel .circle-animation {
    margin: 0 auto 2px auto;
    transform: scale(0.6);
  }
}

@media screen {
  .control-panel {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 999;
  }

  .control-panel .toolbar {
    padding: 0 !important;
    margin: 0 !important;
  }

  .control-panel .toolbar .button-group {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: row;
    border-radius: 22px;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
  }

  .control-panel .toolbar .button-group .button-tile {
    background: white;
    border: 2px solid black;
    border-left: none;
    border-right: none;
    margin: 0 !important;
    min-width: 44px;
    height: 42px;
    padding: 0 15px 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .control-panel .toolbar .button-group .button-tile .material-icons {
    margin: 0 5px 0 0;
  }

  .control-panel .toolbar .button-group .button-tile:hover {
    background-color: black;
  }
}

@media screen and (max-width: 767px) {
  .control-panel .toolbar .button-group .button-tile {
    padding: 0 !important;
    height: 44px;
    width: 44px;
    overflow: hidden;
    flex-direction: column;
    line-height: 0;
  }

  .control-panel .toolbar .button-group .button-tile .material-icons {
    min-width: 42px;
    min-height: 42px;
    margin: 5px;
    top: 0;
    line-height: 42px;
  }
}

@media screen {
  .control-panel .toolbar .button-group .button-tile:first-child {
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
    border-left: 2px solid black;
  }
}

@media screen {
  .control-panel .toolbar .button-group .button-tile:last-child {
    border-right: 2px solid black;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
  }
}

@media screen {
  .foldout-panel {
    background-color: #F2F2F2;
  }

  .foldout-panel .top-bar {
    padding: 5px 5px 5px 10px;
    background-color: #E6E6E6;
    color: black;
    min-height: 31px;
  }

  .foldout-panel .top-bar p {
    font-size: 14px;
    padding: 0;
    margin: 0;
    line-height: 1.2;
    font-weight: 700;
  }

  .foldout-panel .scrollable-content {
    padding: 10px 15px;
  }

  .foldout-panel .scrollable-content *:first-child.form-group {
    margin-top: -10px;
  }
}

@media screen and (max-width: 767.6px) {
  .foldout-panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .foldout-panel .foldout-content {
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
  }

  .foldout-panel .top-bar {
    padding: 10px 15px 10px 15px;
  }

  .foldout-panel .top-bar p {
    font-size: 16px;
  }

  .foldout-panel .top-bar .toolbar {
    display: none;
  }

  .foldout-panel .scrollable-content {
    padding: 10px 20px 5px 20px;
  }
}

@media screen and (min-width: 768px) {
  .foldout-panel {
    border-right: 1px solid #CCCCCC;
  }

  .foldout-panel .top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .foldout-panel .top-bar .toolbar {
    padding: 0;
    margin: 0 !important;
  }

  .foldout-panel .top-bar .toolbar .text {
    margin-top: 1px;
  }
}

@media screen and (min-width: 768px) {
  .with-foldout-panel {
    display: grid;
    grid-gap: 20px;
    margin-bottom: 0;
  }

  .with-foldout-panel.collapsed {
    grid-template-columns: 30px auto;
  }

  .with-foldout-panel.collapsed .foldout-panel .top-bar {
    padding: 0;
  }

  .with-foldout-panel.collapsed .foldout-panel .top-bar p {
    display: none;
  }

  .with-foldout-panel.collapsed .foldout-panel .scrollable-content {
    padding: 0;
  }

  .with-foldout-panel.collapsed .foldout-panel .scrollable-content * {
    display: none;
  }

  .with-foldout-panel:not(.collapsed) {
    grid-template-columns: 320px auto;
  }

  .with-foldout-panel .foldout-content {
    position: sticky;
    top: 0;
  }
}

@media screen and (max-width: 767.6px) {
  .with-foldout-panel.collapsed .foldout-panel {
    display: none;
  }
}

@media screen {
  .page-alert {
    display: flex;
    background: #F9D91C;
    color: black;
  }

  .page-alert .toolbar {
    padding-bottom: 20px;
  }

  .page-alert header {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin: 22px 0 11px 0;
    line-height: 1.5;
  }
}

@media screen {
  .page-header {
    margin: 0;
    padding: 0;
    background: white url(gfx/backgrounds/general.jpg) 50% 50%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 55px 0 80px 0 !important;
    position: relative;
    margin: 0 0 70px 0 !important;
  }

  .page-header .container {
    background-color: white;
    padding: 0 40px 30px 40px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
  }
}

@media screen and (min-width: 768px) {
  .page-header .container {
    border-radius: 25px;
  }
}

@media screen and (max-width: 767px) {
  .page-header .container {
    box-shadow: none;
  }
}

@media screen {
  .page-header .container p:last-of-type {
    margin-bottom: 0;
  }
}

@media screen {
  .page-header .container .quickchannel {
    margin: 45px -40px -30px -40px;
    padding-bottom: calc(56.25% + 45px) !important;
  }
}

@media screen and (min-width: 768px) {
  .page-header .container .quickchannel {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
}

@media screen and (max-width: 767px) {
  .page-header .container .quickchannel {
    margin: 35px -40px -30px -40px;
    margin-bottom: -35px;
  }
}

@media screen {

  .page-header h1,
  .page-header header {
    line-height: 1.2;
    text-align: center;
    margin: 48px 0 24px 0;
  }
}

@media screen and (min-width: 768px) {

  .page-header h1,
  .page-header header {
    font-size: 48px;
    letter-spacing: -1.4px;
  }
}

@media screen and (max-width: 767px) {

  .page-header h1,
  .page-header header {
    margin: 0;
  }
}

@media screen {

  .page-header h1+p,
  .page-header header+p {
    margin-top: 24px;
  }
}

@media screen {
  .page-header * {
    color: black;
  }
}

@media screen and (min-width: 992px) {
  .page-header * {
    max-width: 48em;
  }
}

@media screen {
  .page-header p {
    font-size: 125%;
    max-width: 40em;
    letter-spacing: -0.4px;
  }

  .page-header p.introduction {
    font-size: 150%;
    letter-spacing: -0.6px;
  }

  .page-header p a {
    font-weight: 700;
  }
}

@media screen {
  .page-header .toolbar {
    margin: 0;
  }

  .page-header .toolbar .button-group {
    justify-content: center !important;
  }

  .page-header .toolbar .button-group .button-banner {
    margin: 0 15px;
  }
}

@media screen and (max-width: 767px) {
  .page-header {
    padding: 0 0 35px 0 !important;
    margin: 0 0 50px 0 !important;
  }

  .page-header .container {
    padding-top: 25px;
    padding-bottom: 35px;
    margin-bottom: -35px;
  }

  .page-header p {
    font-size: 100%;
  }

  .page-header p.introduction {
    font-size: 125%;
  }
}

@media screen {
  .page-footer {
    width: 100%;
    margin-top: 0;
    border-top: 4px solid #7AB800;
    padding: 0 0 20px 0;
    background: #E6E6E6;
    color: black;
  }

  .page-footer h2,
  .page-footer .layout-group-top .h2,
  .layout-group-top .page-footer .h2,
  .page-footer .layout-group-top header,
  .layout-group-top .page-footer header {
    border: none !important;
    margin-bottom: 0 !important;
  }

  .page-footer .optional-content {
    border-bottom: 1px solid #999999;
    height: 100%;
  }

  .page-footer .optional-content .sm-equal-heights>div:not(:first-of-type) {
    min-height: 100% !important;
  }

  .page-footer figure:not(.sdg) {
    padding: 20px 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
  }

  .page-footer figure:not(.sdg) img:not(.sdg-logo) {
    width: 160px;
    height: 62px;
    margin: 0 40px 0 0;
  }

  .page-footer figure:not(.sdg) img:not(.sdg-logo):last-child {
    margin: 0;
  }

  .page-footer figure.sdg {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 768px) {
  .page-footer figure.sdg {
    padding: 20px 0;
    margin: 0 0 0 40px;
  }
}

@media screen and (min-width: 768px) and (min-width: 992px) {
  .page-footer figure.sdg {
    margin: 0;
  }
}

@media screen {
  .page-footer figure.sdg img {
    width: 160px;
    height: auto !important;
  }
}

@media screen {
  .page-footer p a {
    color: black;
  }
}

@media screen {
  .page-navigation {
    border-bottom: 1px solid #CCCCCC;
    box-shadow: 0 5px 20px 0 rgba(102, 102, 102, 0.3);
    padding: 15px 0;
    position: relative;
  }
}

@media screen and (max-width: 767.6px) {
  .page-navigation .navbar-support .toolbar {
    margin: 0 !important;
  }

  .page-navigation .navbar-logo+.navbar-support {
    margin-left: -15px !important;
  }
}

@media screen {
  .page-navigation.with-tabs {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .page-navigation.with-tabs .dropdown.dropdown-tile.menu {
    display: none;
  }

  .page-navigation.with-tabs .navbar-support .button-group {
    margin: 0 5px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199.6px) {
  .page-navigation.with-tabs .container-fluid {
    padding: 0;
  }
}

@media screen and (max-width: 767.6px) {
  .page-navigation.with-tabs {
    height: auto !important;
    border-bottom: none;
  }

  .page-navigation.with-tabs .dropdown.dropdown-tile.menu {
    position: absolute;
    right: 0;
    top: 0;
  }

  .page-navigation.with-tabs .dropdown.dropdown-tile .dropdown-menu,
  .page-navigation.with-tabs .dropup.dropdown-tile .dropdown-menu {
    margin: 0 !important;
  }

  .page-navigation.with-tabs .toolbar.tabs .button-group {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199.6px) {
  .page-navigation {
    min-height: 84px;
  }
}

@media screen {
  .page-navigation .toolbar.tabs {
    justify-content: center;
    flex-direction: row;
    width: 100vw;
    background: #F2F2F2;
    padding: 0 !important;
    margin: 0 !important;
    border-top: 1px solid #CCCCCC;
  }

  .page-navigation .toolbar.tabs:not(.tabs-fluid) {
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2 - 5px);
  }
}

@media screen and (min-width: 1200px) {
  .page-navigation .toolbar.tabs {
    margin: 15px 0 0 0 !important;
  }
}

@media screen {
  .page-navigation .toolbar.tabs:not(.tabs-fluid) .button-group {
    padding: 0 17px;
    justify-content: flex-start !important;
  }
}

@media screen and (min-width: 1600px) {
  .page-navigation .toolbar.tabs:not(.tabs-fluid) .button-group {
    width: 1570px;
  }
}

@media screen and (min-width: 1400px) and (max-width: 1599.6px) {
  .page-navigation .toolbar.tabs:not(.tabs-fluid) .button-group {
    width: 1320px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1399.6px) {
  .page-navigation .toolbar.tabs:not(.tabs-fluid) .button-group {
    width: 1140px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199.6px) {
  .page-navigation .toolbar.tabs:not(.tabs-fluid) .button-group {
    width: 950px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991.6px) {
  .page-navigation .toolbar.tabs:not(.tabs-fluid) .button-group {
    width: 710px;
  }
}

@media screen and (max-width: 767.6px) {
  .page-navigation .toolbar.tabs:not(.tabs-fluid) .button-group {
    width: calc(100% - 25px);
  }
}

@media screen {
  .page-navigation .toolbar.tabs.tabs-fluid .button-group {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen {
  .page-navigation .toolbar.tabs .button-tile {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    white-space: nowrap;
    padding: 0 15px;
    margin: 0;
    border-bottom: 5px solid #F2F2F2;
  }

  .page-navigation .toolbar.tabs .button-tile:focus-visible::after {
    margin-left: 0.5px;
    width: calc(100% - 0.5px);
  }

  .page-navigation .toolbar.tabs .button-tile:not(.active):hover {
    background-color: transparent;
    color: black !important;
  }

  .page-navigation .toolbar.tabs .button-tile.active {
    background-color: #333333;
    color: white;
  }
}

@media screen and (max-width: 767.6px) {
  .page-navigation .toolbar.tabs .button-tile {
    margin: 0;
  }
}

@media screen {

  .page-navigation .container,
  .page-navigation .container-fluid {
    display: flex;
    justify-content: space-between;
    align-content: center;
  }

  .page-navigation .container::before,
  .page-navigation .container::after,
  .page-navigation .container-fluid::before,
  .page-navigation .container-fluid::after {
    display: none;
  }
}

@media screen {
  .page-navigation .navbar-logo {
    flex-grow: 2;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .page-navigation .navbar-logo .navbar-brand {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }

  .page-navigation .navbar-logo .navbar-brand img {
    width: 200px;
  }

  .page-navigation .navbar-logo .navbar-brand:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }

  .page-navigation .navbar-logo .navbar-brand:active {
    outline: none;
  }

  .page-navigation .navbar-logo h1,
  .page-navigation .navbar-logo .page-header h1,
  .page-header .page-navigation .navbar-logo h1,
  .page-navigation .navbar-logo .page-header header,
  .page-header .page-navigation .navbar-logo header {
    margin: 0 0 0 15px;
    padding: 0 0 0 10px;
    border-left: 1px solid #CCCCCC;
    font-size: 22px;
  }
}

@media screen {
  .page-navigation .navbar-search {
    min-width: 33.333%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .page-navigation .navbar-search .form-group {
    min-height: 0;
  }

  .page-navigation .navbar-search .form-input-text {
    border: none;
    border-radius: 0;
    border: 1px solid black;
    background-color: transparent;
    margin-right: 0 !important;
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
    padding: 0 15px;
  }

  .page-navigation .navbar-search .form-input-text:active {
    border-color: #2D7CAD;
    background-color: #EAF2F7;
  }

  .page-navigation .navbar-search .form-input-text:active+.button-icon {
    background-color: #EAF2F7;
    border-color: #2D7CAD;
  }

  .page-navigation .navbar-search .form-input-text:focus-visible {
    outline-offset: -2px;
  }

  .page-navigation .navbar-search .button-icon {
    border-radius: 0;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    border: 1px solid black !important;
    border-left: none !important;
    margin: 0;
    background-color: #E6E6E6;
    box-shadow: none;
    padding-right: 2px;
  }

  .page-navigation .navbar-search .button-icon .material-icons {
    color: black !important;
  }

  .page-navigation .navbar-search .button-icon:focus-visible {
    outline: 2px solid black;
    outline-offset: -2px;
  }
}

@media screen {
  .page-navigation .navbar-support {
    min-width: 33.333%;
  }

  .page-navigation .navbar-support .form-group {
    margin-right: 15px;
    margin-bottom: 0;
  }

  .page-navigation .navbar-support .form-group .label {
    margin-top: 2px !important;
  }

  .page-navigation .navbar-support .form-group p:not(.label) {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1200px) {
  .page-navigation .navbar-support .right-aligned {
    position: absolute;
    right: 15px;
  }
}

@media screen {
  .page-navigation .navbar-support .modal .modal-dialog .modal-content .toolbar:last-of-type {
    padding-bottom: 20px;
  }
}

@media screen {
  .page-navigation .navbar-support:not(:first-of-type) {
    justify-content: flex-end;
    display: flex;
    align-items: center;
  }
}

@media screen {
  .page-navigation .navbar-controls {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    z-index: 999;
    border-top: 4px solid #CCCCCC;
  }

  .page-navigation .navbar-controls .toolbar {
    padding: 0;
    margin: 0 -2.5px !important;
  }

  .page-navigation .navbar-controls .toolbar .button-tile {
    line-height: 100%;
    margin: -4px 0 0 0;
    padding: 5px 15px 9px 15px;
  }

  .page-navigation .navbar-controls .toolbar .button-tile .material-icons {
    display: inline;
    font-size: 18px;
    position: relative;
    top: 4px;
    margin-right: 4px;
  }

  .page-navigation .navbar-controls .toolbar .button-tile:hover,
  .page-navigation .navbar-controls .toolbar .button-tile:focus-visible {
    background-color: #E6E6E6;
  }

  .page-navigation .navbar-controls .toolbar .button-tile:hover:after,
  .page-navigation .navbar-controls .toolbar .button-tile:focus-visible:after {
    border-top: 4px solid #7AB800;
  }
}

@media screen and (max-width: 1199.6px) {
  .page-navigation {
    padding: 0;
  }

  .page-navigation .container,
  .page-navigation .container-fluid {
    display: block;
  }

  .page-navigation .navbar-logo .navbar-brand {
    display: block;
    width: 50%;
    margin: 0 12.5%;
    margin-bottom: 5px;
  }

  .page-navigation .navbar-logo .navbar-brand img {
    position: absolute;
    left: 50%;
    margin-left: -100px;
  }

  .page-navigation .navbar-support:first-of-type {
    width: 100vw;
    position: relative !important;
    left: calc(-1 * (100vw - 100%) / 2);
    background-color: #F2F2F2;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1199.6px) and (min-width: 768px) {
  .page-navigation .navbar-support:first-of-type {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 1199.6px) {
  .page-navigation .navbar-support:first-of-type .button-tile {
    line-height: 100%;
    padding: 5px 15px 9px 15px;
  }

  .page-navigation .navbar-support:first-of-type .button-tile .material-icons {
    display: inline;
    font-size: 18px;
    position: relative;
    top: 4px;
    margin-right: 4px;
  }
}

@media screen and (max-width: 1199.6px) and (min-width: 768px) {
  .page-navigation .navbar-support:first-of-type .button-tile {
    display: flex;
    align-items: center;
    padding: 0 15px;
  }

  .page-navigation .navbar-support:first-of-type .button-tile .material-icons {
    top: 0;
  }
}

@media screen and (max-width: 1199.6px) {
  .page-navigation .navbar-support:not(:first-of-type) {
    margin-top: -20px;
    padding-bottom: 20px;
  }

  .page-navigation .navbar-support:not(:first-of-type) .form-group {
    display: none;
  }
}

@media screen and (max-width: 1199.6px) {
  .page-navigation .navbar-search {
    display: block;
    margin: 0 0 15px 0;
    padding: 0 25%;
  }
}

@media screen and (max-width: 1199.6px) {
  .page-navigation.with-tabs .navbar-support:first-of-type {
    left: auto;
  }
}

@media screen and (max-width: 767.6px) {
  .page-navigation {
    padding: 0;
    height: 100px;
  }

  .page-navigation .container,
  .page-navigation .container-fluid {
    display: flex !important;
    padding: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center !important;
    background: #F2F2F2;
  }

  .page-navigation .navbar-support:first-of-type {
    padding: 0;
    width: auto !important;
    min-width: 0;
    margin: 0;
    background: transparent;
  }

  .page-navigation .navbar-support:first-of-type .button-tile {
    padding: 0;
    width: 44px;
    height: 44px;
    overflow: hidden;
    display: block;
  }

  .page-navigation .navbar-support:first-of-type .button-tile .material-icons {
    width: 44px;
    height: 44px;
    display: block;
    margin: 0;
    line-height: 44px;
    position: static;
  }

  .page-navigation .navbar-logo {
    position: absolute;
    margin-top: 55px;
  }

  .page-navigation .navbar-logo .navbar-brand img {
    width: 150px;
    margin-left: -75px;
  }

  .page-navigation.with-tabs {
    height: 144px;
  }

  .page-navigation.with-tabs .toolbar.tabs {
    margin-top: 55px !important;
  }

  .page-navigation.with-tabs .navbar-logo .navbar-brand img {
    margin-left: -67px;
  }

  .page-navigation .navbar-support:last-of-type {
    width: auto !important;
    min-width: 0;
    margin: 0;
    padding: 0;
    justify-content: flex-start;
  }

  .page-navigation .navbar-support:last-of-type .form-group {
    display: none;
  }

  .page-navigation .navbar-support:last-of-type .button-tile:not(.logout) {
    padding: 0;
    width: 44px;
    height: 44px;
    overflow: hidden;
    display: block;
  }

  .page-navigation .navbar-support:last-of-type .button-tile:not(.logout) .material-icons {
    width: 44px;
    height: 44px;
    display: block;
    margin: 0;
    line-height: 44px;
    position: static;
  }

  .page-navigation .navbar-support:last-of-type .button-tile:not(.logout) img {
    height: 24px;
    display: block;
    margin: 10px !important;
  }

  .page-navigation .navbar-support:last-of-type .button-tile.logout {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 48px;
    right: 7px;
    padding: 0 10px;
    height: 44px;
  }
}

@media screen and (max-width: 767.6px) and (min-width: 375px) {
  .page-navigation .navbar-support:last-of-type .button-tile.logout .material-icons {
    margin-right: 2px;
  }
}

@media screen and (max-width: 767.6px) and (max-width: 374.6px) {
  .page-navigation .navbar-support:last-of-type .button-tile.logout {
    overflow: hidden;
    width: 44px;
    font-size: 0;
  }

  .page-navigation .navbar-support:last-of-type .button-tile.logout .material-icons {
    font-size: 24px;
  }
}

@media screen and (max-width: 767.6px) {
  .page-navigation .navbar-search {
    min-width: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    margin: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .page-navigation {
    min-height: 130px;
  }

  .page-navigation.with-tabs {
    min-height: 180px;
  }

  .page-navigation.with-tabs .navbar-logo .navbar-brand {
    margin-bottom: 60px;
  }
}

@media screen and (min-width: 768px) {
  .sticky-navigation {
    margin-top: 130px;
  }

  .sticky-navigation .page-navigation {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: white;
    z-index: 1000;
  }
}

@media screen and (min-width: 1200px) {
  .sticky-navigation {
    margin-top: 90px;
  }
}

@media screen {
  .page-navigation-compact {
    border-bottom: 1px solid #CCCCCC;
    box-shadow: 0 5px 20px 0 rgba(102, 102, 102, 0.3);
    padding: 5px 0;
  }
}

@media screen and (min-width: 768px) {
  .page-navigation-compact {
    min-height: 63px;
  }
}

@media screen {

  .page-navigation-compact .container,
  .page-navigation-compact .container-fluid {
    display: flex;
    justify-content: space-between;
  }

  .page-navigation-compact .container .navbar-support,
  .page-navigation-compact .container .navbar-logo,
  .page-navigation-compact .container .navbar-search,
  .page-navigation-compact .container-fluid .navbar-support,
  .page-navigation-compact .container-fluid .navbar-logo,
  .page-navigation-compact .container-fluid .navbar-search {
    display: block;
    width: 33.333%;
    align-items: center;
  }

  .page-navigation-compact .container .navbar-support.navbar-support,
  .page-navigation-compact .container .navbar-logo.navbar-support,
  .page-navigation-compact .container .navbar-search.navbar-support,
  .page-navigation-compact .container-fluid .navbar-support.navbar-support,
  .page-navigation-compact .container-fluid .navbar-logo.navbar-support,
  .page-navigation-compact .container-fluid .navbar-search.navbar-support {
    display: flex;
    align-items: center;
  }

  .page-navigation-compact .container .navbar-search,
  .page-navigation-compact .container-fluid .navbar-search {
    width: calc(50% - 110px);
  }

  .page-navigation-compact .container h1,
  .page-navigation-compact .container .page-header header,
  .page-header .page-navigation-compact .container header,
  .page-navigation-compact .container-fluid h1,
  .page-navigation-compact .container-fluid .page-header header,
  .page-header .page-navigation-compact .container-fluid header {
    font-weight: bold;
  }

  .page-navigation-compact .container .navbar-logo,
  .page-navigation-compact .container-fluid .navbar-logo {
    display: flex;
    justify-content: center;
    align-items: bottom;
  }

  .page-navigation-compact .container .navbar-logo figure,
  .page-navigation-compact .container-fluid .navbar-logo figure {
    margin: 0 !important;
  }

  .page-navigation-compact .container .navbar-logo figure img,
  .page-navigation-compact .container-fluid .navbar-logo figure img {
    height: 30px !important;
  }
}

@media screen and (max-width: 767px) {

  .page-navigation-compact .container .navbar-logo figure img,
  .page-navigation-compact .container-fluid .navbar-logo figure img {
    height: 23px !important;
  }
}

@media screen {

  .page-navigation-compact .container .navbar-logo .navbar-brand:focus-visible,
  .page-navigation-compact .container-fluid .navbar-logo .navbar-brand:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }
}

@media screen {

  .page-navigation-compact .container .navbar-search,
  .page-navigation-compact .container-fluid .navbar-search {
    display: flex;
    justify-content: flex-end;
  }

  .page-navigation-compact .container .navbar-search .form-input-text,
  .page-navigation-compact .container-fluid .navbar-search .form-input-text {
    border: none;
    border-radius: 0;
    border: 1px solid #666666;
    background-color: transparent;
    margin-right: 0 !important;
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
    padding: 0 0 0 22px;
    height: 44px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1114.6px) {

  .page-navigation-compact .container .navbar-search .form-input-text:focus,
  .page-navigation-compact .container-fluid .navbar-search .form-input-text:focus {
    position: absolute;
    left: 10px;
    z-index: 1;
    width: calc(100% - 159px) !important;
    background-color: white;
  }

  .page-navigation-compact .container .navbar-search .form-input-text:focus+.listbox .form-autocomplete,
  .page-navigation-compact .container-fluid .navbar-search .form-input-text:focus+.listbox .form-autocomplete {
    position: fixed;
    left: 15px;
    margin-top: 63px;
  }
}

@media screen {

  .page-navigation-compact .container .navbar-search .form-input-text:active,
  .page-navigation-compact .container-fluid .navbar-search .form-input-text:active {
    border-color: #2D7CAD;
    background-color: #EAF2F7;
  }

  .page-navigation-compact .container .navbar-search .form-input-text:active+.button-icon,
  .page-navigation-compact .container-fluid .navbar-search .form-input-text:active+.button-icon {
    background-color: #EAF2F7;
    border-color: #2D7CAD;
  }
}

@media screen {

  .page-navigation-compact .container .navbar-search .form-input-text:focus-visible,
  .page-navigation-compact .container-fluid .navbar-search .form-input-text:focus-visible {
    outline-offset: -2px;
  }
}

@media screen {

  .page-navigation-compact .container .navbar-search .button-icon,
  .page-navigation-compact .container-fluid .navbar-search .button-icon {
    border-radius: 0;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    border: 1px solid #666666;
    border-left: none;
    margin: 0;
    background-color: #E6E6E6;
    box-shadow: none;
    padding-right: 2px;
    height: 44px;
    width: 44px;
  }

  .page-navigation-compact .container .navbar-search .button-icon .material-icons,
  .page-navigation-compact .container-fluid .navbar-search .button-icon .material-icons {
    color: black;
    height: 44px;
    width: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    margin: -1px 0 0 0;
  }

  .page-navigation-compact .container .navbar-search .button-icon:focus-visible,
  .page-navigation-compact .container-fluid .navbar-search .button-icon:focus-visible {
    outline: 2px solid black;
    outline-offset: -2px;
  }
}

@media screen {

  .page-navigation-compact .container .navbar-search .button-group,
  .page-navigation-compact .container-fluid .navbar-search .button-group {
    display: flex;
    padding: 0;
  }
}

@media screen {

  .page-navigation-compact .container .navbar-search .form-autocomplete,
  .page-navigation-compact .container-fluid .navbar-search .form-autocomplete {
    width: 218px;
  }
}

@media screen and (max-width: 1115px) {
  .page-navigation-compact .button-tile {
    width: 44px;
    height: 44px;
    overflow: hidden;
    padding: 0;
    min-width: 44px;
    margin-top: 0 !important;
  }

  .page-navigation-compact .button-tile .material-icons {
    height: 44px;
    width: 44px;
    min-width: 44px;
    line-height: 44px;
  }

  .page-navigation-compact .button-tile img {
    padding: 0 10px;
  }
}

@media screen {
  .page-navigation-alt {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #CCCCCC;
    box-shadow: 0 5px 20px 0 rgba(102, 102, 102, 0.3);
  }

  .page-navigation-alt .dropdown.dropdown-tile .dropdown-menu,
  .page-navigation-alt .dropup.dropdown-tile .dropdown-menu {
    margin: 0 !important;
  }

  .page-navigation-alt.with-tabs {
    justify-content: flex-start;
    border-bottom: none;
  }

  .page-navigation-alt.with-tabs .toolbar.tabs {
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    background: #F2F2F2;
    padding: 0 !important;
    margin: 0 !important;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
  }

  .page-navigation-alt.with-tabs .toolbar.tabs .button-group {
    margin: 0;
    padding: 0 17px;
    justify-content: flex-start !important;
  }

  .page-navigation-alt.with-tabs .toolbar.tabs .button-tile {
    min-height: 50px;
    height: 100%;
    line-height: 50px;
    font-size: 14px;
    white-space: nowrap;
    padding: 0 15px;
    margin: 0;
    border-bottom: 5px solid #F2F2F2;
  }

  .page-navigation-alt.with-tabs .toolbar.tabs .button-tile:not(.active):hover {
    background-color: transparent;
    color: black !important;
  }

  .page-navigation-alt.with-tabs .toolbar.tabs .button-tile:focus-visible::after {
    margin-left: 0.5px;
    width: calc(100% - 0.5px);
  }

  .page-navigation-alt.with-tabs .toolbar.tabs .button-tile.active {
    background-color: #333333;
    color: white !important;
  }
}

@media screen and (max-width: 767.6px) {
  .page-navigation-alt.with-tabs {
    justify-content: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
  }

  .page-navigation-alt.with-tabs:not(.with-search) .toolbar.tabs {
    display: none;
  }
}

@media screen {
  .page-navigation-alt.with-search.with-tabs .toolbar.tabs {
    margin-top: 10px !important;
  }

  .page-navigation-alt.with-search.with-tabs .toolbar.tabs .button-tile {
    min-height: 70px;
  }

  .page-navigation-alt.with-search .search {
    display: flex;
    margin: 10px 17px 10px 0;
  }

  .page-navigation-alt.with-search .search .form-input-text {
    border: 1px solid black;
    border-radius: 0;
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
  }

  .page-navigation-alt.with-search .search .form-input-text:focus-visible {
    outline-offset: -2px;
  }

  .page-navigation-alt.with-search .search .button-icon {
    border-radius: 0;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    border: 1px solid black !important;
    border-left: none !important;
    margin: 0;
    background-color: #E6E6E6;
    box-shadow: none;
    padding-right: 2px;
  }

  .page-navigation-alt.with-search .search .button-icon .material-icons {
    color: black !important;
  }

  .page-navigation-alt.with-search .search .button-icon:focus-visible {
    outline: 2px solid black;
    outline-offset: -2px;
  }
}

@media screen and (max-width: 767.6px) {
  .page-navigation-alt.with-search .right .button-group {
    display: none;
  }

  .page-navigation-alt.with-search.with-tabs .toolbar.tabs {
    justify-content: center;
    margin-bottom: -11px !important;
  }

  .page-navigation-alt.with-search.with-tabs .toolbar.tabs .search {
    margin: 10px 0;
  }

  .page-navigation-alt.with-search .toolbar.tabs:not(.show-search) {
    display: none;
  }
}

@media screen {
  .page-navigation-alt .left {
    width: calc(50% - 100px);
    display: flex;
    justify-content: flex-start;
    padding: 0 0 0 15px;
  }

  .page-navigation-alt .left .toolbar {
    padding: 10px 0 0 0;
    margin: 0 !important;
  }

  .page-navigation-alt .left .title {
    padding: 10px 10px 0 10px;
  }
}

@media screen and (max-width: 767.6px) {
  .page-navigation-alt .left .title {
    display: none;
  }
}

@media screen {

  .page-navigation-alt .left h1,
  .page-navigation-alt .left .page-header header,
  .page-header .page-navigation-alt .left header {
    font-size: 22px;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    display: flex;
    height: 100%;
    align-items: center;
  }
}

@media screen {
  .page-navigation-alt .right {
    width: calc(50% + 100px);
    padding: 0 15px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .page-navigation-alt .right img {
    width: 200px;
  }

  .page-navigation-alt .right .logged-in {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: 3px;
    margin-right: 15px !important;
  }

  .page-navigation-alt .right .logged-in .label {
    font-size: 12px;
    font-weight: normal;
    margin: 0;
  }

  .page-navigation-alt .right .logged-in p:not(.label) {
    margin: 0;
    padding: 0;
    font-weight: 700;
    min-height: 0;
  }

  .page-navigation-alt .right .dropdown-tile {
    margin: 10px 0 0 0 !important;
  }

  .page-navigation-alt .right .dropdown-tile .dropdown-menu {
    left: auto;
    right: 0;
  }
}

@media screen and (min-width: 768px) {

  .page-navigation-alt .right .menu,
  .page-navigation-alt .right .dropdown.dropdown-tile {
    display: none;
  }
}

@media screen {
  .page-navigation-alt .right a:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }
}

@media screen {
  .page-navigation-alt .right .flex-line {
    align-items: center;
  }

  .page-navigation-alt .right .flex-line .button-group {
    margin: 10px 0 0 0;
    display: flex;
    align-items: center;
  }
}

@media screen and (max-width: 767.6px) {
  .page-navigation-alt .right .logged-in {
    display: none;
  }
}

@media screen {
  .page-navigation-alt .logoheading {
    margin: 15px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .page-navigation-alt .logoheading h1,
  .page-navigation-alt .logoheading .page-header header,
  .page-header .page-navigation-alt .logoheading header {
    font-size: 22px;
    line-height: 1.2;
    margin: 10px 0 0 0;
    padding: 0;
  }
}

@media screen and (max-width: 767.6px) {
  .page-navigation-alt {
    border-bottom: 4px solid black;
  }

  .page-navigation-alt .left {
    width: calc(50% - 75px);
  }

  .page-navigation-alt .right {
    width: calc(50% + 75px);
  }

  .page-navigation-alt .right img {
    width: 150px;
  }

  .page-navigation-alt .button-tile {
    width: 44px;
    height: 44px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
  }

  .page-navigation-alt .button-tile .material-icons {
    width: 44px !important;
    padding: 9px 0 7px 0;
    margin: 0 0 10px 0;
  }

  .page-navigation-alt .button-tile:focus-visible::after {
    left: 2px;
    width: 36px;
  }
}

@media screen and (max-width: 375.6px) {
  .page-navigation-alt .button-tile {
    width: 44px;
  }
}

@media screen {
  body .side-panel {
    position: fixed;
    top: 0;
    right: 0;
    background: #E6E6E6;
    padding: 55px 15px 0 15px;
    width: 300px;
    border-bottom: 2px solid #666666;
    border-left: 2px solid #666666;
    transition: margin-right 0.25s ease-in-out;
    z-index: 2000;
    margin-right: -300px;
    border-bottom-left-radius: q5px;
  }

  body .side-panel .scrollable-content:focus-visible {
    outline: 2px solid black;
    outline-offset: -2px;
  }
}

@media screen and (max-width: 413.6px) {
  body .side-panel {
    width: calc(100% - 55px);
    margin-right: calc(-100% + 55px);
  }
}

@media screen {

  body .side-panel>.button-icon:first-of-type,
  body .side-panel .button-icon.open-panel {
    height: 54px;
    width: 54px;
    border-radius: 50%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none !important;
    position: absolute;
    top: 0;
    left: -56px;
  }

  body .side-panel>.button-icon:first-of-type .material-icons,
  body .side-panel .button-icon.open-panel .material-icons {
    font-size: 30px !important;
    top: -5px !important;
  }
}

@media screen and (max-width: 767.6px) {

  body .side-panel>.button-icon:first-of-type,
  body .side-panel .button-icon.open-panel {
    top: 110px;
  }
}

@media screen {

  body .side-panel>.button-icon:first-of-type:hover,
  body .side-panel .button-icon.open-panel:hover {
    background-color: #333333;
  }

  body .side-panel>.button-icon:first-of-type:hover .material-icons,
  body .side-panel .button-icon.open-panel:hover .material-icons {
    color: white !important;
  }

  body .side-panel>.button-icon:first-of-type:hover img,
  body .side-panel .button-icon.open-panel:hover img {
    filter: brightness(0) invert(1);
  }
}

@media screen {
  body .side-panel .button-icon.open.active:hover {
    border-right: none !important;
  }
}

@media screen {
  body .side-panel .badge {
    background: #E40427;
    color: white;
    height: 27px;
    width: 27px;
    border-radius: 50%;
    position: absolute;
    top: 35px;
    left: -55px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.5px;
    z-index: 1;
  }
}

@media screen {
  body .side-panel .button-icon .material-icons {
    line-height: 44px;
  }
}

@media screen {
  body .side-panel.help>.button-icon:first-of-type {
    color: #666666;
  }

  body .side-panel.help>.button-icon:first-of-type i.material-icons,
  body .side-panel.help>.button-icon:first-of-type span.material-icons {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 100%;
    padding: 0;
    line-height: normal;
    position: relative;
    height: unset;
    width: unset;
    font-weight: 500;
    color: #055485;
    font-size: 24px;
    top: -1px;
  }

  body .side-panel.help>.button-icon:first-of-type:hover {
    color: #333333;
  }

  body .side-panel.help>.button-icon:first-of-type:focus-visible .material-icons {
    color: #333333;
  }

  body .side-panel.help .scrollable-content div.active {
    margin: 0 -15px -1px -15px;
    padding: 0 15px 1px 15px;
  }
}

@media screen {
  body .side-panel div.inert-container {
    height: 100%;
  }
}

@media screen {

  body .side-panel>.toolbar,
  body .side-panel div.inert-container>.toolbar {
    position: absolute;
    padding: 5px 5px 5px 2.5px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 !important;
    justify-content: flex-end;
  }

  body .side-panel>.toolbar .button-icon img:not(.material-icons),
  body .side-panel div.inert-container>.toolbar .button-icon img:not(.material-icons) {
    background: transparent !important;
    margin: -8px 0 0 2px !important;
    top: unset;
    width: 40px !important;
    height: 40px !important;
    border: none !important;
  }
}

@media screen {

  body .side-panel>h4:first-of-type,
  body .side-panel>.h4:first-of-type,
  body .side-panel>header,
  body .side-panel div.inert-container>h4:first-of-type,
  body .side-panel div.inert-container>.h4:first-of-type,
  body .side-panel div.inert-container>header {
    margin: 0 !important;
  }
}

@media screen and (max-width: 374px) {
  body .side-panel.stacked {
    width: 100vw;
    margin-right: -100vw;
    top: 108px;
  }

  body .side-panel.stacked.checklist {
    top: 165px !important;
  }
}

@media screen and (min-width: 375px) and (max-width: 767.6px) {
  body .side-panel.stacked {
    top: 108px;
  }

  body .side-panel.stacked.checklist {
    top: 165px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  body .side-panel.stacked {
    top: 34px;
  }

  body .side-panel.stacked.checklist {
    top: 91px !important;
  }
}

@media screen {

  body .side-panel.stacked>.button-icon:first-of-type .material-icons,
  body .side-panel.stacked .button-icon.open-panel .material-icons {
    top: -1px !important;
  }
}

@media screen and (max-width: 374px) {
  body .side-panel.active.stacked {
    border-left: 0;
    margin-right: 0;
  }
}

@media screen {

  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>h4:first-of-type,
  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>.h4:first-of-type,
  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>.inert-container>h4:first-of-type,
  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>.inert-container>.h4:first-of-type,
  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>header:first-of-type,
  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>.inert-container>header:first-of-type {
    position: absolute;
    left: 50px;
    width: 200px;
    left: -208px;
    background: #2D7CAD;
    padding: 5px 10px !important;
    color: white;
    top: 54px;
    border-radius: 5px;
    line-height: 20px !important;
    display: block !important;
    height: auto;
    text-align: center;
    font-size: 14px;
  }

  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>h4:first-of-type::before,
  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>.h4:first-of-type::before,
  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>.inert-container>h4:first-of-type::before,
  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>.inert-container>.h4:first-of-type::before,
  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>header:first-of-type::before,
  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>.inert-container>header:first-of-type::before {
    content: " ";
    margin-left: unset;
    left: unset;
    top: -15px;
    right: 5px;
    border-left: 0px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #2D7CAD;
    transform: skewX(-45deg);
    position: absolute;
  }
}

@media screen and (max-width: 767px) {

  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>h4:first-of-type,
  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>.h4:first-of-type,
  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>.inert-container>h4:first-of-type,
  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>.inert-container>.h4:first-of-type,
  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>header:first-of-type,
  body .side-panel.stacked.assisted:not(.active):not(.unfocused)>.inert-container>header:first-of-type {
    display: none !important;
  }
}

@media screen {

  body .side-panel.stacked.assisted:not(.active):not(.checklist):not(.unfocused)>h4:first-of-type,
  body .side-panel.stacked.assisted:not(.active):not(.checklist):not(.unfocused)>.inert-container>h4:first-of-type,
  body .side-panel.stacked.assisted:not(.active):not(.checklist):not(.unfocused)>.h4:first-of-type,
  body .side-panel.stacked.assisted:not(.active):not(.checklist):not(.unfocused)>.inert-container>.h4:first-of-type,
  body .side-panel.stacked.assisted:not(.active):not(.checklist):not(.unfocused)>header:first-of-type,
  body .side-panel.stacked.assisted:not(.active):not(.checklist):not(.unfocused)>.inert-container>header:first-of-type {
    top: 5px;
    left: -257px;
  }

  body .side-panel.stacked.assisted:not(.active):not(.checklist):not(.unfocused)>h4:first-of-type::before,
  body .side-panel.stacked.assisted:not(.active):not(.checklist):not(.unfocused)>.inert-container>h4:first-of-type::before,
  body .side-panel.stacked.assisted:not(.active):not(.checklist):not(.unfocused)>.h4:first-of-type::before,
  body .side-panel.stacked.assisted:not(.active):not(.checklist):not(.unfocused)>.inert-container>.h4:first-of-type::before,
  body .side-panel.stacked.assisted:not(.active):not(.checklist):not(.unfocused)>header:first-of-type::before,
  body .side-panel.stacked.assisted:not(.active):not(.checklist):not(.unfocused)>.inert-container>header:first-of-type::before {
    top: 10px;
    right: -15px;
    border-left: 0px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #2D7CAD;
    transform: none;
  }
}

@media screen {

  body .side-panel.stacked,
  body .side-panel.active.stacked {
    padding: 55px 15px 0 15px;
  }

  body .side-panel.stacked>.button-icon:first-of-type,
  body .side-panel.stacked .button-icon.open-panel,
  body .side-panel.active.stacked>.button-icon:first-of-type,
  body .side-panel.active.stacked .button-icon.open-panel {
    top: 0;
    left: -54px;
    height: 54px;
    width: 54px;
  }

  body .side-panel.stacked>.button-icon:first-of-type i.material-icons,
  body .side-panel.stacked>.button-icon:first-of-type span.material-icons,
  body .side-panel.stacked .button-icon.open-panel i.material-icons,
  body .side-panel.stacked .button-icon.open-panel span.material-icons,
  body .side-panel.active.stacked>.button-icon:first-of-type i.material-icons,
  body .side-panel.active.stacked>.button-icon:first-of-type span.material-icons,
  body .side-panel.active.stacked .button-icon.open-panel i.material-icons,
  body .side-panel.active.stacked .button-icon.open-panel span.material-icons {
    line-height: 22px;
    font-size: 30px;
    margin-right: 2px;
  }

  body .side-panel.stacked>.button-icon:first-of-type img.material-icons,
  body .side-panel.stacked .button-icon.open-panel img.material-icons,
  body .side-panel.active.stacked>.button-icon:first-of-type img.material-icons,
  body .side-panel.active.stacked .button-icon.open-panel img.material-icons {
    margin-top: 3px !important;
    width: 30px !important;
    height: 30px !important;
    margin-right: 2px;
  }

  body .side-panel.stacked>.toolbar,
  body .side-panel.stacked>.inert-container>.toolbar,
  body .side-panel.active.stacked>.toolbar,
  body .side-panel.active.stacked>.inert-container>.toolbar {
    padding: 0 2px 0 0 !important;
  }

  body .side-panel.stacked>h4:first-of-type,
  body .side-panel.stacked>.h4:first-of-type,
  body .side-panel.stacked>header:first-of-type,
  body .side-panel.active.stacked>h4:first-of-type,
  body .side-panel.active.stacked>.h4:first-of-type,
  body .side-panel.active.stacked>header:first-of-type {
    height: 54px;
    padding: 0 42px 0 10px;
    color: white;
  }

  body .side-panel.stacked.checklist,
  body .side-panel.active.stacked.checklist {
    top: 56px;
  }

  body .side-panel.stacked.active.stacked>.button-icon:first-of-type,
  body .side-panel.stacked.active.stacked>.button-icon.open-panel,
  body .side-panel.active.stacked.active.stacked>.button-icon:first-of-type,
  body .side-panel.active.stacked.active.stacked>.button-icon.open-panel {
    border: none !important;
    box-shadow: inset -5px 0 5px 0 rgba(0, 0, 0, 0.25);
  }

  body .side-panel.stacked.active.stacked>.button-icon:first-of-type img.material-icons,
  body .side-panel.stacked.active.stacked>.button-icon.open-panel img.material-icons,
  body .side-panel.active.stacked.active.stacked>.button-icon:first-of-type img.material-icons,
  body .side-panel.active.stacked.active.stacked>.button-icon.open-panel img.material-icons {
    margin-top: 5px !important;
  }
}

@media screen {

  body .side-panel>h4:first-of-type,
  body .side-panel>.h4:first-of-type,
  body .side-panel>header:first-of-type,
  body .side-panel div.inert-container>h4:first-of-type,
  body .side-panel div.inert-container>.h4:first-of-type,
  body .side-panel div.inert-container>header {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 54px;
    padding: 0 67.5px 0 15px !important;
    pointer-events: none;
    font-weight: 700;
    font-size: 16px;
    display: flex !important;
    align-items: center;
    border: none !important;
    line-height: 1 !important;
    font-weight: 700;
  }
}

@media screen {
  body .side-panel:not(.click-controlled):hover {
    margin-right: 0;
  }
}

@media screen {
  body .side-panel.active {
    margin-right: 0;
  }
}

@media screen {
  body .side-panel .list-group:not(.checklist) {
    margin: -20px -15px 0 -15px !important;
  }

  body .side-panel .list-group:not(.checklist) .actions {
    padding: 10px 15px 10px 17.5px;
  }

  body .side-panel .list-group:not(.checklist):first-of-type {
    margin: -10px -15px 0 -15px !important;
  }
}

@media screen {
  body .side-panel .button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media screen {
  body .side-panel.click-controlled:not(.stacked) .toolbar:first-of-type .button-icon:not(:focus-visible) {
    border-color: #055485;
  }

  body .side-panel.click-controlled:not(.stacked) .toolbar:first-of-type .button-icon .material-icons {
    line-height: 23px;
    margin-left: 1px;
  }

  body .side-panel.click-controlled:not(.stacked).active>.button-icon:first-of-type {
    background: #2D7CAD;
    border-color: #055485;
  }

  body .side-panel.click-controlled:not(.stacked).active>.button-icon:first-of-type .material-icons {
    color: white;
    font-weight: 400;
  }

  body .side-panel.click-controlled:not(.stacked).active>.button-icon:first-of-type:hover .material-icons {
    color: white !important;
  }

  body .side-panel.click-controlled:not(.stacked).active>.button-icon:first-of-type:hover img {
    filter: brightness(0) invert(1);
  }

  body .side-panel.click-controlled:not(.stacked).active>.button-icon:first-of-type:focus-visible {
    background: #FFF7B9 !important;
    border-color: #EF8604;
  }

  body .side-panel.click-controlled:not(.stacked).active>.button-icon:first-of-type:focus-visible .material-icons {
    color: black !important;
  }
}

@media screen {
  body .side-panel.click-controlled.stacked .inert-container .toolbar {
    padding: 0;
  }

  body .side-panel.click-controlled.stacked .toolbar,
  body .side-panel.click-controlled.stacked .inert-container .toolbar {
    background: #2D7CAD !important;
    border-color: #055485 !important;
  }

  body .side-panel.click-controlled.stacked .toolbar+h4,
  body .side-panel.click-controlled.stacked .toolbar+.h4,
  body .side-panel.click-controlled.stacked .inert-container .toolbar+h4,
  body .side-panel.click-controlled.stacked .inert-container .toolbar+.h4 {
    color: white !important;
  }

  body .side-panel.click-controlled.stacked .toolbar .button-icon:first-of-type,
  body .side-panel.click-controlled.stacked .inert-container .toolbar .button-icon:first-of-type {
    background: #2D7CAD !important;
    border-color: white !important;
  }

  body .side-panel.click-controlled.stacked .toolbar .button-icon:first-of-type i.material-icons,
  body .side-panel.click-controlled.stacked .toolbar .button-icon:first-of-type span.material-icons,
  body .side-panel.click-controlled.stacked .inert-container .toolbar .button-icon:first-of-type i.material-icons,
  body .side-panel.click-controlled.stacked .inert-container .toolbar .button-icon:first-of-type span.material-icons {
    color: white;
    font-weight: 400;
  }

  body .side-panel.click-controlled.stacked .toolbar .button-icon:first-of-type img.material-icons,
  body .side-panel.click-controlled.stacked .inert-container .toolbar .button-icon:first-of-type img.material-icons {
    filter: brightness(0) invert(1);
  }

  body .side-panel.click-controlled.stacked .toolbar .button-icon:first-of-type:hover:not(:focus-visible) img.material-icons,
  body .side-panel.click-controlled.stacked .inert-container .toolbar .button-icon:first-of-type:hover:not(:focus-visible) img.material-icons {
    filter: brightness(0) invert(1);
  }

  body .side-panel.click-controlled.stacked .toolbar .button-icon:first-of-type:hover:not(:focus-visible) .material-icons,
  body .side-panel.click-controlled.stacked .inert-container .toolbar .button-icon:first-of-type:hover:not(:focus-visible) .material-icons {
    color: white !important;
  }

  body .side-panel.click-controlled.stacked .toolbar .button-icon:first-of-type:not([disabled]):focus-visible,
  body .side-panel.click-controlled.stacked .inert-container .toolbar .button-icon:first-of-type:not([disabled]):focus-visible {
    border: 2px dotted #EF8604 !important;
    background: #FFF7B9 !important;
  }

  body .side-panel.click-controlled.stacked .toolbar .button-icon:first-of-type:not([disabled]):focus-visible i.material-icons,
  body .side-panel.click-controlled.stacked .toolbar .button-icon:first-of-type:not([disabled]):focus-visible span.material-icons,
  body .side-panel.click-controlled.stacked .inert-container .toolbar .button-icon:first-of-type:not([disabled]):focus-visible i.material-icons,
  body .side-panel.click-controlled.stacked .inert-container .toolbar .button-icon:first-of-type:not([disabled]):focus-visible span.material-icons {
    color: black !important;
  }

  body .side-panel.click-controlled.stacked .toolbar .button-icon:first-of-type:not([disabled]):focus-visible img.material-icons,
  body .side-panel.click-controlled.stacked .inert-container .toolbar .button-icon:first-of-type:not([disabled]):focus-visible img.material-icons {
    filter: none;
  }

  body .side-panel.click-controlled.stacked .toolbar .button-icon {
    height: 44px;
    width: 44px;
    margin: 5px 0;
  }

  body .side-panel.click-controlled.stacked .toolbar .button-icon:not(:focus-visible) {
    border-color: #055485;
  }

  body .side-panel.click-controlled.stacked .toolbar .button-icon i.material-icons,
  body .side-panel.click-controlled.stacked .toolbar .button-icon span.material-icons {
    line-height: 22px !important;
    margin-left: 1px;
    font-size: 24px;
    height: 12px;
  }

  body .side-panel.click-controlled.stacked .toolbar .button-icon:focus-visible i.material-icons,
  body .side-panel.click-controlled.stacked .toolbar .button-icon:focus-visible span.material-icons {
    color: black !important;
  }

  body .side-panel.click-controlled.stacked.active>.button-icon:first-of-type {
    background: #2D7CAD;
    border-color: #055485;
  }

  body .side-panel.click-controlled.stacked.active>.button-icon:first-of-type i.material-icons,
  body .side-panel.click-controlled.stacked.active>.button-icon:first-of-type span.material-icons {
    color: white;
    font-weight: 400;
  }

  body .side-panel.click-controlled.stacked.active>.button-icon:first-of-type:hover .material-icons {
    color: white !important;
  }

  body .side-panel.click-controlled.stacked.active>.button-icon:first-of-type:hover img {
    filter: brightness(0) invert(1);
  }

  body .side-panel.click-controlled.stacked.active>.button-icon:first-of-type:not([disabled]):focus-visible {
    overflow: visible;
    box-shadow: none;
    background: #FFF7B9;
  }

  body .side-panel.click-controlled.stacked.active>.button-icon:first-of-type:not([disabled]):focus-visible::after {
    content: "";
    position: absolute;
    height: calc(100% + 4px);
    background: #055485;
    width: 2px;
    right: -2px;
    z-index: 2;
    top: -2px;
  }

  body .side-panel.click-controlled.stacked.active>.button-icon:first-of-type:not([disabled]):focus-visible i.material-icons,
  body .side-panel.click-controlled.stacked.active>.button-icon:first-of-type:not([disabled]):focus-visible span.material-icons {
    color: black !important;
    top: -1px !important;
    margin-right: 0;
  }

  body .side-panel.click-controlled.stacked.active>.button-icon:first-of-type:not([disabled]):focus-visible img.material-icons {
    filter: none;
    margin-top: 3px !important;
    margin-right: 0;
  }
}

@media screen {
  body .side-panel p a.external-link::before {
    margin-top: -0.35em;
    font-size: 14px !important;
    top: 0.3em !important;
    line-height: 18px;
  }

  body .side-panel p a.external-link.block {
    padding-left: 18px;
  }
}

@media screen and (min-width: 2156px) {
  body.autoshow-side-content .side-panel {
    margin-right: 0;
  }

  body.autoshow-side-content .side-panel>.button-icon:first-of-type {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .sticky-navigation .side-panel {
    margin-top: 130px;
  }
}

@media screen and (min-width: 1200px) {
  .sticky-navigation .side-panel {
    margin-top: 90px;
  }
}

@media screen {
  .side-panel .assistance-group {
    z-index: 1010;
    width: 260px;
    position: absolute;
    white-space: unset;
  }

  .side-panel .assistance-group h4,
  .side-panel .assistance-group .h4,
  .side-panel .assistance-group header {
    margin: 0 0 3px 0 !important;
    border: none !important;
    padding: 0 !important;
  }

  .side-panel:not(.stacked) .assistance-group {
    margin: -10px 0 0 -5px;
    animation: side-panel-bounce 5s infinite ease-in-out;
  }

  .side-panel:not(.stacked) .assistance-group::after {
    margin-left: unset;
    left: unset;
    right: 0;
    top: -13px;
    border-left: 0px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #2D7CAD;
    transform: skewX(-45deg);
  }

  .side-panel.stacked .assistance-group {
    margin-left: -12px !important;
    font-size: 20px;
    width: 289px;
    padding: 15px;
  }
}

@media screen and (max-width: 767px) {
  .side-panel.stacked .assistance-group {
    display: none;
  }
}

@media screen {

  .side-panel.stacked .toolbar+h4:first-of-type,
  .side-panel.stacked .toolbar+header:first-of-type {
    color: white;
  }
}

@media screen {

  .side-panel p,
  .side-panel h4,
  .side-panel .h4 {
    font-size: 80%;
  }
}

@media screen {
  .side-panel.full-height {
    bottom: 0;
    border-bottom: none;
  }

  .side-panel.full-height .scrollable-content {
    margin: 0 -15px -25px -15px;
    padding: 15px;
    overflow-y: auto;
    max-height: calc(100% + 15px);
  }
}

@media screen {
  .side-panel:not(.full-height) .scrollable-content {
    margin: -1px -15px 0px -15px;
    padding: 15px 15px 0 15px;
    overflow-y: auto;
    max-height: calc(100vh - 82px);
  }
}

@media screen and (max-width: 767.6px) {
  .side-panel:not(.full-height) .scrollable-content {
    max-height: calc(100vh - 190px);
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .side-panel:not(.full-height) .scrollable-content {
    max-height: calc(100vh - 116px);
  }
}

@media screen {
  .side-panel .step-visualization li:first-child.active {
    padding-left: 30px !important;
  }

  .side-panel .step-visualization li:first-child::before {
    border-left: none !important;
  }

  .side-panel .step-visualization li:last-child {
    padding-right: 0 !important;
  }
}

@media screen {
  .side-panel .layout-group-top {
    padding: 10px 15px;
    margin: 0 -15px 10px -15px;
    border-radius: 0;
  }

  .side-panel .layout-group-top h3,
  .side-panel .layout-group-top .layout-group-sub .h3,
  .layout-group-sub .side-panel .layout-group-top .h3,
  .side-panel .layout-group-top .layout-group-sub header,
  .layout-group-sub .side-panel .layout-group-top header,
  .side-panel .layout-group-top .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .side-panel .layout-group-top h3,
  .side-panel .layout-group-top .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .side-panel .layout-group-top .h3,
  .side-panel .layout-group-top .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .side-panel .layout-group-top header,
  .side-panel .layout-group-top header.list-group-heading {
    font-size: 20px;
    padding-bottom: 0;
    margin: 0 !important;
  }
}

@media screen {
  .side-panel img:not(.material-icons) {
    background: white;
    width: 100%;
    border: 1px solid #999999;
    padding: 10px;
    margin: 0 0 10px 0;
  }
}

@media screen {

  .side-panel h4,
  .side-panel .h4,
  .side-panel header {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0 -15px !important;
    padding: 15px 15px 10px 15px !important;
    font-size: 18px !important;
  }

  .side-panel h4 i.material-icons,
  .side-panel h4 span.material-icons,
  .side-panel .h4 i.material-icons,
  .side-panel .h4 span.material-icons,
  .side-panel header i.material-icons,
  .side-panel header span.material-icons {
    margin: -10px 5px 0 0;
    position: relative;
    top: 5px;
  }
}

@media screen {
  .side-panel a {
    color: black;
  }

  .side-panel a.block {
    padding-left: 23px;
  }

  .side-panel a.block::before {
    top: -2px !important;
  }
}

@media screen {
  .side-panel .checklist {
    margin: -1px -15px 0 -15px !important;
    padding: 0;
    width: calc(100% + 30px) !important;
    max-width: unset;
    width: unset;
    background: white;
    border-radius: 0;
    border-bottom-left-radius: 15px;
    overflow: hidden;
  }

  .side-panel .checklist .list-item {
    display: table-row;
  }

  .side-panel .checklist .list-item .content {
    padding: 0;
    font-size: 14px;
  }

  .side-panel .checklist .list-item .content.mandatory {
    font-weight: 700;
    background: rgba(228, 4, 39, 0.2);
    border-bottom: 2px dashed #E40427;
  }

  .side-panel .checklist .list-item .content p,
  .side-panel .checklist .list-item .content a {
    padding: 10px;
    text-decoration: none;
    display: block;
    color: black;
  }

  .side-panel .checklist .list-item .content a:focus-visible {
    background-color: #FFF7B9 !important;
    color: black;
    outline: 2px dotted #EF8604;
    outline-offset: -2px;
  }

  .side-panel .checklist .list-item:focus-visible .content.mandatory {
    font-weight: 700;
    border-bottom: 2px solid transparent;
  }

  .side-panel .checklist .list-item.introduction .content p {
    font-size: 14px;
    font-weight: 700;
  }

  .side-panel .checklist .list-item.introduction+.list-item .content.mandatory {
    border-top: 2px dashed #E40427 !important;
  }
}

@media screen {
  .side-panel .scrollable-content .checklist {
    margin: -15px -15px 0 -15px !important;
  }
}

@media screen {
  .checklist-panel {
    position: fixed;
    top: 40px;
    right: -270px;
    background: white;
    padding: 0;
    width: 300px;
    border-top: 2px solid #666666;
    border-left: 2px solid #666666;
    border-bottom: 2px solid #666666;
    transition: all 0.25s ease-in-out;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 1000;
    max-height: calc(100vh - 40px);
    overflow-x: hidden;
    overflow-y: auto;
  }

  .checklist-panel .layout-group-top {
    padding: 15px;
  }

  .checklist-panel .layout-group-top h2,
  .checklist-panel .layout-group-top .h2,
  .checklist-panel .layout-group-top header {
    padding-bottom: 10px !important;
    margin: 0 !important;
  }

  .checklist-panel .form-group {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .checklist-panel .attention-group {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .checklist-panel .attention-group .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .checklist-panel .attention-group .form-group:first-child .label {
    margin-top: 0;
  }

  .checklist-panel .list-group.headless:first-of-type {
    padding: 0 !important;
    margin: 0 !important;
  }

  .checklist-panel .list-group.headless .list-item {
    margin: 0;
    padding: 0;
  }

  .checklist-panel .list-group.headless .list-item .content {
    padding: 5px 10px 5px 30px;
    position: relative;
    font-size: 14px;
  }

  .checklist-panel .list-group.headless .list-item .content::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "error_outline";
    position: absolute;
    left: 3px;
    top: -2px;
    font-size: 24px;
    margin-top: 5px;
    font-weight: 500;
  }

  .checklist-panel .list-group.headless .list-item .content.mandatory {
    font-weight: 700;
  }

  .checklist-panel .list-group.headless .list-item .content.mandatory::before {
    content: "error";
  }

  .checklist-panel .list-group.headless .list-item a.content {
    color: #333;
    text-decoration: none;
    cursor: pointer;
  }

  .checklist-panel .list-group.headless .list-item a.content:hover {
    background: #D5E5EF;
    color: #055485;
  }
}

@media screen {
  .sticky-navigation .checklist-panel {
    margin: 0;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .sticky-navigation .checklist-panel {
    margin-top: 130px;
  }
}

@media screen and (min-width: 1200px) {
  .sticky-navigation .checklist-panel {
    margin-top: 90px;
  }
}

@media screen and (max-width: 2155px) {
  body:not(.left-aligned-panels) .checklist-panel:not(.active) {
    right: -270px;
  }

  body:not(.left-aligned-panels) .checklist-panel:not(.active):hover {
    right: 0 !important;
  }

  body:not(.left-aligned-panels) .checklist-panel.active {
    right: 30px;
  }

  body:not(.left-aligned-panels) .checklist-panel.active:hover {
    right: 300px !important;
  }
}

@media screen and (min-width: 2156px) {
  body:not(.left-aligned-panels) .checklist-panel:not(.active) {
    right: -270px;
  }

  body:not(.left-aligned-panels) .checklist-panel:not(.active):hover {
    right: 0 !important;
  }

  body:not(.left-aligned-panels) .checklist-panel.active {
    right: 30px;
  }

  body:not(.left-aligned-panels) .checklist-panel.active:hover {
    right: 300px !important;
  }
}

@media screen {
  body:not(.left-aligned-panels) .checklist-panel.fixed {
    right: 0 !important;
  }

  body:not(.left-aligned-panels) .checklist-panel.fixed:hover {
    right: 0 !important;
  }

  body:not(.left-aligned-panels) .checklist-panel.fixed.active {
    right: 300px !important;
  }

  body:not(.left-aligned-panels) .checklist-panel.fixed.active:hover {
    right: 300px !important;
  }
}

@media screen and (min-width: 2156px) {
  body:not(.left-aligned-panels).autoshow-side-content .checklist-panel {
    right: 30px;
  }

  body:not(.left-aligned-panels).autoshow-side-content .checklist-panel:hover {
    right: 300px !important;
  }
}

@media screen {

  body.left-aligned-panels .checklist-panel,
  .redet.left-aligned-panels .checklist-panel {
    right: -270px;
  }

  body.left-aligned-panels .checklist-panel:hover,
  .redet.left-aligned-panels .checklist-panel:hover {
    right: 0 !important;
  }
}

@media screen {
  .checklist header {
    display: flex;
    align-items: center;
  }

  .checklist header p {
    flex: 1;
    margin: 0;
    max-width: 100%;
    font-weight: 700;
  }

  .checklist header .toolbar {
    margin: 0 !important;
    padding: 0;
  }

  .checklist header .toolbar .button-group {
    margin: 0;
  }

  .checklist header .toolbar .button-group .button-icon {
    margin: 0;
  }
}

@media screen {
  .modal-open {
    overflow: hidden;
  }
}

@media screen {
  .modal-dialog {
    overflow-y: initial !important;
  }
}

@media screen {
  .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow-y: auto;
  }
}

@media screen {
  .modal.show {
    display: block;
  }

  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }

  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@media screen {
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
}

@media screen {
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: all;
  }
}

@media screen {
  .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 991.6px) {
  .modal-content.container {
    width: 720px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199.6px) {
  .modal-content.container {
    width: 960px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1399.6px) {
  .modal-content.container {
    width: 1140px;
  }
}

@media screen and (min-width: 1400px) {
  .modal-content.container {
    width: 1320px;
  }
}

@media screen {
  .modal-content.centered p {
    text-align: left;
  }
}

@media screen {
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
  }
}

@media screen {
  .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
  }
}

@media screen {
  .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
}

@media screen {
  .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
  }
}

@media screen {
  .modal-header .close {
    margin-top: -2px;
  }
}

@media screen {
  .modal-title {
    margin: 0;
    line-height: 1.42857143;
  }
}

@media screen {
  .modal-body {
    position: relative;
    padding: 15px;
  }
}

@media screen {
  .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
}

@media screen {
  .modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
  }
}

@media screen {
  .modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
  }
}

@media screen {
  .modal-footer .btn-block+.btn-block {
    margin-left: 0;
  }
}

@media screen {
  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }
}

@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}

@media screen and (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

@media screen {

  .clearfix:before,
  .clearfix:after,
  .modal-header:before,
  .modal-header:after,
  .modal-footer:before,
  .modal-footer:after {
    display: table;
    content: " ";
  }
}

@media screen {

  .clearfix:after,
  .modal-header:after,
  .modal-footer:after {
    clear: both;
  }
}

@media screen {
  .modal {
    background: rgba(0, 0, 0, 0.8);
  }

  .modal .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    overflow-y: auto;
    max-height: calc(100vh - 20px);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
  }

  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      .modal .modal-dialog {
        max-height: -webkit-fill-available;
      }
    }
  }
}

@media screen and (min-width: 768px) {
  .modal .modal-dialog {
    width: auto;
    min-width: 600px;
  }
}

@media screen and (max-width: 767px) {
  .modal .modal-dialog {
    width: calc(100% - 20px);
    margin: 0;
  }
}

@media screen {
  .modal .modal-dialog.modal-form {
    width: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .modal .modal-dialog.modal-form {
    width: 95% !important;
  }
}

@media screen {

  .modal .modal-dialog .layout-group-top,
  .modal .modal-dialog .layout-group-sub {
    border-radius: 0 !important;
  }
}

@media screen {

  .modal .modal-dialog.modal-error,
  .modal .modal-dialog.modal-unhandled {
    min-width: 0 !important;
  }

  .modal .modal-dialog.modal-error .layout-group-top,
  .modal .modal-dialog.modal-unhandled .layout-group-top {
    background-color: #FACDD4 !important;
  }

  .modal .modal-dialog.modal-error .layout-group-top header,
  .modal .modal-dialog.modal-unhandled .layout-group-top header,
  .modal .modal-dialog.modal-error .layout-group-top h2,
  .modal .modal-dialog.modal-unhandled .layout-group-top h2,
  .modal .modal-dialog.modal-error .layout-group-top .h2,
  .modal .modal-dialog.modal-unhandled .layout-group-top .h2,
  .modal .modal-dialog.modal-error .layout-group-top h3.h2,
  .modal .modal-dialog.modal-error .layout-group-top h4.h2,
  .modal .modal-dialog.modal-error .layout-group-top h5.h2,
  .modal .modal-dialog.modal-error .layout-group-top h6.h2 {
    border-color: #E40427 !important;
  }

  .modal .modal-dialog.modal-error .layout-group-top header,
  .modal .modal-dialog.modal-unhandled .layout-group-top header,
  .modal .modal-dialog.modal-error .layout-group-top h2,
  .modal .modal-dialog.modal-unhandled .layout-group-top h2,
  .modal .modal-dialog.modal-error .layout-group-top .h2,
  .modal .modal-dialog.modal-unhandled .layout-group-top .h2,
  .modal .modal-dialog.modal-error .layout-group-top h3.h2,
  .modal .modal-dialog.modal-error .layout-group-top h4.h2,
  .modal .modal-dialog.modal-error .layout-group-top h5.h2,
  .modal .modal-dialog.modal-error .layout-group-top h6.h2,
  .modal .modal-dialog.modal-error .attention-group,
  .modal .modal-dialog.modal-unhandled .attention-group {
    border-color: #cb0423;
  }

  .modal .modal-dialog.modal-error .layout-group-sub,
  .modal .modal-dialog.modal-unhandled .layout-group-sub {
    background-color: #FACDD4 !important;
    color: black !important;
    border-color: #E40427 !important;
  }

  .modal .modal-dialog.modal-error .layout-group-sub mark,
  .modal .modal-dialog.modal-unhandled .layout-group-sub mark {
    border-color: #E40427 !important;
  }
}

@media screen {
  .modal .modal-dialog.modal-unhandled {
    width: auto !important;
  }

  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 {
    justify-content: flex-end;
  }

  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 h4,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 h2.h4,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .layout-group-top .h4.h2,
  .layout-group-top .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .h4.h2,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .layout-group-top header.h4,
  .layout-group-top .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 header.h4,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 h3.h4,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .layout-group-sub .h4.h3,
  .layout-group-sub .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .h4.h3,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .layout-group-sub header.h4,
  .layout-group-sub .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 header.h4,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .list-group.sub-grouped .list-item .h4.h3,
  .list-group.sub-grouped .list-item .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .h4.h3,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .list-group.sub-grouped .list-item header.h4,
  .list-group.sub-grouped .list-item .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 header.h4,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 header.h4.list-group-heading,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 h5.h4,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 h6.h4 {
    margin-top: 0;
  }
}

@media screen and (min-width: 992px) {

  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 h3,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .layout-group-sub .h3,
  .layout-group-sub .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .h3,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .layout-group-sub header,
  .layout-group-sub .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 header,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .h3,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 header,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 header.list-group-heading,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 h2.h3,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .layout-group-top .h3.h2,
  .layout-group-top .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .h3.h2,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .layout-group-top header.h3,
  .layout-group-top .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 header.h3,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 h5.h3,
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 h6.h3 {
    margin-top: 0;
  }
}

@media screen {
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6.right p {
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 991px) {
  .modal .modal-dialog.modal-unhandled .md-equal-heights .col-xs-12.col-md-6 .message {
    margin-top: 15px;
  }
}

@media screen {
  .modal .modal-dialog .modal-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    border: none;
    padding: 30px;
  }

  .modal .modal-dialog .modal-content>.layout-group-top:first-of-type {
    margin: -30px -30px 20px -30px;
    border-radius: 0;
    border: none;
  }

  .modal .modal-dialog .modal-content .layout-group-sub {
    margin: 20px 0 5px 0;
  }

  .modal .modal-dialog .modal-content .layout-group-sub>h2:first-child,
  .modal .modal-dialog .modal-content .layout-group-top .layout-group-sub>.h2:first-child,
  .layout-group-top .modal .modal-dialog .modal-content .layout-group-sub>.h2:first-child,
  .modal .modal-dialog .modal-content .layout-group-top .layout-group-sub>header:first-child,
  .layout-group-top .modal .modal-dialog .modal-content .layout-group-sub>header:first-child {
    margin: 10px 0 15px 0;
  }

  .modal .modal-dialog .modal-content .layout-group-sub .status-visualization {
    background-color: white;
    padding: 10px;
    border-radius: 30px;
  }

  .modal .modal-dialog .modal-content .layout-group-sub .status-visualization li {
    width: 50%;
    border-radius: 20px;
  }
}

@media screen and (max-width: 991px) {
  .modal .modal-dialog .modal-content .layout-group-sub .status-visualization li {
    border-radius: 20px;
    padding: 20px;
    min-width: 30px;
  }

  .modal .modal-dialog .modal-content .layout-group-sub .status-visualization li.completed:not(.active) {
    max-width: 100%;
  }

  .modal .modal-dialog .modal-content .layout-group-sub .status-visualization li header,
  .modal .modal-dialog .modal-content .layout-group-sub .status-visualization li p {
    display: block;
  }
}

@media screen {
  .modal .modal-dialog .modal-content>.layout-group-sub:first-of-type {
    margin: -30px !important;
    max-width: unset;
    width: unset;
  }
}

@media screen {
  .modal .modal-dialog .modal-content .form-fieldset {
    margin: 0 0 30px 0 !important;
  }
}

@media screen {
  .modal .modal-dialog .modal-content .toolbar:last-of-type {
    margin: 0 -5px !important;
  }
}

@media screen {
  .modal .modal-dialog .modal-content .button-icon.modal-control {
    position: absolute;
    z-index: 2;
    right: 20px;
  }
}

@media screen {
  .modal .modal-dialog .modal-content .quickchannel {
    margin: -30px -30px -30px -30px !important;
  }
}

@media screen {
  .modal .modal-dialog .modal-content .tab-contents {
    border: none;
    padding: 0;
  }
}

@media screen {
  .modal.blackout {
    background-color: black;
  }

  .modal .mock-wizard+.toolbar .button-group {
    width: 100%;
    justify-content: space-between;
  }

  .modal.themeout {
    background-color: black;
  }

  .modal.themeout .modal-dialog {
    border: 1px solid rgba(0, 0, 0, 0.1);
    max-width: 600px;
  }

  .modal.themeout .modal-dialog .modal-content {
    padding-bottom: 25px;
  }

  .modal.themeout .modal-dialog .modal-content .header-logo {
    border-bottom: 4px solid black;
    padding: 4px 4px 24px 4px;
    margin: 0 0 -14px 0;
  }

  .modal.themeout .modal-dialog .modal-content .button-group {
    width: 100%;
  }

  .modal.themeout .modal-dialog .modal-content .button-group .button-top {
    margin: 0 20px 0 5px;
    flex-basis: 100%;
  }

  .modal.themeout .modal-dialog .modal-content .button-group .button-top:last-child {
    margin: 0 5px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modal.themeout .modal-dialog .modal-content .button-group {
    display: block;
  }

  .modal.themeout .modal-dialog .modal-content .button-group .button-top {
    width: 100%;
    margin: 0 0 5px 0;
  }
}

@media screen {
  .map-panel {
    background-color: #ABCBDE;
    background-image: linear-gradient(30deg, #D5E5EF 12%, transparent 12.5%, transparent 87%, #D5E5EF 87.5%, #D5E5EF), linear-gradient(150deg, #D5E5EF 12%, transparent 12.5%, transparent 87%, #D5E5EF 87.5%, #D5E5EF), linear-gradient(30deg, #D5E5EF 12%, transparent 12.5%, transparent 87%, #D5E5EF 87.5%, #D5E5EF), linear-gradient(150deg, #D5E5EF 12%, transparent 12.5%, transparent 87%, #D5E5EF 87.5%, #D5E5EF), linear-gradient(60deg, white 25%, transparent 25.5%, transparent 75%, white 75%, white), linear-gradient(60deg, white 25%, transparent 25.5%, transparent 75%, white 75%, white);
    background-size: 80px 140px;
    background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
    position: absolute;
    border: 2px solid #999999;
    overflow: hidden;
  }

  .map-panel.fullscreen {
    position: fixed;
    border: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
  }

  .map-panel .toolbar.top-down {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: fit-content;
    margin: 0 0 0 32px !important;
    position: absolute;
    top: 5px;
    padding: 0;
  }

  .map-panel .toolbar.top-down .button-group {
    margin: 0 0 4px 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .map-panel .toolbar.top-down .button-group .button-icon {
    margin: 0 0 2px 0;
  }

  .map-panel .toolbar.bottom {
    padding: 0;
    margin: 0 -5px !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    border-top: 2px solid #666666;
    z-index: 999;
  }

  .map-panel .toolbar.bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 4px solid #ABCBDE;
  }

  .map-panel .toolbar.bottom .button-group {
    margin: 0 2.5px;
  }

  .map-panel .toolbar.bottom .button-group .button-tile {
    border-top: 4px solid #ABCBDE;
    padding: 6px 15px 5px 10px;
    margin: 0;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .map-panel .toolbar.bottom .button-group .button-tile:not(:focus-visible):hover {
    background: #EAF2F7;
  }

  .map-panel .toolbar.bottom .button-group .button-tile .material-icons {
    margin: 0 5px 0 0;
  }

  .map-panel .toolbar.bottom .button-group .button-tile::after {
    top: -4px;
    border-top: 4px solid #2D7CAD;
  }

  .map-panel .toolbar.bottom .button-group .button-tile.active:not(:focus-visible) {
    background: #2D7CAD;
    color: white;
  }

  .map-panel .toolbar.bottom .button-group .button-tile.active:not(:focus-visible)::after {
    border-top: 4px solid #055485 !important;
  }

  .map-panel .toolbar.bottom .button-group .button-tile:focus-visible::after {
    height: calc(100% + 2px);
  }

  .map-panel .toolbar.bottom.centered {
    display: flex;
    justify-content: center;
  }

  .map-panel .toolbar.bottom .dropdown-menu .button-tile {
    width: 100%;
  }
}

@media screen {
  .cutout {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 41px;
    z-index: 10;
    opacity: 0.75;
    pointer-events: none;
  }

  .cutout>div {
    position: absolute;
    background: black;
    top: 0;
    left: 0;
  }

  .cutout>div.top {
    width: 100%;
    height: 0%;
  }

  .cutout>div.left {
    width: 0%;
    height: 100%;
  }

  .cutout>div.right {
    width: 0%;
    height: 100%;
    right: 0;
    left: auto;
  }

  .cutout>div.bottom {
    width: 100%;
    height: 0%;
    right: 0;
    bottom: 0;
    left: auto;
    top: auto;
  }
}

@media screen {
  .dialog-stack {
    position: absolute;
    top: 5px;
    margin-left: 54px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 999;
    max-height: calc(100% - 42px);
    flex-wrap: wrap;
  }

  .dialog-stack .dialog {
    margin: 0 5px 5px 0;
    background: white;
    outline: 2px solid black;
    box-shadow: 0 5px 10px 0 rgba(102, 102, 102, 0.25);
    width: 250px;
    border-radius: 5px;
    padding: 5px 10px;
    overflow: hidden;
    flex-shrink: 0;
  }

  .dialog-stack .dialog .toolbar:first-of-type {
    margin: -5px -10px 0 -10px !important;
    background: #2D7CAD;
    padding: 5px 0;
    justify-content: flex-end;
  }

  .dialog-stack .dialog .toolbar:first-of-type .button-icon {
    width: 44px;
    height: 44px;
  }

  .dialog-stack .dialog .toolbar:first-of-type .button-icon .material-icons {
    line-height: 40px;
    font-size: 24px;
  }

  .dialog-stack .dialog h4:first-of-type,
  .dialog-stack .dialog .h4:first-of-type,
  .dialog-stack .dialog header {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin: 22px 0 11px 0;
    line-height: 1.5;
    margin: -44px 40px 10px 0;
    color: white !important;
    padding: 2px 0 10px 5px;
  }

  .dialog-stack .dialog .label {
    white-space: normal !important;
    margin-top: 0;
  }

  .dialog-stack .dialog .form-group {
    margin-bottom: 5px;
  }

  .dialog-stack .dialog .button-inline {
    position: relative;
    top: 3px;
  }

  .dialog-stack .dialog .toolbar:not(:first-of-type) {
    margin-bottom: 5px !important;
  }

  .dialog-stack .dialog .toolbar:not(:first-of-type) .button-sub {
    text-align: left;
    width: fit-content !important;
  }
}

@media screen {
  .map-panel.with-top-down-toolbar .toolbar.top-down {
    margin: 0 0 0 52px !important;
  }

  .map-panel.with-top-down-toolbar .toolbar.bottom {
    margin: 0 !important;
  }

  .map-panel.with-top-down-toolbar .dialog-stack {
    margin-left: 100px;
  }

  .map-panel.with-floating-toolbar .toolbar {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 20px;
    width: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    padding-top: 0;
  }
}

@media screen {
  .lightbox {
    position: fixed;
    z-index: 9999;
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .lightbox .lightbox-content {
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    position: relative;
    align-self: center;
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  .lightbox .lightbox-content {
    width: 100%;
    height: 100%;
  }
}

@media screen {
  .lightbox.movie-player {
    align-items: center;
  }

  .lightbox.movie-player .lightbox-content {
    width: 100% !important;
    height: 100% !important;
  }

  .lightbox.movie-player .lightbox-content .quickchannel {
    margin-top: 30px;
    padding-bottom: 56.25% !important;
  }

  .lightbox.movie-player .lightbox-content .quickchannel iframe {
    max-height: calc(100vh - 30px);
  }
}

@media screen {
  .lightbox img {
    opacity: 0;
    height: 100% !important;
    object-fit: fill;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
  }
}

@media screen {
  .lightbox:target {
    outline: none;
    width: 100%;
    height: 100%;
    opacity: 1 !important;
  }

  .lightbox:target img {
    opacity: 1;
    transition: opacity 0.6s;
  }
}

@media screen {
  .lightbox .lightbox-button {
    cursor: pointer;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 99;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
  }

  .lightbox .lightbox-button .material-icons {
    font-size: 36px;
    color: black;
  }

  .lightbox .lightbox-button.previous {
    justify-content: flex-end;
    left: 0;
  }

  .lightbox .lightbox-button.next {
    right: 0;
  }
}

@media screen {

  .lightbox .button-top,
  .lightbox .button-sub {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
  }
}

@media screen {
  .lightbox .lightbox-caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: black;
    color: white;
    font-weight: 400;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 90%;
    text-align: center;
  }
}

@media screen {
  .cookie-consent-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fefbe8;
    border-top: 4px solid #F9D91C;
    padding-bottom: 10px;
    z-index: 999;
    box-shadow: -4px 0 0 4px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    max-height: 100vh;
    overflow-y: auto;
  }

  .cookie-consent-panel h2,
  .cookie-consent-panel .layout-group-top .h2,
  .layout-group-top .cookie-consent-panel .h2,
  .cookie-consent-panel .layout-group-top header,
  .layout-group-top .cookie-consent-panel header {
    margin-top: 16px !important;
  }

  .cookie-consent-panel .attention-group {
    border-color: #F9D91C !important;
    margin-bottom: 0 !important;
  }
}

@media screen {
  html {
    height: 100%;
  }
}

@media screen {
  body {
    font-family: "Roboto", sans-serif;
    color: black;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 1.5;
    max-width: 100%;
    width: 100vw;
    overflow-x: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  body .main-content-link:not(:focus-visible) {
    height: 0;
    overflow: hidden;
    display: block;
  }

  body .main-content-link:focus-visible {
    outline: 2px solid black;
  }
}

@media screen and (max-width: 767.6px) {
  body p .popout-group .button-popout.inline .material-icons {
    top: auto;
  }
}

@media screen and (max-width: 767.6px) {
  body .form-fieldset legend .popout-group.inline .popout {
    margin-bottom: 9px;
  }

  body .form-fieldset legend .popout-group.inline .button-popout .material-icons {
    top: auto;
    line-height: 1.2;
  }
}

@media screen and (max-width: 767px) {

  body main .container h1,
  body main .container .page-header header,
  .page-header body main .container header {
    text-align: center;
  }
}

@media screen {
  body .label .popout-group.inline .button-popout {
    padding-right: 20px;
  }

  body .label .popout-group.inline .button-popout .text {
    margin-top: -2px;
    left: calc(100% + 8px);
  }
}

@media screen {

  body h2 .button-popout,
  body .layout-group-top .h2 .button-popout,
  .layout-group-top body .h2 .button-popout,
  body .layout-group-top header .button-popout,
  .layout-group-top body header .button-popout,
  body h3 .button-popout,
  body .layout-group-sub .h3 .button-popout,
  .layout-group-sub body .h3 .button-popout,
  body .layout-group-sub header .button-popout,
  .layout-group-sub body header .button-popout,
  body .list-group.sub-grouped .list-item h3 .button-popout,
  .list-group.sub-grouped .list-item body h3 .button-popout,
  body .list-group.sub-grouped .list-item .h3 .button-popout,
  .list-group.sub-grouped .list-item body .h3 .button-popout,
  body .list-group.sub-grouped .list-item header .button-popout,
  .list-group.sub-grouped .list-item body header .button-popout,
  body header.list-group-heading .button-popout,
  body .validation .button-popout,
  body .form-fieldset legend .button-popout {
    font-weight: 900;
  }
}

@media screen {

  body h2 .popout-group.inline .button-popout,
  body .layout-group-top .h2 .popout-group.inline .button-popout,
  .layout-group-top body .h2 .popout-group.inline .button-popout,
  body .layout-group-top header .popout-group.inline .button-popout,
  .layout-group-top body header .popout-group.inline .button-popout {
    padding-right: 32px;
  }

  body h2 .popout-group.inline .button-popout .text,
  body .layout-group-top .h2 .popout-group.inline .button-popout .text,
  .layout-group-top body .h2 .popout-group.inline .button-popout .text,
  body .layout-group-top header .popout-group.inline .button-popout .text,
  .layout-group-top body header .popout-group.inline .button-popout .text {
    margin-top: 4px;
    left: calc(100% + 8px);
  }

  body h2 .popout-group.inline .button-popout.active .material-icons::before,
  body .layout-group-top .h2 .popout-group.inline .button-popout.active .material-icons::before,
  .layout-group-top body .h2 .popout-group.inline .button-popout.active .material-icons::before,
  body .layout-group-top header .popout-group.inline .button-popout.active .material-icons::before,
  .layout-group-top body header .popout-group.inline .button-popout.active .material-icons::before {
    left: 10px;
  }

  body h2 .popout-group.inline .button-popout.active .material-icons::after,
  body .layout-group-top .h2 .popout-group.inline .button-popout.active .material-icons::after,
  .layout-group-top body .h2 .popout-group.inline .button-popout.active .material-icons::after,
  body .layout-group-top header .popout-group.inline .button-popout.active .material-icons::after,
  .layout-group-top body header .popout-group.inline .button-popout.active .material-icons::after {
    left: 10px;
  }
}

@media screen {

  body h3 .popout-group.inline .button-popout,
  body .layout-group-sub .h3 .popout-group.inline .button-popout,
  .layout-group-sub body .h3 .popout-group.inline .button-popout,
  body .layout-group-sub header .popout-group.inline .button-popout,
  .layout-group-sub body header .popout-group.inline .button-popout,
  body .list-group.sub-grouped .list-item .h3 .popout-group.inline .button-popout,
  .list-group.sub-grouped .list-item body .h3 .popout-group.inline .button-popout,
  body .list-group.sub-grouped .list-item header .popout-group.inline .button-popout,
  .list-group.sub-grouped .list-item body header .popout-group.inline .button-popout,
  body header.list-group-heading .popout-group.inline .button-popout {
    padding-right: 28px;
  }

  body h3 .popout-group.inline .button-popout .text,
  body .layout-group-sub .h3 .popout-group.inline .button-popout .text,
  .layout-group-sub body .h3 .popout-group.inline .button-popout .text,
  body .layout-group-sub header .popout-group.inline .button-popout .text,
  .layout-group-sub body header .popout-group.inline .button-popout .text,
  body .list-group.sub-grouped .list-item .h3 .popout-group.inline .button-popout .text,
  .list-group.sub-grouped .list-item body .h3 .popout-group.inline .button-popout .text,
  body .list-group.sub-grouped .list-item header .popout-group.inline .button-popout .text,
  .list-group.sub-grouped .list-item body header .popout-group.inline .button-popout .text,
  body header.list-group-heading .popout-group.inline .button-popout .text {
    margin-top: 4px;
    left: calc(100% + 8px);
  }

  body h3 .popout-group.inline .button-popout.active .material-icons::before,
  body .layout-group-sub .h3 .popout-group.inline .button-popout.active .material-icons::before,
  .layout-group-sub body .h3 .popout-group.inline .button-popout.active .material-icons::before,
  body .layout-group-sub header .popout-group.inline .button-popout.active .material-icons::before,
  .layout-group-sub body header .popout-group.inline .button-popout.active .material-icons::before,
  body .list-group.sub-grouped .list-item .h3 .popout-group.inline .button-popout.active .material-icons::before,
  .list-group.sub-grouped .list-item body .h3 .popout-group.inline .button-popout.active .material-icons::before,
  body .list-group.sub-grouped .list-item header .popout-group.inline .button-popout.active .material-icons::before,
  .list-group.sub-grouped .list-item body header .popout-group.inline .button-popout.active .material-icons::before,
  body header.list-group-heading .popout-group.inline .button-popout.active .material-icons::before {
    left: 8px;
  }

  body h3 .popout-group.inline .button-popout.active .material-icons::after,
  body .layout-group-sub .h3 .popout-group.inline .button-popout.active .material-icons::after,
  .layout-group-sub body .h3 .popout-group.inline .button-popout.active .material-icons::after,
  body .layout-group-sub header .popout-group.inline .button-popout.active .material-icons::after,
  .layout-group-sub body header .popout-group.inline .button-popout.active .material-icons::after,
  body .list-group.sub-grouped .list-item .h3 .popout-group.inline .button-popout.active .material-icons::after,
  .list-group.sub-grouped .list-item body .h3 .popout-group.inline .button-popout.active .material-icons::after,
  body .list-group.sub-grouped .list-item header .popout-group.inline .button-popout.active .material-icons::after,
  .list-group.sub-grouped .list-item body header .popout-group.inline .button-popout.active .material-icons::after,
  body header.list-group-heading .popout-group.inline .button-popout.active .material-icons::after {
    left: 8px;
  }
}

@media screen {
  body .form-fieldset.horizontal-form-groups .popout-group.inline .popout {
    z-index: 1;
  }

  body .form-fieldset.horizontal-form-groups .popout-group.inline .button-popout {
    padding-right: 16px;
  }

  body .form-fieldset.horizontal-form-groups .popout-group.inline .button-popout .text {
    margin-top: -2px;
    left: calc(100% + 8px);
  }
}

@media screen {
  body .validation .popout-group.inline .button-popout .text {
    margin-top: -4px;
  }
}

@media screen {

  body .flex-line.bottom-aligned h2+.button-link,
  body .flex-line.bottom-aligned .layout-group-top .h2+.button-link,
  .layout-group-top body .flex-line.bottom-aligned .h2+.button-link,
  body .flex-line.bottom-aligned .layout-group-top header+.button-link,
  .layout-group-top body .flex-line.bottom-aligned header+.button-link {
    margin-bottom: 22px;
    margin-left: 2px;
  }

  body .flex-line.bottom-aligned h3+.button-link,
  body .flex-line.bottom-aligned .layout-group-sub .h3+.button-link,
  .layout-group-sub body .flex-line.bottom-aligned .h3+.button-link,
  body .flex-line.bottom-aligned .layout-group-sub header+.button-link,
  .layout-group-sub body .flex-line.bottom-aligned header+.button-link,
  body .flex-line.bottom-aligned .list-group.sub-grouped .list-item .h3+.button-link,
  .list-group.sub-grouped .list-item body .flex-line.bottom-aligned .h3+.button-link,
  body .flex-line.bottom-aligned .list-group.sub-grouped .list-item header+.button-link,
  .list-group.sub-grouped .list-item body .flex-line.bottom-aligned header+.button-link,
  body .flex-line.bottom-aligned header.list-group-heading+.button-link {
    margin-bottom: 19px;
    margin-left: 2px;
  }

  body .flex-line.bottom-aligned h4+.button-link {
    margin-bottom: 8px;
    margin-left: 2px;
  }
}

@media screen {
  body .layout-group-sub .flex-row-sm {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  body .layout-group-sub .flex-row-sm {
    height: 100%;
  }

  body .layout-group-sub .flex-row-sm .map-container {
    height: 100%;
  }

  body .layout-group-sub .flex-row-sm .map-container #map {
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  body .layout-group-sub .flex-row-sm .map-container {
    height: 300px;
    max-height: 300px;
  }
}

@media screen and (min-width: 768px) {
  body .changeable.container .layout-group-sub .flex-row-sm {
    padding-bottom: 10px;
  }
}

@media screen {
  body .changeable.container .layout-group-sub .list-group.clickable {
    max-width: 100%;
  }
}

@media screen {

  body.spring .page-header,
  body .redet.spring .page-header {
    background: url(gfx/backgrounds/spring.jpg) 50% 50%;
    background-size: cover;
  }
}

@media screen {

  body.summer .page-header,
  body .redet.summer .page-header {
    background: url(gfx/backgrounds/summer.jpg) 50% 50%;
    background-size: cover;
  }
}

@media screen {

  body.autumn .page-header,
  body .redet.autumn .page-header {
    background: url(gfx/backgrounds/autumn.jpg) 50% 50%;
    background-size: cover;
  }
}

@media screen {

  body.winter .page-header,
  body .redet.winter .page-header {
    background: url(gfx/backgrounds/winter.jpg) 50% 50%;
    background-size: cover;
  }
}

@media screen {
  body footer {
    height: 100%;
    flex: 2;
  }
}

@media screen {
  body main {
    margin-bottom: 30px;
  }

  body main .toolbar {
    margin: 0 -5px 15px -5px !important;
  }
}

@media screen {
  body .maps .layout {
    display: flex;
    flex-direction: row;
    height: 100%;
  }

  body .maps .layout .form-fieldset {
    margin-top: 30px !important;
  }

  body .maps .layout .map-panel:not(.fullscreen) {
    width: 100%;
    position: relative;
    border: none;
    height: 100%;
  }

  body .maps .layout .map-panel:not(.fullscreen) .toolbar .button-group .button-top {
    display: flex;
    justify-content: center;
    text-align: center;
  }

  body .maps .layout>.layout-group-sub {
    margin-bottom: 0;
    height: calc(100vh - 117px);
    overflow-x: hidden;
    overflow-y: auto;
  }

  body .maps .layout>.layout-group-sub .float-right {
    margin-top: 10px;
  }

  body .maps .layout>.layout-group-sub .mobile-flex .button-sub {
    white-space: nowrap;
  }

  body .maps .layout>.layout-group-sub .col-xs-12.col-md-4 {
    padding-right: 10px !important;
  }
}

@media screen and (max-width: 767.6px) {
  body .maps .layout .map-panel:not(.fullscreen) {
    height: 100%;
  }

  body .maps .layout .layout-group-sub {
    position: fixed;
    height: calc(100vh - 64px);
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
  }
}

@media only screen and (max-width: 767.6px) and (-webkit-min-device-pixel-ratio: 2) {
  body .maps .layout .layout-group-sub {
    height: calc(100vh - 160px);
  }
}

@media screen and (max-width: 767.6px) and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
  body .maps .layout .layout-group-sub {
    height: calc(100vh - 112px);
  }
}

@media screen and (max-width: 767.6px) {
  @supports (-webkit-overflow-scrolling: touch) {
    body .maps .layout .layout-group-sub {
      height: calc(100% - 64px) !important;
    }
  }
}

@media screen and (min-width: 768px) {
  body .maps .layout>.layout-group-sub:not(.hidden) {
    min-width: 50% !important;
  }
}

@media screen {
  body .layout-group-sub {
    margin-bottom: 15px;
  }
}

@media screen and (-ms-high-contrast: none) {
  body {
    display: block;
  }

  body footer {
    height: auto;
  }
}

@media screen {

  body h3 .button-inline,
  body .layout-group-sub .h3 .button-inline,
  .layout-group-sub body .h3 .button-inline,
  body .layout-group-sub header .button-inline,
  .layout-group-sub body header .button-inline,
  body .list-group.sub-grouped .list-item h3 .button-inline,
  .list-group.sub-grouped .list-item body h3 .button-inline,
  body .list-group.sub-grouped .list-item .h3 .button-inline,
  .list-group.sub-grouped .list-item body .h3 .button-inline,
  body .list-group.sub-grouped .list-item header .button-inline,
  .list-group.sub-grouped .list-item body header .button-inline,
  body header.list-group-heading .button-inline {
    position: relative;
    bottom: -3px;
    margin-left: 5px;
  }
}

@media screen {
  body .form-group.no-wrap .label {
    display: inline-block;
  }

  body .form-group.no-wrap p:not(.label) {
    margin-top: -1px;
  }
}

@media screen {
  body.scrollable-area body {
    overflow-y: hidden;
  }

  body.scrollable-area footer {
    height: auto;
  }

  body.scrollable-area .scrollable-area {
    margin-top: 15px;
    height: calc(100% - 603px);
    overflow-y: auto;
  }
}

@media screen and (min-width: 1200px) {
  body .lg-equal-heights {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex !important;
    flex-wrap: wrap;
  }

  body .lg-equal-heights [class*=col-] {
    display: flex;
    flex-direction: column;
  }

  body .lg-equal-heights [class*=col-] .layout-group-top,
  body .lg-equal-heights [class*=col-] .layout-group-sub {
    height: 100%;
  }
}

@media screen and (min-width: 992px) {
  body .md-equal-heights {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }

  body .md-equal-heights [class*=col-] {
    display: flex;
    flex-direction: column;
  }

  body .md-equal-heights [class*=col-] .layout-group-top,
  body .md-equal-heights [class*=col-] .layout-group-sub,
  body .md-equal-heights [class*=col-]>.attention-group {
    height: 100%;
  }
}

@media screen {
  body .overflow-wrapper {
    max-width: 100%;
    overflow: auto;
  }
}

@media screen {
  body .redet.sticky-footer {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  body .redet.sticky-footer>header {
    flex: none;
  }

  body .redet.sticky-footer main {
    flex: 1 0 auto;
  }

  body .redet.sticky-footer .page-footer {
    height: unset;
    flex: none;
  }
}

@media screen {
  body .button-top.min-sida .icon-placeholder {
    background: url(prerequisites/lm-icons/selfservice.svg) 50% 50% no-repeat;
    background-size: 35px 35px !important;
  }
}

@media screen {
  body .button-sub.min-sida .icon-placeholder {
    background: url(prerequisites/lm-icons/selfservice.svg) 50% 50% no-repeat;
    background-size: 22px 22px !important;
  }
}

@media screen {
  body .side-panel.help .button-icon .material-icons {
    margin-top: 2px !important;
    height: 22px !important;
    width: 22px !important;
  }
}

@media screen {
  body .changeable.container .layout-group-sub .row>.col-12.col-sm-6:last-child .map-container {
    border-radius: 10px;
    overflow: hidden;
  }
}

@media screen and (min-width: 768px) {
  body .changeable.container .layout-group-sub .row>.col-12.col-sm-6:last-child {
    padding: 0;
  }
}

@media screen and (max-width: 1199.6px) {
  body .changeable.container .layout-group-sub .row>.col-12.col-sm-6:first-child .pagination-list li {
    display: none;
  }

  body .changeable.container .layout-group-sub .row>.col-12.col-sm-6:first-child .pagination-list li:nth-child(1),
  body .changeable.container .layout-group-sub .row>.col-12.col-sm-6:first-child .pagination-list li:nth-child(2),
  body .changeable.container .layout-group-sub .row>.col-12.col-sm-6:first-child .pagination-list li:nth-last-child(1),
  body .changeable.container .layout-group-sub .row>.col-12.col-sm-6:first-child .pagination-list li:nth-last-child(2) {
    display: flex;
  }
}

@media screen {

  body.realestate h2,
  body.realestate .h2,
  body.realestate header,
  body.realestate h3,
  body.realestate .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.realestate h3,
  body.realestate .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.realestate .h3,
  body.realestate .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.realestate header,
  body.realestate .h3,
  .redet.realestate h2,
  .redet.realestate .h2,
  .redet.realestate header,
  .redet.realestate h3,
  .redet.realestate .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .redet.realestate h3,
  .redet.realestate .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.realestate .h3,
  .redet.realestate .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.realestate header,
  .redet.realestate .h3 {
    border-bottom-color: #EF8604 !important;
  }

  body.realestate .layout-group-top,
  .redet.realestate .layout-group-top {
    background-color: #fdf3e5;
  }

  body.realestate .layout-group-top hr,
  .redet.realestate .layout-group-top hr {
    border-top: 1px solid #EF8604;
  }
}

@media screen and (min-width: 768px) {

  body.realestate .layout-group-top .tab-navigation,
  .redet.realestate .layout-group-top .tab-navigation {
    background-color: #fdf3e5;
  }
}

@media screen {

  body.realestate .list.clickable:not(.headless),
  body.realestate .list-group.clickable:not(.headless),
  .redet.realestate .list.clickable:not(.headless),
  .redet.realestate .list-group.clickable:not(.headless) {
    border-top: 2px solid #d67804;
  }
}

@media screen and (min-width: 768px) {

  body.realestate .tab-navigation[role=tablist].mobile-dropdown,
  .redet.realestate .tab-navigation[role=tablist].mobile-dropdown {
    background-color: #fdf3e5;
  }

  body.realestate .tab-navigation>li.active,
  body.realestate .tab-navigation>li:hover,
  .redet.realestate .tab-navigation>li.active,
  .redet.realestate .tab-navigation>li:hover {
    background-color: #d67804;
    color: black;
  }

  body.realestate .tab-navigation>li.active a,
  body.realestate .tab-navigation>li:hover a,
  .redet.realestate .tab-navigation>li.active a,
  .redet.realestate .tab-navigation>li:hover a {
    color: black;
  }

  body.realestate .tab-navigation,
  .redet.realestate .tab-navigation {
    border-color: #d67804;
  }
}

@media screen {

  body.realestate .page-header-custom .symbol,
  .redet.realestate .page-header-custom .symbol {
    background: #EF8604;
  }
}

@media screen {

  body.realestate .modal.themeout,
  .redet.realestate .modal.themeout {
    background-color: #fdf3e5 !important;
  }

  body.realestate .modal.themeout .modal-dialog .header-logo,
  .redet.realestate .modal.themeout .modal-dialog .header-logo {
    border-color: #EF8604;
  }
}

@media screen {

  body.realestate .react-grid-HeaderCell,
  body.realestate .react-grid-Header,
  .redet.realestate .react-grid-HeaderCell,
  .redet.realestate .react-grid-Header {
    background-color: #fdf3e5;
  }
}

@media screen {

  body.realestate .react-grid-HeaderRow,
  .redet.realestate .react-grid-HeaderRow {
    background-color: #fdf3e5;
    border-left-color: #EF8604;
    color: black;
  }
}

@media screen {

  body.realestate .tab-container,
  .redet.realestate .tab-container {
    border-bottom: 4px solid #EF8604;
  }

  body.realestate .tab-container .tab-navigation li,
  .redet.realestate .tab-container .tab-navigation li {
    border-bottom: 4px solid #EF8604;
  }

  body.realestate .tab-container .tab-navigation li.active,
  .redet.realestate .tab-container .tab-navigation li.active {
    border-color: #EF8604;
  }

  body.realestate .tab-container .tab-navigation li.active::before,
  .redet.realestate .tab-container .tab-navigation li.active::before {
    background-color: #EF8604;
  }
}

@media screen {

  body.realestate .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
  .redet.realestate .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    border-bottom-color: #f9cf9b;
  }
}

@media screen {

  body.realestate .react-datepicker__header,
  .redet.realestate .react-datepicker__header {
    background-color: #f9cf9b;
  }
}

@media screen {

  body.realestate .react-datepicker__current-month,
  body.realestate .react-datepicker-time__header,
  body.realestate .react-datepicker-year-header,
  .redet.realestate .react-datepicker__current-month,
  .redet.realestate .react-datepicker-time__header,
  .redet.realestate .react-datepicker-year-header {
    color: black;
  }
}

@media screen {

  body.realestate .react-datepicker__navigation--previous,
  .redet.realestate .react-datepicker__navigation--previous {
    border-right-color: black;
  }

  body.realestate .react-datepicker__navigation--previous:hover,
  .redet.realestate .react-datepicker__navigation--previous:hover {
    border-right-color: #EF8604;
  }
}

@media screen {

  body.realestate .react-datepicker__navigation--next,
  .redet.realestate .react-datepicker__navigation--next {
    border-left-color: black;
  }

  body.realestate .react-datepicker__navigation--next:hover,
  .redet.realestate .react-datepicker__navigation--next:hover {
    border-left-color: #EF8604;
  }
}

@media screen {

  body.realestate .side-panel,
  .redet.realestate .side-panel {
    background: #fdf3e5;
  }

  body.realestate .side-panel>.toolbar:first-of-type,
  body.realestate .side-panel div.inert-container>.toolbar:first-of-type,
  .redet.realestate .side-panel>.toolbar:first-of-type,
  .redet.realestate .side-panel div.inert-container>.toolbar:first-of-type {
    background: #f9cf9b;
    color: black;
  }

  body.realestate .side-panel .step-visualization:not(.next-step) li::after,
  .redet.realestate .side-panel .step-visualization:not(.next-step) li::after {
    background: #fdf3e5;
  }

  body.realestate .side-panel .step-visualization:not(.next-step) li::before,
  .redet.realestate .side-panel .step-visualization:not(.next-step) li::before {
    border-left: 15px solid #fdf3e5;
  }

  body.realestate .side-panel .layout-group-top,
  .redet.realestate .side-panel .layout-group-top {
    background: #fce7cd;
    color: black;
  }

  body.realestate .side-panel.help .scrollable-content div.active,
  .redet.realestate .side-panel.help .scrollable-content div.active {
    background: #fce7cd;
    color: black;
  }
}

@media screen {

  body.realestate .popover h3,
  body.realestate .popover .layout-group-sub .h3,
  .layout-group-sub body.realestate .popover .h3,
  body.realestate .popover .layout-group-sub header,
  .layout-group-sub body.realestate .popover header,
  body.realestate .popover .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.realestate .popover h3,
  body.realestate .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.realestate .popover .h3,
  body.realestate .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.realestate .popover header,
  body.realestate .popover header.list-group-heading,
  .redet.realestate .popover h3,
  .redet.realestate .popover .layout-group-sub .h3,
  .layout-group-sub .redet.realestate .popover .h3,
  .redet.realestate .popover .layout-group-sub header,
  .layout-group-sub .redet.realestate .popover header,
  .redet.realestate .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.realestate .popover .h3,
  .redet.realestate .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.realestate .popover header,
  .redet.realestate .popover header.list-group-heading {
    color: black;
    background-color: #f9cf9b;
  }
}

@media screen {

  body.realestate .checklist-panel h2,
  .layout-group-top body.realestate .checklist-panel header,
  body.realestate .checklist-panel .h2,
  body.realestate .layout-group-top h2,
  body.realestate .layout-group-top header,
  body.realestate .layout-group-top .h2,
  body.realestate .attention-group,
  .redet.realestate .checklist-panel h2,
  .layout-group-top .redet.realestate .checklist-panel header,
  .redet.realestate .checklist-panel .h2,
  .redet.realestate .layout-group-top h2,
  .redet.realestate .layout-group-top header,
  .redet.realestate .layout-group-top .h2,
  .redet.realestate .attention-group {
    border-color: #EF8604;
    margin: 0 0 30px 0;
  }
}

@media screen {

  body.realestate div:not(.snackbar) .message,
  .redet.realestate div:not(.snackbar) .message {
    background: #fce7cd;
  }

  body.realestate div:not(.snackbar) .message::after,
  .redet.realestate div:not(.snackbar) .message::after {
    color: #fce7cd;
  }
}

@media screen {

  body.realestate .floating-message-group:not(.error),
  .redet.realestate .floating-message-group:not(.error) {
    border-color: #EF8604;
  }
}

@media screen {

  body.realestate h3.underline,
  body.realestate .layout-group-sub .underline.h3,
  .layout-group-sub body.realestate .underline.h3,
  body.realestate .layout-group-sub header.underline,
  .layout-group-sub body.realestate header.underline,
  body.realestate .list-group.sub-grouped .list-item h3.underline,
  .list-group.sub-grouped .list-item body.realestate h3.underline,
  body.realestate .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item body.realestate .underline.h3,
  body.realestate .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item body.realestate header.underline,
  body.realestate header.underline.list-group-heading,
  .redet.realestate h3.underline,
  .redet.realestate .layout-group-sub .underline.h3,
  .layout-group-sub .redet.realestate .underline.h3,
  .redet.realestate .layout-group-sub header.underline,
  .layout-group-sub .redet.realestate header.underline,
  .redet.realestate .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item .redet.realestate .underline.h3,
  .redet.realestate .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item .redet.realestate header.underline,
  .redet.realestate header.underline.list-group-heading {
    border-bottom: 4px solid #EF8604;
    padding: 0 0 10px 0;
    display: inline-block;
  }
}

@media screen {

  body.realestate .progress-indicator .current-progress,
  .redet.realestate .progress-indicator .current-progress {
    background: linear-gradient(to left, #f9cf9b, #fce7cd);
  }
}

@media screen {

  body.realestate .step-visualization,
  .redet.realestate .step-visualization {
    margin-bottom: 15px;
  }
}

@media screen {

  body.realestate .step-visualization:not(.next-step),
  .redet.realestate .step-visualization:not(.next-step) {
    margin: 0 0 15px 0;
  }

  body.realestate .step-visualization:not(.next-step) li,
  .redet.realestate .step-visualization:not(.next-step) li {
    background: #f9cf9b;
  }

  body.realestate .step-visualization:not(.next-step) li::before,
  .redet.realestate .step-visualization:not(.next-step) li::before {
    border-top: 15px solid #f9cf9b;
    border-bottom: 15px solid #f9cf9b;
  }

  body.realestate .step-visualization:not(.next-step) li::after,
  .redet.realestate .step-visualization:not(.next-step) li::after {
    border-left: 15px solid #f9cf9b;
  }

  body.realestate .step-visualization:not(.next-step) li.active,
  .redet.realestate .step-visualization:not(.next-step) li.active {
    background: #d67804;
    color: black;
  }

  body.realestate .step-visualization:not(.next-step) li.active a,
  .redet.realestate .step-visualization:not(.next-step) li.active a {
    color: black;
  }

  body.realestate .step-visualization:not(.next-step) li.active::before,
  .redet.realestate .step-visualization:not(.next-step) li.active::before {
    border-top: 15px solid #d67804;
    border-bottom: 15px solid #d67804;
  }

  body.realestate .step-visualization:not(.next-step) li.active::after,
  .redet.realestate .step-visualization:not(.next-step) li.active::after {
    border-left: 15px solid #d67804;
  }
}

@media screen {

  body.realestate .status-visualization,
  .redet.realestate .status-visualization {
    margin: 0 0 15px 0;
  }
}

@media screen {

  body.realestate .form-fieldset,
  .redet.realestate .form-fieldset {
    margin: 0 0 30px 0;
  }

  body.realestate .form-fieldset legend,
  .redet.realestate .form-fieldset legend {
    border-color: #EF8604;
  }
}

@media screen {

  body.realestate .table-grid,
  .redet.realestate .table-grid {
    margin: 0 0 30px 0;
  }

  body.realestate .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  body.realestate .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed),
  .redet.realestate .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  .redet.realestate .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed) {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
  }

  body.realestate .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  body.realestate .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after,
  .redet.realestate .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  .redet.realestate .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 6px solid rgba(0, 0, 0, 0.1);
  }
}

@media screen {

  body.realestate mark,
  .redet.realestate mark {
    background: #EF8604;
    color: black;
  }
}

@media screen {

  body.realestate .list-group:not(.sub-grouped)::before,
  .redet.realestate .list-group:not(.sub-grouped)::before {
    border-top-color: #EF8604;
  }

  body.realestate .list-group .list-item.attention,
  .redet.realestate .list-group .list-item.attention {
    background-color: #fdf3e5;
    outline: 2px dashed #EF8604;
    position: relative;
    top: -2px;
  }

  body.realestate .list-group .list-item:nth-child(even).attention,
  .redet.realestate .list-group .list-item:nth-child(even).attention {
    background-color: #fbe8cd;
  }
}

@media screen {

  body.realestate .panel-group:not(.blind),
  .redet.realestate .panel-group:not(.blind) {
    background-color: #fdf3e5;
    color: black;
  }
}

@media screen {

  body.realestate .layout-group-sub:not(.unthemed),
  .redet.realestate .layout-group-sub:not(.unthemed) {
    color: black;
  }

  body.realestate .layout-group-sub:not(.unthemed) mark,
  .redet.realestate .layout-group-sub:not(.unthemed) mark {
    background: white;
    color: black;
  }

  body.realestate .layout-group-sub:not(.unthemed) a,
  .redet.realestate .layout-group-sub:not(.unthemed) a {
    color: black;
  }

  body.realestate .layout-group-sub:not(.unthemed) a:hover,
  .redet.realestate .layout-group-sub:not(.unthemed) a:hover {
    color: black;
  }

  body.realestate .layout-group-sub:not(.unthemed).clickable:hover,
  .redet.realestate .layout-group-sub:not(.unthemed).clickable:hover {
    background-color: #fdf3e5;
  }

  body.realestate .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content,
  .redet.realestate .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content {
    background-color: #f9ddb6;
  }

  body.realestate .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after,
  .redet.realestate .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after {
    width: 100%;
  }

  body.realestate .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active),
  .redet.realestate .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active) {
    background-color: #f9ddb6;
  }
}

@media screen {

  body.realestate .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  body.realestate .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  body.realestate .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover,
  .redet.realestate .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  .redet.realestate .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  .redet.realestate .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover {
    border-color: #EF8604;
  }

  body.realestate .page-navigation .toolbar.tabs .button-tile.active,
  body.realestate .page-navigation-compact .toolbar.tabs .button-tile.active,
  body.realestate .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.realestate .page-navigation .toolbar.tabs .button-tile.active,
  .redet.realestate .page-navigation-compact .toolbar.tabs .button-tile.active,
  .redet.realestate .page-navigation-alt .toolbar.tabs .button-tile.active {
    border-color: #EF8604;
  }
}

@media screen {

  body.realestate .list:not(.headless),
  .redet.realestate .list:not(.headless) {
    border-top-color: #EF8604;
  }
}

@media screen {

  body.realestate .list.clickable .content.active,
  body.realestate .list.clickable .content.active:hover,
  .redet.realestate .list.clickable .content.active,
  .redet.realestate .list.clickable .content.active:hover {
    background: #d67804;
  }

  body.realestate .list.clickable .content:not(.active):hover,
  .redet.realestate .list.clickable .content:not(.active):hover {
    background-color: #fdf3e5;
  }
}

@media screen {

  body.realestate .list-group.lined-list .list-item .actions,
  .redet.realestate .list-group.lined-list .list-item .actions {
    border-color: #f9cf9b;
  }

  body.realestate .list-group.lined-list .list-item .content,
  .redet.realestate .list-group.lined-list .list-item .content {
    border-color: #f9cf9b;
  }

  body.realestate .list-group.sub-grouped .list-item,
  .redet.realestate .list-group.sub-grouped .list-item {
    border-color: #f9cf9b;
    background: #fdf3e5;
  }

  body.realestate .list-group.clickable .list-item.active,
  body.realestate .list-group.clickable .list-item.active:hover,
  .redet.realestate .list-group.clickable .list-item.active,
  .redet.realestate .list-group.clickable .list-item.active:hover {
    background: #d67804;
  }

  body.realestate .list-group.clickable .list-item:not(.active):hover,
  .redet.realestate .list-group.clickable .list-item:not(.active):hover {
    background-color: #fdf3e5;
  }
}

@media screen {

  body.realestate .page-header-symbol figure,
  .redet.realestate .page-header-symbol figure {
    background-color: #EF8604;
  }
}

@media screen {

  body.realestate .page-header p a:focus-visible,
  .redet.realestate .page-header p a:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }
}

@media screen {

  body.realestate .page-header,
  .redet.realestate .page-header {
    position: relative;
  }

  body.realestate .page-header .toolbar .button-group,
  .redet.realestate .page-header .toolbar .button-group {
    width: 100%;
    justify-content: space-between;
  }

  body.realestate .page-header .toolbar .container,
  .redet.realestate .page-header .toolbar .container {
    background-color: #fdf3e5;
    color: black;
  }

  body.realestate .page-header::after,
  .redet.realestate .page-header::after {
    width: 110px;
    height: 110px;
    background: #EF8604 url(prerequisites/lm-icons/realestate.svg) no-repeat 50% 50%;
    background-size: 70px 70px;
    border-radius: 55px;
    position: absolute;
    left: 50%;
    display: block;
    content: "";
    margin: 0 0 -55px -55px;
    bottom: 0;
    outline: 5px solid white;
  }
}

@media screen and (max-width: 767px) {

  body.realestate .page-header::after,
  .redet.realestate .page-header::after {
    width: 50px;
    height: 50px;
    background-size: 30px 30px !important;
    margin: 0 0 -25px -25px;
  }
}

@media screen {

  body.realestate .layout-group-sub:not(.unthemed) .table-grid th,
  .redet.realestate .layout-group-sub:not(.unthemed) .table-grid th {
    border-bottom: 2px solid #f9cf9b;
  }

  body.realestate .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even),
  .redet.realestate .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.05);
  }
}

@media screen {

  body.realestate .button-icon.pin.button-icon .icon-placeholder,
  .redet.realestate .button-icon.pin.button-icon .icon-placeholder {
    margin: -2px 0 0 1px !important;
  }

  body.realestate .button-icon.pin .icon-placeholder,
  .redet.realestate .button-icon.pin .icon-placeholder {
    background: url(prerequisites/lm-icons/pin_button.svg) 50% 50% no-repeat;
    background-size: 20px 20px !important;
  }
}

@media screen {

  body.pro .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.pro .page-navigation-alt .toolbar.tabs .button-tile.active {
    background-color: transparent;
    color: black !important;
    font-weight: bold;
  }
}

@media screen {

  body.maps h2,
  body.maps .h2,
  body.maps header,
  body.maps h3,
  body.maps .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.maps h3,
  body.maps .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.maps .h3,
  body.maps .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.maps header,
  body.maps .h3,
  .redet.maps h2,
  .redet.maps .h2,
  .redet.maps header,
  .redet.maps h3,
  .redet.maps .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .redet.maps h3,
  .redet.maps .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.maps .h3,
  .redet.maps .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.maps header,
  .redet.maps .h3 {
    border-bottom-color: #2D7CAD !important;
  }

  body.maps .layout-group-top,
  .redet.maps .layout-group-top {
    background-color: #EAF2F7;
  }

  body.maps .layout-group-top hr,
  .redet.maps .layout-group-top hr {
    border-top: 1px solid #2D7CAD;
  }
}

@media screen and (min-width: 768px) {

  body.maps .layout-group-top .tab-navigation,
  .redet.maps .layout-group-top .tab-navigation {
    background-color: #EAF2F7;
  }
}

@media screen {

  body.maps .list.clickable:not(.headless),
  body.maps .list-group.clickable:not(.headless),
  .redet.maps .list.clickable:not(.headless),
  .redet.maps .list-group.clickable:not(.headless) {
    border-top: 2px solid #2B77A6;
  }
}

@media screen and (min-width: 768px) {

  body.maps .tab-navigation[role=tablist].mobile-dropdown,
  .redet.maps .tab-navigation[role=tablist].mobile-dropdown {
    background-color: #EAF2F7;
  }

  body.maps .tab-navigation>li.active,
  body.maps .tab-navigation>li:hover,
  .redet.maps .tab-navigation>li.active,
  .redet.maps .tab-navigation>li:hover {
    background-color: #2B77A6;
    color: white;
  }

  body.maps .tab-navigation>li.active a,
  body.maps .tab-navigation>li:hover a,
  .redet.maps .tab-navigation>li.active a,
  .redet.maps .tab-navigation>li:hover a {
    color: white;
  }

  body.maps .tab-navigation,
  .redet.maps .tab-navigation {
    border-color: #2B77A6;
  }
}

@media screen {

  body.maps .page-header-custom .symbol,
  .redet.maps .page-header-custom .symbol {
    background: #2D7CAD;
  }
}

@media screen {

  body.maps .modal.themeout,
  .redet.maps .modal.themeout {
    background-color: #EAF2F7 !important;
  }

  body.maps .modal.themeout .modal-dialog .header-logo,
  .redet.maps .modal.themeout .modal-dialog .header-logo {
    border-color: #2D7CAD;
  }
}

@media screen {

  body.maps .react-grid-HeaderCell,
  body.maps .react-grid-Header,
  .redet.maps .react-grid-HeaderCell,
  .redet.maps .react-grid-Header {
    background-color: #EAF2F7;
  }
}

@media screen {

  body.maps .react-grid-HeaderRow,
  .redet.maps .react-grid-HeaderRow {
    background-color: #EAF2F7;
    border-left-color: #2D7CAD;
    color: white;
  }
}

@media screen {

  body.maps .tab-container,
  .redet.maps .tab-container {
    border-bottom: 4px solid #2D7CAD;
  }

  body.maps .tab-container .tab-navigation li,
  .redet.maps .tab-container .tab-navigation li {
    border-bottom: 4px solid #2D7CAD;
  }

  body.maps .tab-container .tab-navigation li.active,
  .redet.maps .tab-container .tab-navigation li.active {
    border-color: #2D7CAD;
  }

  body.maps .tab-container .tab-navigation li.active::before,
  .redet.maps .tab-container .tab-navigation li.active::before {
    background-color: #2D7CAD;
  }
}

@media screen {

  body.maps .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
  .redet.maps .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    border-bottom-color: #ABCBDE;
  }
}

@media screen {

  body.maps .react-datepicker__header,
  .redet.maps .react-datepicker__header {
    background-color: #ABCBDE;
  }
}

@media screen {

  body.maps .react-datepicker__current-month,
  body.maps .react-datepicker-time__header,
  body.maps .react-datepicker-year-header,
  .redet.maps .react-datepicker__current-month,
  .redet.maps .react-datepicker-time__header,
  .redet.maps .react-datepicker-year-header {
    color: black;
  }
}

@media screen {

  body.maps .react-datepicker__navigation--previous,
  .redet.maps .react-datepicker__navigation--previous {
    border-right-color: black;
  }

  body.maps .react-datepicker__navigation--previous:hover,
  .redet.maps .react-datepicker__navigation--previous:hover {
    border-right-color: #2D7CAD;
  }
}

@media screen {

  body.maps .react-datepicker__navigation--next,
  .redet.maps .react-datepicker__navigation--next {
    border-left-color: black;
  }

  body.maps .react-datepicker__navigation--next:hover,
  .redet.maps .react-datepicker__navigation--next:hover {
    border-left-color: #2D7CAD;
  }
}

@media screen {

  body.maps .side-panel,
  .redet.maps .side-panel {
    background: #EAF2F7;
  }

  body.maps .side-panel>.toolbar:first-of-type,
  body.maps .side-panel div.inert-container>.toolbar:first-of-type,
  .redet.maps .side-panel>.toolbar:first-of-type,
  .redet.maps .side-panel div.inert-container>.toolbar:first-of-type {
    background: #ABCBDE;
    color: black;
  }

  body.maps .side-panel .step-visualization:not(.next-step) li::after,
  .redet.maps .side-panel .step-visualization:not(.next-step) li::after {
    background: #EAF2F7;
  }

  body.maps .side-panel .step-visualization:not(.next-step) li::before,
  .redet.maps .side-panel .step-visualization:not(.next-step) li::before {
    border-left: 15px solid #EAF2F7;
  }

  body.maps .side-panel .layout-group-top,
  .redet.maps .side-panel .layout-group-top {
    background: #D5E5EF;
    color: black;
  }

  body.maps .side-panel.help .scrollable-content div.active,
  .redet.maps .side-panel.help .scrollable-content div.active {
    background: #D5E5EF;
    color: black;
  }
}

@media screen {

  body.maps .popover h3,
  body.maps .popover .layout-group-sub .h3,
  .layout-group-sub body.maps .popover .h3,
  body.maps .popover .layout-group-sub header,
  .layout-group-sub body.maps .popover header,
  body.maps .popover .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.maps .popover h3,
  body.maps .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.maps .popover .h3,
  body.maps .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.maps .popover header,
  body.maps .popover header.list-group-heading,
  .redet.maps .popover h3,
  .redet.maps .popover .layout-group-sub .h3,
  .layout-group-sub .redet.maps .popover .h3,
  .redet.maps .popover .layout-group-sub header,
  .layout-group-sub .redet.maps .popover header,
  .redet.maps .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.maps .popover .h3,
  .redet.maps .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.maps .popover header,
  .redet.maps .popover header.list-group-heading {
    color: black;
    background-color: #ABCBDE;
  }
}

@media screen {

  body.maps .checklist-panel h2,
  .layout-group-top body.maps .checklist-panel header,
  body.maps .checklist-panel .h2,
  body.maps .layout-group-top h2,
  body.maps .layout-group-top header,
  body.maps .layout-group-top .h2,
  body.maps .attention-group,
  .redet.maps .checklist-panel h2,
  .layout-group-top .redet.maps .checklist-panel header,
  .redet.maps .checklist-panel .h2,
  .redet.maps .layout-group-top h2,
  .redet.maps .layout-group-top header,
  .redet.maps .layout-group-top .h2,
  .redet.maps .attention-group {
    border-color: #2D7CAD;
    margin: 0 0 30px 0;
  }
}

@media screen {

  body.maps div:not(.snackbar) .message,
  .redet.maps div:not(.snackbar) .message {
    background: #D5E5EF;
  }

  body.maps div:not(.snackbar) .message::after,
  .redet.maps div:not(.snackbar) .message::after {
    color: #D5E5EF;
  }
}

@media screen {

  body.maps .floating-message-group:not(.error),
  .redet.maps .floating-message-group:not(.error) {
    border-color: #2D7CAD;
  }
}

@media screen {

  body.maps h3.underline,
  body.maps .layout-group-sub .underline.h3,
  .layout-group-sub body.maps .underline.h3,
  body.maps .layout-group-sub header.underline,
  .layout-group-sub body.maps header.underline,
  body.maps .list-group.sub-grouped .list-item h3.underline,
  .list-group.sub-grouped .list-item body.maps h3.underline,
  body.maps .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item body.maps .underline.h3,
  body.maps .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item body.maps header.underline,
  body.maps header.underline.list-group-heading,
  .redet.maps h3.underline,
  .redet.maps .layout-group-sub .underline.h3,
  .layout-group-sub .redet.maps .underline.h3,
  .redet.maps .layout-group-sub header.underline,
  .layout-group-sub .redet.maps header.underline,
  .redet.maps .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item .redet.maps .underline.h3,
  .redet.maps .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item .redet.maps header.underline,
  .redet.maps header.underline.list-group-heading {
    border-bottom: 4px solid #2D7CAD;
    padding: 0 0 10px 0;
    display: inline-block;
  }
}

@media screen {

  body.maps .progress-indicator .current-progress,
  .redet.maps .progress-indicator .current-progress {
    background: linear-gradient(to left, #ABCBDE, #D5E5EF);
  }
}

@media screen {

  body.maps .step-visualization,
  .redet.maps .step-visualization {
    margin-bottom: 15px;
  }
}

@media screen {

  body.maps .step-visualization:not(.next-step),
  .redet.maps .step-visualization:not(.next-step) {
    margin: 0 0 15px 0;
  }

  body.maps .step-visualization:not(.next-step) li,
  .redet.maps .step-visualization:not(.next-step) li {
    background: #ABCBDE;
  }

  body.maps .step-visualization:not(.next-step) li::before,
  .redet.maps .step-visualization:not(.next-step) li::before {
    border-top: 15px solid #ABCBDE;
    border-bottom: 15px solid #ABCBDE;
  }

  body.maps .step-visualization:not(.next-step) li::after,
  .redet.maps .step-visualization:not(.next-step) li::after {
    border-left: 15px solid #ABCBDE;
  }

  body.maps .step-visualization:not(.next-step) li.active,
  .redet.maps .step-visualization:not(.next-step) li.active {
    background: #2B77A6;
    color: white;
  }

  body.maps .step-visualization:not(.next-step) li.active a,
  .redet.maps .step-visualization:not(.next-step) li.active a {
    color: white;
  }

  body.maps .step-visualization:not(.next-step) li.active::before,
  .redet.maps .step-visualization:not(.next-step) li.active::before {
    border-top: 15px solid #2B77A6;
    border-bottom: 15px solid #2B77A6;
  }

  body.maps .step-visualization:not(.next-step) li.active::after,
  .redet.maps .step-visualization:not(.next-step) li.active::after {
    border-left: 15px solid #2B77A6;
  }
}

@media screen {

  body.maps .status-visualization,
  .redet.maps .status-visualization {
    margin: 0 0 15px 0;
  }
}

@media screen {

  body.maps .form-fieldset,
  .redet.maps .form-fieldset {
    margin: 0 0 30px 0;
  }

  body.maps .form-fieldset legend,
  .redet.maps .form-fieldset legend {
    border-color: #2D7CAD;
  }
}

@media screen {

  body.maps .table-grid,
  .redet.maps .table-grid {
    margin: 0 0 30px 0;
  }

  body.maps .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  body.maps .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed),
  .redet.maps .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  .redet.maps .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed) {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
  }

  body.maps .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  body.maps .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after,
  .redet.maps .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  .redet.maps .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 6px solid rgba(0, 0, 0, 0.1);
  }
}

@media screen {

  body.maps mark,
  .redet.maps mark {
    background: #2D7CAD;
    color: white;
  }
}

@media screen {

  body.maps .list-group:not(.sub-grouped)::before,
  .redet.maps .list-group:not(.sub-grouped)::before {
    border-top-color: #2D7CAD;
  }

  body.maps .list-group .list-item.attention,
  .redet.maps .list-group .list-item.attention {
    background-color: #EAF2F7;
    outline: 2px dashed #2D7CAD;
    position: relative;
    top: -2px;
  }

  body.maps .list-group .list-item:nth-child(even).attention,
  .redet.maps .list-group .list-item:nth-child(even).attention {
    background-color: #d8e7f0;
  }
}

@media screen {

  body.maps .panel-group:not(.blind),
  .redet.maps .panel-group:not(.blind) {
    background-color: #EAF2F7;
    color: black;
  }
}

@media screen {

  body.maps .layout-group-sub:not(.unthemed),
  .redet.maps .layout-group-sub:not(.unthemed) {
    color: black;
  }

  body.maps .layout-group-sub:not(.unthemed) mark,
  .redet.maps .layout-group-sub:not(.unthemed) mark {
    background: white;
    color: black;
  }

  body.maps .layout-group-sub:not(.unthemed) a,
  .redet.maps .layout-group-sub:not(.unthemed) a {
    color: black;
  }

  body.maps .layout-group-sub:not(.unthemed) a:hover,
  .redet.maps .layout-group-sub:not(.unthemed) a:hover {
    color: black;
  }

  body.maps .layout-group-sub:not(.unthemed).clickable:hover,
  .redet.maps .layout-group-sub:not(.unthemed).clickable:hover {
    background-color: #EAF2F7;
  }

  body.maps .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content,
  .redet.maps .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content {
    background-color: #c5dbe9;
  }

  body.maps .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after,
  .redet.maps .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after {
    width: 100%;
  }

  body.maps .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active),
  .redet.maps .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active) {
    background-color: #c5dbe9;
  }
}

@media screen {

  body.maps .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  body.maps .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  body.maps .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover,
  .redet.maps .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  .redet.maps .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  .redet.maps .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover {
    border-color: #2D7CAD;
  }

  body.maps .page-navigation .toolbar.tabs .button-tile.active,
  body.maps .page-navigation-compact .toolbar.tabs .button-tile.active,
  body.maps .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.maps .page-navigation .toolbar.tabs .button-tile.active,
  .redet.maps .page-navigation-compact .toolbar.tabs .button-tile.active,
  .redet.maps .page-navigation-alt .toolbar.tabs .button-tile.active {
    border-color: #2D7CAD;
  }
}

@media screen {

  body.maps .list:not(.headless),
  .redet.maps .list:not(.headless) {
    border-top-color: #2D7CAD;
  }
}

@media screen {

  body.maps .list.clickable .content.active,
  body.maps .list.clickable .content.active:hover,
  .redet.maps .list.clickable .content.active,
  .redet.maps .list.clickable .content.active:hover {
    background: #2B77A6;
  }

  body.maps .list.clickable .content:not(.active):hover,
  .redet.maps .list.clickable .content:not(.active):hover {
    background-color: #EAF2F7;
  }
}

@media screen {

  body.maps .list-group.lined-list .list-item .actions,
  .redet.maps .list-group.lined-list .list-item .actions {
    border-color: #ABCBDE;
  }

  body.maps .list-group.lined-list .list-item .content,
  .redet.maps .list-group.lined-list .list-item .content {
    border-color: #ABCBDE;
  }

  body.maps .list-group.sub-grouped .list-item,
  .redet.maps .list-group.sub-grouped .list-item {
    border-color: #ABCBDE;
    background: #EAF2F7;
  }

  body.maps .list-group.clickable .list-item.active,
  body.maps .list-group.clickable .list-item.active:hover,
  .redet.maps .list-group.clickable .list-item.active,
  .redet.maps .list-group.clickable .list-item.active:hover {
    background: #2B77A6;
  }

  body.maps .list-group.clickable .list-item:not(.active):hover,
  .redet.maps .list-group.clickable .list-item:not(.active):hover {
    background-color: #EAF2F7;
  }
}

@media screen {

  body.maps .page-header-symbol figure,
  .redet.maps .page-header-symbol figure {
    background-color: #2D7CAD;
  }
}

@media screen {

  body.maps .page-header p a:focus-visible,
  .redet.maps .page-header p a:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }
}

@media screen {

  body.maps .page-header,
  .redet.maps .page-header {
    position: relative;
  }

  body.maps .page-header .toolbar .button-group,
  .redet.maps .page-header .toolbar .button-group {
    width: 100%;
    justify-content: space-between;
  }

  body.maps .page-header .toolbar .container,
  .redet.maps .page-header .toolbar .container {
    background-color: #EAF2F7;
    color: black;
  }

  body.maps .page-header::after,
  .redet.maps .page-header::after {
    width: 110px;
    height: 110px;
    background: #2D7CAD url(prerequisites/lm-icons/maps.svg) no-repeat 50% 50%;
    background-size: 70px 70px;
    border-radius: 55px;
    position: absolute;
    left: 50%;
    display: block;
    content: "";
    margin: 0 0 -55px -55px;
    bottom: 0;
    outline: 5px solid white;
  }
}

@media screen and (max-width: 767px) {

  body.maps .page-header::after,
  .redet.maps .page-header::after {
    width: 50px;
    height: 50px;
    background-size: 30px 30px !important;
    margin: 0 0 -25px -25px;
  }
}

@media screen {

  body.maps .layout-group-sub:not(.unthemed) .table-grid th,
  .redet.maps .layout-group-sub:not(.unthemed) .table-grid th {
    border-bottom: 2px solid #ABCBDE;
  }

  body.maps .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even),
  .redet.maps .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.05);
  }
}

@media screen {

  body.maps .button-icon.pin.button-icon .icon-placeholder,
  .redet.maps .button-icon.pin.button-icon .icon-placeholder {
    margin: -2px 0 0 1px !important;
  }

  body.maps .button-icon.pin .icon-placeholder,
  .redet.maps .button-icon.pin .icon-placeholder {
    background: url(prerequisites/lm-icons/pin_button.svg) 50% 50% no-repeat;
    background-size: 20px 20px !important;
  }
}

@media screen {

  body.pro .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.pro .page-navigation-alt .toolbar.tabs .button-tile.active {
    background-color: transparent;
    color: black !important;
    font-weight: bold;
  }
}

@media screen {

  body.selfservice h2,
  body.selfservice .h2,
  body.selfservice header,
  body.selfservice h3,
  body.selfservice .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.selfservice h3,
  body.selfservice .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.selfservice .h3,
  body.selfservice .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.selfservice header,
  body.selfservice .h3,
  .redet.selfservice h2,
  .redet.selfservice .h2,
  .redet.selfservice header,
  .redet.selfservice h3,
  .redet.selfservice .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .redet.selfservice h3,
  .redet.selfservice .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.selfservice .h3,
  .redet.selfservice .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.selfservice header,
  .redet.selfservice .h3 {
    border-bottom-color: #8455A1 !important;
  }

  body.selfservice .layout-group-top,
  .redet.selfservice .layout-group-top {
    background-color: #F3EEF6;
  }

  body.selfservice .layout-group-top hr,
  .redet.selfservice .layout-group-top hr {
    border-top: 1px solid #8455A1;
  }
}

@media screen and (min-width: 768px) {

  body.selfservice .layout-group-top .tab-navigation,
  .redet.selfservice .layout-group-top .tab-navigation {
    background-color: #F3EEF6;
  }
}

@media screen {

  body.selfservice .list.clickable:not(.headless),
  body.selfservice .list-group.clickable:not(.headless),
  .redet.selfservice .list.clickable:not(.headless),
  .redet.selfservice .list-group.clickable:not(.headless) {
    border-top: 2px solid #8455A1;
  }
}

@media screen and (min-width: 768px) {

  body.selfservice .tab-navigation[role=tablist].mobile-dropdown,
  .redet.selfservice .tab-navigation[role=tablist].mobile-dropdown {
    background-color: #F3EEF6;
  }

  body.selfservice .tab-navigation>li.active,
  body.selfservice .tab-navigation>li:hover,
  .redet.selfservice .tab-navigation>li.active,
  .redet.selfservice .tab-navigation>li:hover {
    background-color: #8455A1;
    color: white;
  }

  body.selfservice .tab-navigation>li.active a,
  body.selfservice .tab-navigation>li:hover a,
  .redet.selfservice .tab-navigation>li.active a,
  .redet.selfservice .tab-navigation>li:hover a {
    color: white;
  }

  body.selfservice .tab-navigation,
  .redet.selfservice .tab-navigation {
    border-color: #8455A1;
  }
}

@media screen {

  body.selfservice .page-header-custom .symbol,
  .redet.selfservice .page-header-custom .symbol {
    background: #8455A1;
  }
}

@media screen {

  body.selfservice .modal.themeout,
  .redet.selfservice .modal.themeout {
    background-color: #F3EEF6 !important;
  }

  body.selfservice .modal.themeout .modal-dialog .header-logo,
  .redet.selfservice .modal.themeout .modal-dialog .header-logo {
    border-color: #8455A1;
  }
}

@media screen {

  body.selfservice .react-grid-HeaderCell,
  body.selfservice .react-grid-Header,
  .redet.selfservice .react-grid-HeaderCell,
  .redet.selfservice .react-grid-Header {
    background-color: #F3EEF6;
  }
}

@media screen {

  body.selfservice .react-grid-HeaderRow,
  .redet.selfservice .react-grid-HeaderRow {
    background-color: #F3EEF6;
    border-left-color: #8455A1;
    color: white;
  }
}

@media screen {

  body.selfservice .tab-container,
  .redet.selfservice .tab-container {
    border-bottom: 4px solid #8455A1;
  }

  body.selfservice .tab-container .tab-navigation li,
  .redet.selfservice .tab-container .tab-navigation li {
    border-bottom: 4px solid #8455A1;
  }

  body.selfservice .tab-container .tab-navigation li.active,
  .redet.selfservice .tab-container .tab-navigation li.active {
    border-color: #8455A1;
  }

  body.selfservice .tab-container .tab-navigation li.active::before,
  .redet.selfservice .tab-container .tab-navigation li.active::before {
    background-color: #8455A1;
  }
}

@media screen {

  body.selfservice .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
  .redet.selfservice .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    border-bottom-color: #CEBBD9;
  }
}

@media screen {

  body.selfservice .react-datepicker__header,
  .redet.selfservice .react-datepicker__header {
    background-color: #CEBBD9;
  }
}

@media screen {

  body.selfservice .react-datepicker__current-month,
  body.selfservice .react-datepicker-time__header,
  body.selfservice .react-datepicker-year-header,
  .redet.selfservice .react-datepicker__current-month,
  .redet.selfservice .react-datepicker-time__header,
  .redet.selfservice .react-datepicker-year-header {
    color: black;
  }
}

@media screen {

  body.selfservice .react-datepicker__navigation--previous,
  .redet.selfservice .react-datepicker__navigation--previous {
    border-right-color: black;
  }

  body.selfservice .react-datepicker__navigation--previous:hover,
  .redet.selfservice .react-datepicker__navigation--previous:hover {
    border-right-color: #8455A1;
  }
}

@media screen {

  body.selfservice .react-datepicker__navigation--next,
  .redet.selfservice .react-datepicker__navigation--next {
    border-left-color: black;
  }

  body.selfservice .react-datepicker__navigation--next:hover,
  .redet.selfservice .react-datepicker__navigation--next:hover {
    border-left-color: #8455A1;
  }
}

@media screen {

  body.selfservice .side-panel,
  .redet.selfservice .side-panel {
    background: #F3EEF6;
  }

  body.selfservice .side-panel>.toolbar:first-of-type,
  body.selfservice .side-panel div.inert-container>.toolbar:first-of-type,
  .redet.selfservice .side-panel>.toolbar:first-of-type,
  .redet.selfservice .side-panel div.inert-container>.toolbar:first-of-type {
    background: #CEBBD9;
    color: black;
  }

  body.selfservice .side-panel .step-visualization:not(.next-step) li::after,
  .redet.selfservice .side-panel .step-visualization:not(.next-step) li::after {
    background: #F3EEF6;
  }

  body.selfservice .side-panel .step-visualization:not(.next-step) li::before,
  .redet.selfservice .side-panel .step-visualization:not(.next-step) li::before {
    border-left: 15px solid #F3EEF6;
  }

  body.selfservice .side-panel .layout-group-top,
  .redet.selfservice .side-panel .layout-group-top {
    background: #E6DDEC;
    color: black;
  }

  body.selfservice .side-panel.help .scrollable-content div.active,
  .redet.selfservice .side-panel.help .scrollable-content div.active {
    background: #E6DDEC;
    color: black;
  }
}

@media screen {

  body.selfservice .popover h3,
  body.selfservice .popover .layout-group-sub .h3,
  .layout-group-sub body.selfservice .popover .h3,
  body.selfservice .popover .layout-group-sub header,
  .layout-group-sub body.selfservice .popover header,
  body.selfservice .popover .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.selfservice .popover h3,
  body.selfservice .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.selfservice .popover .h3,
  body.selfservice .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.selfservice .popover header,
  body.selfservice .popover header.list-group-heading,
  .redet.selfservice .popover h3,
  .redet.selfservice .popover .layout-group-sub .h3,
  .layout-group-sub .redet.selfservice .popover .h3,
  .redet.selfservice .popover .layout-group-sub header,
  .layout-group-sub .redet.selfservice .popover header,
  .redet.selfservice .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.selfservice .popover .h3,
  .redet.selfservice .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.selfservice .popover header,
  .redet.selfservice .popover header.list-group-heading {
    color: black;
    background-color: #CEBBD9;
  }
}

@media screen {

  body.selfservice .checklist-panel h2,
  .layout-group-top body.selfservice .checklist-panel header,
  body.selfservice .checklist-panel .h2,
  body.selfservice .layout-group-top h2,
  body.selfservice .layout-group-top header,
  body.selfservice .layout-group-top .h2,
  body.selfservice .attention-group,
  .redet.selfservice .checklist-panel h2,
  .layout-group-top .redet.selfservice .checklist-panel header,
  .redet.selfservice .checklist-panel .h2,
  .redet.selfservice .layout-group-top h2,
  .redet.selfservice .layout-group-top header,
  .redet.selfservice .layout-group-top .h2,
  .redet.selfservice .attention-group {
    border-color: #8455A1;
    margin: 0 0 30px 0;
  }
}

@media screen {

  body.selfservice div:not(.snackbar) .message,
  .redet.selfservice div:not(.snackbar) .message {
    background: #E6DDEC;
  }

  body.selfservice div:not(.snackbar) .message::after,
  .redet.selfservice div:not(.snackbar) .message::after {
    color: #E6DDEC;
  }
}

@media screen {

  body.selfservice .floating-message-group:not(.error),
  .redet.selfservice .floating-message-group:not(.error) {
    border-color: #8455A1;
  }
}

@media screen {

  body.selfservice h3.underline,
  body.selfservice .layout-group-sub .underline.h3,
  .layout-group-sub body.selfservice .underline.h3,
  body.selfservice .layout-group-sub header.underline,
  .layout-group-sub body.selfservice header.underline,
  body.selfservice .list-group.sub-grouped .list-item h3.underline,
  .list-group.sub-grouped .list-item body.selfservice h3.underline,
  body.selfservice .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item body.selfservice .underline.h3,
  body.selfservice .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item body.selfservice header.underline,
  body.selfservice header.underline.list-group-heading,
  .redet.selfservice h3.underline,
  .redet.selfservice .layout-group-sub .underline.h3,
  .layout-group-sub .redet.selfservice .underline.h3,
  .redet.selfservice .layout-group-sub header.underline,
  .layout-group-sub .redet.selfservice header.underline,
  .redet.selfservice .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item .redet.selfservice .underline.h3,
  .redet.selfservice .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item .redet.selfservice header.underline,
  .redet.selfservice header.underline.list-group-heading {
    border-bottom: 4px solid #8455A1;
    padding: 0 0 10px 0;
    display: inline-block;
  }
}

@media screen {

  body.selfservice .progress-indicator .current-progress,
  .redet.selfservice .progress-indicator .current-progress {
    background: linear-gradient(to left, #CEBBD9, #E6DDEC);
  }
}

@media screen {

  body.selfservice .step-visualization,
  .redet.selfservice .step-visualization {
    margin-bottom: 15px;
  }
}

@media screen {

  body.selfservice .step-visualization:not(.next-step),
  .redet.selfservice .step-visualization:not(.next-step) {
    margin: 0 0 15px 0;
  }

  body.selfservice .step-visualization:not(.next-step) li,
  .redet.selfservice .step-visualization:not(.next-step) li {
    background: #CEBBD9;
  }

  body.selfservice .step-visualization:not(.next-step) li::before,
  .redet.selfservice .step-visualization:not(.next-step) li::before {
    border-top: 15px solid #CEBBD9;
    border-bottom: 15px solid #CEBBD9;
  }

  body.selfservice .step-visualization:not(.next-step) li::after,
  .redet.selfservice .step-visualization:not(.next-step) li::after {
    border-left: 15px solid #CEBBD9;
  }

  body.selfservice .step-visualization:not(.next-step) li.active,
  .redet.selfservice .step-visualization:not(.next-step) li.active {
    background: #8455A1;
    color: white;
  }

  body.selfservice .step-visualization:not(.next-step) li.active a,
  .redet.selfservice .step-visualization:not(.next-step) li.active a {
    color: white;
  }

  body.selfservice .step-visualization:not(.next-step) li.active::before,
  .redet.selfservice .step-visualization:not(.next-step) li.active::before {
    border-top: 15px solid #8455A1;
    border-bottom: 15px solid #8455A1;
  }

  body.selfservice .step-visualization:not(.next-step) li.active::after,
  .redet.selfservice .step-visualization:not(.next-step) li.active::after {
    border-left: 15px solid #8455A1;
  }
}

@media screen {

  body.selfservice .status-visualization,
  .redet.selfservice .status-visualization {
    margin: 0 0 15px 0;
  }
}

@media screen {

  body.selfservice .form-fieldset,
  .redet.selfservice .form-fieldset {
    margin: 0 0 30px 0;
  }

  body.selfservice .form-fieldset legend,
  .redet.selfservice .form-fieldset legend {
    border-color: #8455A1;
  }
}

@media screen {

  body.selfservice .table-grid,
  .redet.selfservice .table-grid {
    margin: 0 0 30px 0;
  }

  body.selfservice .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  body.selfservice .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed),
  .redet.selfservice .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  .redet.selfservice .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed) {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
  }

  body.selfservice .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  body.selfservice .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after,
  .redet.selfservice .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  .redet.selfservice .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 6px solid rgba(0, 0, 0, 0.1);
  }
}

@media screen {

  body.selfservice mark,
  .redet.selfservice mark {
    background: #8455A1;
    color: white;
  }
}

@media screen {

  body.selfservice .list-group:not(.sub-grouped)::before,
  .redet.selfservice .list-group:not(.sub-grouped)::before {
    border-top-color: #8455A1;
  }

  body.selfservice .list-group .list-item.attention,
  .redet.selfservice .list-group .list-item.attention {
    background-color: #F3EEF6;
    outline: 2px dashed #8455A1;
    position: relative;
    top: -2px;
  }

  body.selfservice .list-group .list-item:nth-child(even).attention,
  .redet.selfservice .list-group .list-item:nth-child(even).attention {
    background-color: #e7dded;
  }
}

@media screen {

  body.selfservice .panel-group:not(.blind),
  .redet.selfservice .panel-group:not(.blind) {
    background-color: #F3EEF6;
    color: black;
  }
}

@media screen {

  body.selfservice .layout-group-sub:not(.unthemed),
  .redet.selfservice .layout-group-sub:not(.unthemed) {
    color: black;
  }

  body.selfservice .layout-group-sub:not(.unthemed) mark,
  .redet.selfservice .layout-group-sub:not(.unthemed) mark {
    background: white;
    color: black;
  }

  body.selfservice .layout-group-sub:not(.unthemed) a,
  .redet.selfservice .layout-group-sub:not(.unthemed) a {
    color: black;
  }

  body.selfservice .layout-group-sub:not(.unthemed) a:hover,
  .redet.selfservice .layout-group-sub:not(.unthemed) a:hover {
    color: black;
  }

  body.selfservice .layout-group-sub:not(.unthemed).clickable:hover,
  .redet.selfservice .layout-group-sub:not(.unthemed).clickable:hover {
    background-color: #F3EEF6;
  }

  body.selfservice .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content,
  .redet.selfservice .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content {
    background-color: #dbcde4;
  }

  body.selfservice .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after,
  .redet.selfservice .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after {
    width: 100%;
  }

  body.selfservice .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active),
  .redet.selfservice .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active) {
    background-color: #dbcde4;
  }
}

@media screen {

  body.selfservice .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  body.selfservice .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  body.selfservice .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover,
  .redet.selfservice .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  .redet.selfservice .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  .redet.selfservice .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover {
    border-color: #8455A1;
  }

  body.selfservice .page-navigation .toolbar.tabs .button-tile.active,
  body.selfservice .page-navigation-compact .toolbar.tabs .button-tile.active,
  body.selfservice .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.selfservice .page-navigation .toolbar.tabs .button-tile.active,
  .redet.selfservice .page-navigation-compact .toolbar.tabs .button-tile.active,
  .redet.selfservice .page-navigation-alt .toolbar.tabs .button-tile.active {
    border-color: #8455A1;
  }
}

@media screen {

  body.selfservice .list:not(.headless),
  .redet.selfservice .list:not(.headless) {
    border-top-color: #8455A1;
  }
}

@media screen {

  body.selfservice .list.clickable .content.active,
  body.selfservice .list.clickable .content.active:hover,
  .redet.selfservice .list.clickable .content.active,
  .redet.selfservice .list.clickable .content.active:hover {
    background: #8455A1;
  }

  body.selfservice .list.clickable .content:not(.active):hover,
  .redet.selfservice .list.clickable .content:not(.active):hover {
    background-color: #F3EEF6;
  }
}

@media screen {

  body.selfservice .list-group.lined-list .list-item .actions,
  .redet.selfservice .list-group.lined-list .list-item .actions {
    border-color: #CEBBD9;
  }

  body.selfservice .list-group.lined-list .list-item .content,
  .redet.selfservice .list-group.lined-list .list-item .content {
    border-color: #CEBBD9;
  }

  body.selfservice .list-group.sub-grouped .list-item,
  .redet.selfservice .list-group.sub-grouped .list-item {
    border-color: #CEBBD9;
    background: #F3EEF6;
  }

  body.selfservice .list-group.clickable .list-item.active,
  body.selfservice .list-group.clickable .list-item.active:hover,
  .redet.selfservice .list-group.clickable .list-item.active,
  .redet.selfservice .list-group.clickable .list-item.active:hover {
    background: #8455A1;
  }

  body.selfservice .list-group.clickable .list-item:not(.active):hover,
  .redet.selfservice .list-group.clickable .list-item:not(.active):hover {
    background-color: #F3EEF6;
  }
}

@media screen {

  body.selfservice .page-header-symbol figure,
  .redet.selfservice .page-header-symbol figure {
    background-color: #8455A1;
  }
}

@media screen {

  body.selfservice .page-header p a:focus-visible,
  .redet.selfservice .page-header p a:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }
}

@media screen {

  body.selfservice .page-header,
  .redet.selfservice .page-header {
    position: relative;
  }

  body.selfservice .page-header .toolbar .button-group,
  .redet.selfservice .page-header .toolbar .button-group {
    width: 100%;
    justify-content: space-between;
  }

  body.selfservice .page-header .toolbar .container,
  .redet.selfservice .page-header .toolbar .container {
    background-color: #F3EEF6;
    color: black;
  }

  body.selfservice .page-header::after,
  .redet.selfservice .page-header::after {
    width: 110px;
    height: 110px;
    background: #8455A1 url(prerequisites/lm-icons/selfservice.svg) no-repeat 50% 50%;
    background-size: 70px 70px;
    border-radius: 55px;
    position: absolute;
    left: 50%;
    display: block;
    content: "";
    margin: 0 0 -55px -55px;
    bottom: 0;
    outline: 5px solid white;
  }
}

@media screen and (max-width: 767px) {

  body.selfservice .page-header::after,
  .redet.selfservice .page-header::after {
    width: 50px;
    height: 50px;
    background-size: 30px 30px !important;
    margin: 0 0 -25px -25px;
  }
}

@media screen {

  body.selfservice .layout-group-sub:not(.unthemed) .table-grid th,
  .redet.selfservice .layout-group-sub:not(.unthemed) .table-grid th {
    border-bottom: 2px solid #CEBBD9;
  }

  body.selfservice .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even),
  .redet.selfservice .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.05);
  }
}

@media screen {

  body.selfservice .button-icon.pin.button-icon .icon-placeholder,
  .redet.selfservice .button-icon.pin.button-icon .icon-placeholder {
    margin: -2px 0 0 1px !important;
  }

  body.selfservice .button-icon.pin .icon-placeholder,
  .redet.selfservice .button-icon.pin .icon-placeholder {
    background: url(prerequisites/lm-icons/pin_button.svg) 50% 50% no-repeat;
    background-size: 20px 20px !important;
  }
}

@media screen {

  body.pro .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.pro .page-navigation-alt .toolbar.tabs .button-tile.active {
    background-color: transparent;
    color: black !important;
    font-weight: bold;
  }
}

@media screen {

  body.career h2,
  body.career .h2,
  body.career header,
  body.career h3,
  body.career .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.career h3,
  body.career .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.career .h3,
  body.career .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.career header,
  body.career .h3,
  .redet.career h2,
  .redet.career .h2,
  .redet.career header,
  .redet.career h3,
  .redet.career .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .redet.career h3,
  .redet.career .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.career .h3,
  .redet.career .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.career header,
  .redet.career .h3 {
    border-bottom-color: #C64D07 !important;
  }

  body.career .layout-group-top,
  .redet.career .layout-group-top {
    background-color: #f9ede6;
  }

  body.career .layout-group-top hr,
  .redet.career .layout-group-top hr {
    border-top: 1px solid #C64D07;
  }
}

@media screen and (min-width: 768px) {

  body.career .layout-group-top .tab-navigation,
  .redet.career .layout-group-top .tab-navigation {
    background-color: #f9ede6;
  }
}

@media screen {

  body.career .list.clickable:not(.headless),
  body.career .list-group.clickable:not(.headless),
  .redet.career .list.clickable:not(.headless),
  .redet.career .list-group.clickable:not(.headless) {
    border-top: 2px solid #C64D07;
  }
}

@media screen and (min-width: 768px) {

  body.career .tab-navigation[role=tablist].mobile-dropdown,
  .redet.career .tab-navigation[role=tablist].mobile-dropdown {
    background-color: #f9ede6;
  }

  body.career .tab-navigation>li.active,
  body.career .tab-navigation>li:hover,
  .redet.career .tab-navigation>li.active,
  .redet.career .tab-navigation>li:hover {
    background-color: #C64D07;
    color: white;
  }

  body.career .tab-navigation>li.active a,
  body.career .tab-navigation>li:hover a,
  .redet.career .tab-navigation>li.active a,
  .redet.career .tab-navigation>li:hover a {
    color: white;
  }

  body.career .tab-navigation,
  .redet.career .tab-navigation {
    border-color: #C64D07;
  }
}

@media screen {

  body.career .page-header-custom .symbol,
  .redet.career .page-header-custom .symbol {
    background: #C64D07;
  }
}

@media screen {

  body.career .modal.themeout,
  .redet.career .modal.themeout {
    background-color: #f9ede6 !important;
  }

  body.career .modal.themeout .modal-dialog .header-logo,
  .redet.career .modal.themeout .modal-dialog .header-logo {
    border-color: #C64D07;
  }
}

@media screen {

  body.career .react-grid-HeaderCell,
  body.career .react-grid-Header,
  .redet.career .react-grid-HeaderCell,
  .redet.career .react-grid-Header {
    background-color: #f9ede6;
  }
}

@media screen {

  body.career .react-grid-HeaderRow,
  .redet.career .react-grid-HeaderRow {
    background-color: #f9ede6;
    border-left-color: #C64D07;
    color: white;
  }
}

@media screen {

  body.career .tab-container,
  .redet.career .tab-container {
    border-bottom: 4px solid #C64D07;
  }

  body.career .tab-container .tab-navigation li,
  .redet.career .tab-container .tab-navigation li {
    border-bottom: 4px solid #C64D07;
  }

  body.career .tab-container .tab-navigation li.active,
  .redet.career .tab-container .tab-navigation li.active {
    border-color: #C64D07;
  }

  body.career .tab-container .tab-navigation li.active::before,
  .redet.career .tab-container .tab-navigation li.active::before {
    background-color: #C64D07;
  }
}

@media screen {

  body.career .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
  .redet.career .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    border-bottom-color: #dd946a;
  }
}

@media screen {

  body.career .react-datepicker__header,
  .redet.career .react-datepicker__header {
    background-color: #dd946a;
  }
}

@media screen {

  body.career .react-datepicker__current-month,
  body.career .react-datepicker-time__header,
  body.career .react-datepicker-year-header,
  .redet.career .react-datepicker__current-month,
  .redet.career .react-datepicker-time__header,
  .redet.career .react-datepicker-year-header {
    color: black;
  }
}

@media screen {

  body.career .react-datepicker__navigation--previous,
  .redet.career .react-datepicker__navigation--previous {
    border-right-color: black;
  }

  body.career .react-datepicker__navigation--previous:hover,
  .redet.career .react-datepicker__navigation--previous:hover {
    border-right-color: #C64D07;
  }
}

@media screen {

  body.career .react-datepicker__navigation--next,
  .redet.career .react-datepicker__navigation--next {
    border-left-color: black;
  }

  body.career .react-datepicker__navigation--next:hover,
  .redet.career .react-datepicker__navigation--next:hover {
    border-left-color: #C64D07;
  }
}

@media screen {

  body.career .side-panel,
  .redet.career .side-panel {
    background: #f9ede6;
  }

  body.career .side-panel>.toolbar:first-of-type,
  body.career .side-panel div.inert-container>.toolbar:first-of-type,
  .redet.career .side-panel>.toolbar:first-of-type,
  .redet.career .side-panel div.inert-container>.toolbar:first-of-type {
    background: #dd946a;
    color: black;
  }

  body.career .side-panel .step-visualization:not(.next-step) li::after,
  .redet.career .side-panel .step-visualization:not(.next-step) li::after {
    background: #f9ede6;
  }

  body.career .side-panel .step-visualization:not(.next-step) li::before,
  .redet.career .side-panel .step-visualization:not(.next-step) li::before {
    border-left: 15px solid #f9ede6;
  }

  body.career .side-panel .layout-group-top,
  .redet.career .side-panel .layout-group-top {
    background: #f4dbcd;
    color: black;
  }

  body.career .side-panel.help .scrollable-content div.active,
  .redet.career .side-panel.help .scrollable-content div.active {
    background: #f4dbcd;
    color: black;
  }
}

@media screen {

  body.career .popover h3,
  body.career .popover .layout-group-sub .h3,
  .layout-group-sub body.career .popover .h3,
  body.career .popover .layout-group-sub header,
  .layout-group-sub body.career .popover header,
  body.career .popover .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.career .popover h3,
  body.career .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.career .popover .h3,
  body.career .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.career .popover header,
  body.career .popover header.list-group-heading,
  .redet.career .popover h3,
  .redet.career .popover .layout-group-sub .h3,
  .layout-group-sub .redet.career .popover .h3,
  .redet.career .popover .layout-group-sub header,
  .layout-group-sub .redet.career .popover header,
  .redet.career .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.career .popover .h3,
  .redet.career .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.career .popover header,
  .redet.career .popover header.list-group-heading {
    color: black;
    background-color: #dd946a;
  }
}

@media screen {

  body.career .checklist-panel h2,
  .layout-group-top body.career .checklist-panel header,
  body.career .checklist-panel .h2,
  body.career .layout-group-top h2,
  body.career .layout-group-top header,
  body.career .layout-group-top .h2,
  body.career .attention-group,
  .redet.career .checklist-panel h2,
  .layout-group-top .redet.career .checklist-panel header,
  .redet.career .checklist-panel .h2,
  .redet.career .layout-group-top h2,
  .redet.career .layout-group-top header,
  .redet.career .layout-group-top .h2,
  .redet.career .attention-group {
    border-color: #C64D07;
    margin: 0 0 30px 0;
  }
}

@media screen {

  body.career div:not(.snackbar) .message,
  .redet.career div:not(.snackbar) .message {
    background: #f4dbcd;
  }

  body.career div:not(.snackbar) .message::after,
  .redet.career div:not(.snackbar) .message::after {
    color: #f4dbcd;
  }
}

@media screen {

  body.career .floating-message-group:not(.error),
  .redet.career .floating-message-group:not(.error) {
    border-color: #C64D07;
  }
}

@media screen {

  body.career h3.underline,
  body.career .layout-group-sub .underline.h3,
  .layout-group-sub body.career .underline.h3,
  body.career .layout-group-sub header.underline,
  .layout-group-sub body.career header.underline,
  body.career .list-group.sub-grouped .list-item h3.underline,
  .list-group.sub-grouped .list-item body.career h3.underline,
  body.career .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item body.career .underline.h3,
  body.career .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item body.career header.underline,
  body.career header.underline.list-group-heading,
  .redet.career h3.underline,
  .redet.career .layout-group-sub .underline.h3,
  .layout-group-sub .redet.career .underline.h3,
  .redet.career .layout-group-sub header.underline,
  .layout-group-sub .redet.career header.underline,
  .redet.career .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item .redet.career .underline.h3,
  .redet.career .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item .redet.career header.underline,
  .redet.career header.underline.list-group-heading {
    border-bottom: 4px solid #C64D07;
    padding: 0 0 10px 0;
    display: inline-block;
  }
}

@media screen {

  body.career .progress-indicator .current-progress,
  .redet.career .progress-indicator .current-progress {
    background: linear-gradient(to left, #dd946a, #f4dbcd);
  }
}

@media screen {

  body.career .step-visualization,
  .redet.career .step-visualization {
    margin-bottom: 15px;
  }
}

@media screen {

  body.career .step-visualization:not(.next-step),
  .redet.career .step-visualization:not(.next-step) {
    margin: 0 0 15px 0;
  }

  body.career .step-visualization:not(.next-step) li,
  .redet.career .step-visualization:not(.next-step) li {
    background: #dd946a;
  }

  body.career .step-visualization:not(.next-step) li::before,
  .redet.career .step-visualization:not(.next-step) li::before {
    border-top: 15px solid #dd946a;
    border-bottom: 15px solid #dd946a;
  }

  body.career .step-visualization:not(.next-step) li::after,
  .redet.career .step-visualization:not(.next-step) li::after {
    border-left: 15px solid #dd946a;
  }

  body.career .step-visualization:not(.next-step) li.active,
  .redet.career .step-visualization:not(.next-step) li.active {
    background: #C64D07;
    color: white;
  }

  body.career .step-visualization:not(.next-step) li.active a,
  .redet.career .step-visualization:not(.next-step) li.active a {
    color: white;
  }

  body.career .step-visualization:not(.next-step) li.active::before,
  .redet.career .step-visualization:not(.next-step) li.active::before {
    border-top: 15px solid #C64D07;
    border-bottom: 15px solid #C64D07;
  }

  body.career .step-visualization:not(.next-step) li.active::after,
  .redet.career .step-visualization:not(.next-step) li.active::after {
    border-left: 15px solid #C64D07;
  }
}

@media screen {

  body.career .status-visualization,
  .redet.career .status-visualization {
    margin: 0 0 15px 0;
  }
}

@media screen {

  body.career .form-fieldset,
  .redet.career .form-fieldset {
    margin: 0 0 30px 0;
  }

  body.career .form-fieldset legend,
  .redet.career .form-fieldset legend {
    border-color: #C64D07;
  }
}

@media screen {

  body.career .table-grid,
  .redet.career .table-grid {
    margin: 0 0 30px 0;
  }

  body.career .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  body.career .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed),
  .redet.career .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  .redet.career .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed) {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
  }

  body.career .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  body.career .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after,
  .redet.career .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  .redet.career .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 6px solid rgba(0, 0, 0, 0.1);
  }
}

@media screen {

  body.career mark,
  .redet.career mark {
    background: #C64D07;
    color: white;
  }
}

@media screen {

  body.career .list-group:not(.sub-grouped)::before,
  .redet.career .list-group:not(.sub-grouped)::before {
    border-top-color: #C64D07;
  }

  body.career .list-group .list-item.attention,
  .redet.career .list-group .list-item.attention {
    background-color: #f9ede6;
    outline: 2px dashed #C64D07;
    position: relative;
    top: -2px;
  }

  body.career .list-group .list-item:nth-child(even).attention,
  .redet.career .list-group .list-item:nth-child(even).attention {
    background-color: #f4ded1;
  }
}

@media screen {

  body.career .panel-group:not(.blind),
  .redet.career .panel-group:not(.blind) {
    background-color: #f9ede6;
    color: black;
  }
}

@media screen {

  body.career .layout-group-sub:not(.unthemed),
  .redet.career .layout-group-sub:not(.unthemed) {
    color: black;
  }

  body.career .layout-group-sub:not(.unthemed) mark,
  .redet.career .layout-group-sub:not(.unthemed) mark {
    background: white;
    color: black;
  }

  body.career .layout-group-sub:not(.unthemed) a,
  .redet.career .layout-group-sub:not(.unthemed) a {
    color: black;
  }

  body.career .layout-group-sub:not(.unthemed) a:hover,
  .redet.career .layout-group-sub:not(.unthemed) a:hover {
    color: black;
  }

  body.career .layout-group-sub:not(.unthemed).clickable:hover,
  .redet.career .layout-group-sub:not(.unthemed).clickable:hover {
    background-color: #f9ede6;
  }

  body.career .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content,
  .redet.career .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content {
    background-color: #efcfbd;
  }

  body.career .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after,
  .redet.career .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after {
    width: 100%;
  }

  body.career .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active),
  .redet.career .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active) {
    background-color: #efcfbd;
  }
}

@media screen {

  body.career .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  body.career .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  body.career .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover,
  .redet.career .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  .redet.career .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  .redet.career .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover {
    border-color: #C64D07;
  }

  body.career .page-navigation .toolbar.tabs .button-tile.active,
  body.career .page-navigation-compact .toolbar.tabs .button-tile.active,
  body.career .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.career .page-navigation .toolbar.tabs .button-tile.active,
  .redet.career .page-navigation-compact .toolbar.tabs .button-tile.active,
  .redet.career .page-navigation-alt .toolbar.tabs .button-tile.active {
    border-color: #C64D07;
  }
}

@media screen {

  body.career .list:not(.headless),
  .redet.career .list:not(.headless) {
    border-top-color: #C64D07;
  }
}

@media screen {

  body.career .list.clickable .content.active,
  body.career .list.clickable .content.active:hover,
  .redet.career .list.clickable .content.active,
  .redet.career .list.clickable .content.active:hover {
    background: #C64D07;
  }

  body.career .list.clickable .content:not(.active):hover,
  .redet.career .list.clickable .content:not(.active):hover {
    background-color: #f9ede6;
  }
}

@media screen {

  body.career .list-group.lined-list .list-item .actions,
  .redet.career .list-group.lined-list .list-item .actions {
    border-color: #dd946a;
  }

  body.career .list-group.lined-list .list-item .content,
  .redet.career .list-group.lined-list .list-item .content {
    border-color: #dd946a;
  }

  body.career .list-group.sub-grouped .list-item,
  .redet.career .list-group.sub-grouped .list-item {
    border-color: #dd946a;
    background: #f9ede6;
  }

  body.career .list-group.clickable .list-item.active,
  body.career .list-group.clickable .list-item.active:hover,
  .redet.career .list-group.clickable .list-item.active,
  .redet.career .list-group.clickable .list-item.active:hover {
    background: #C64D07;
  }

  body.career .list-group.clickable .list-item:not(.active):hover,
  .redet.career .list-group.clickable .list-item:not(.active):hover {
    background-color: #f9ede6;
  }
}

@media screen {

  body.career .page-header-symbol figure,
  .redet.career .page-header-symbol figure {
    background-color: #C64D07;
  }
}

@media screen {

  body.career .page-header p a:focus-visible,
  .redet.career .page-header p a:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }
}

@media screen {

  body.career .page-header,
  .redet.career .page-header {
    position: relative;
  }

  body.career .page-header .toolbar .button-group,
  .redet.career .page-header .toolbar .button-group {
    width: 100%;
    justify-content: space-between;
  }

  body.career .page-header .toolbar .container,
  .redet.career .page-header .toolbar .container {
    background-color: #f9ede6;
    color: black;
  }

  body.career .page-header::after,
  .redet.career .page-header::after {
    width: 110px;
    height: 110px;
    background: #C64D07 url(prerequisites/lm-icons/career.svg) no-repeat 50% 50%;
    background-size: 70px 70px;
    border-radius: 55px;
    position: absolute;
    left: 50%;
    display: block;
    content: "";
    margin: 0 0 -55px -55px;
    bottom: 0;
    outline: 5px solid white;
  }
}

@media screen and (max-width: 767px) {

  body.career .page-header::after,
  .redet.career .page-header::after {
    width: 50px;
    height: 50px;
    background-size: 30px 30px !important;
    margin: 0 0 -25px -25px;
  }
}

@media screen {

  body.career .layout-group-sub:not(.unthemed) .table-grid th,
  .redet.career .layout-group-sub:not(.unthemed) .table-grid th {
    border-bottom: 2px solid #dd946a;
  }

  body.career .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even),
  .redet.career .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.05);
  }
}

@media screen {

  body.career .button-icon.pin.button-icon .icon-placeholder,
  .redet.career .button-icon.pin.button-icon .icon-placeholder {
    margin: -2px 0 0 1px !important;
  }

  body.career .button-icon.pin .icon-placeholder,
  .redet.career .button-icon.pin .icon-placeholder {
    background: url(prerequisites/lm-icons/pin_button.svg) 50% 50% no-repeat;
    background-size: 20px 20px !important;
  }
}

@media screen {

  body.pro .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.pro .page-navigation-alt .toolbar.tabs .button-tile.active {
    background-color: transparent;
    color: black !important;
    font-weight: bold;
  }
}

@media screen {

  body.news h2,
  body.news .h2,
  body.news header,
  body.news h3,
  body.news .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.news h3,
  body.news .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.news .h3,
  body.news .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.news header,
  body.news .h3,
  .redet.news h2,
  .redet.news .h2,
  .redet.news header,
  .redet.news h3,
  .redet.news .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .redet.news h3,
  .redet.news .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.news .h3,
  .redet.news .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.news header,
  .redet.news .h3 {
    border-bottom-color: #F9D91C !important;
  }

  body.news .layout-group-top,
  .redet.news .layout-group-top {
    background-color: #fefbe8;
  }

  body.news .layout-group-top hr,
  .redet.news .layout-group-top hr {
    border-top: 1px solid #F9D91C;
  }
}

@media screen and (min-width: 768px) {

  body.news .layout-group-top .tab-navigation,
  .redet.news .layout-group-top .tab-navigation {
    background-color: #fefbe8;
  }
}

@media screen {

  body.news .list.clickable:not(.headless),
  body.news .list-group.clickable:not(.headless),
  .redet.news .list.clickable:not(.headless),
  .redet.news .list-group.clickable:not(.headless) {
    border-top: 2px solid #333333;
  }
}

@media screen and (min-width: 768px) {

  body.news .tab-navigation[role=tablist].mobile-dropdown,
  .redet.news .tab-navigation[role=tablist].mobile-dropdown {
    background-color: #fefbe8;
  }

  body.news .tab-navigation>li.active,
  body.news .tab-navigation>li:hover,
  .redet.news .tab-navigation>li.active,
  .redet.news .tab-navigation>li:hover {
    background-color: #333333;
    color: white;
  }

  body.news .tab-navigation>li.active a,
  body.news .tab-navigation>li:hover a,
  .redet.news .tab-navigation>li.active a,
  .redet.news .tab-navigation>li:hover a {
    color: white;
  }

  body.news .tab-navigation,
  .redet.news .tab-navigation {
    border-color: #333333;
  }
}

@media screen {

  body.news .page-header-custom .symbol,
  .redet.news .page-header-custom .symbol {
    background: #F9D91C;
  }
}

@media screen {

  body.news .modal.themeout,
  .redet.news .modal.themeout {
    background-color: #fefbe8 !important;
  }

  body.news .modal.themeout .modal-dialog .header-logo,
  .redet.news .modal.themeout .modal-dialog .header-logo {
    border-color: #F9D91C;
  }
}

@media screen {

  body.news .react-grid-HeaderCell,
  body.news .react-grid-Header,
  .redet.news .react-grid-HeaderCell,
  .redet.news .react-grid-Header {
    background-color: #fefbe8;
  }
}

@media screen {

  body.news .react-grid-HeaderRow,
  .redet.news .react-grid-HeaderRow {
    background-color: #fefbe8;
    border-left-color: #F9D91C;
    color: black;
  }
}

@media screen {

  body.news .tab-container,
  .redet.news .tab-container {
    border-bottom: 4px solid #F9D91C;
  }

  body.news .tab-container .tab-navigation li,
  .redet.news .tab-container .tab-navigation li {
    border-bottom: 4px solid #F9D91C;
  }

  body.news .tab-container .tab-navigation li.active,
  .redet.news .tab-container .tab-navigation li.active {
    border-color: #F9D91C;
  }

  body.news .tab-container .tab-navigation li.active::before,
  .redet.news .tab-container .tab-navigation li.active::before {
    background-color: #F9D91C;
  }
}

@media screen {

  body.news .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
  .redet.news .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    border-bottom-color: #fdf0a4;
  }
}

@media screen {

  body.news .react-datepicker__header,
  .redet.news .react-datepicker__header {
    background-color: #fdf0a4;
  }
}

@media screen {

  body.news .react-datepicker__current-month,
  body.news .react-datepicker-time__header,
  body.news .react-datepicker-year-header,
  .redet.news .react-datepicker__current-month,
  .redet.news .react-datepicker-time__header,
  .redet.news .react-datepicker-year-header {
    color: black;
  }
}

@media screen {

  body.news .react-datepicker__navigation--previous,
  .redet.news .react-datepicker__navigation--previous {
    border-right-color: black;
  }

  body.news .react-datepicker__navigation--previous:hover,
  .redet.news .react-datepicker__navigation--previous:hover {
    border-right-color: #F9D91C;
  }
}

@media screen {

  body.news .react-datepicker__navigation--next,
  .redet.news .react-datepicker__navigation--next {
    border-left-color: black;
  }

  body.news .react-datepicker__navigation--next:hover,
  .redet.news .react-datepicker__navigation--next:hover {
    border-left-color: #F9D91C;
  }
}

@media screen {

  body.news .side-panel,
  .redet.news .side-panel {
    background: #fefbe8;
  }

  body.news .side-panel>.toolbar:first-of-type,
  body.news .side-panel div.inert-container>.toolbar:first-of-type,
  .redet.news .side-panel>.toolbar:first-of-type,
  .redet.news .side-panel div.inert-container>.toolbar:first-of-type {
    background: #fdf0a4;
    color: black;
  }

  body.news .side-panel .step-visualization:not(.next-step) li::after,
  .redet.news .side-panel .step-visualization:not(.next-step) li::after {
    background: #fefbe8;
  }

  body.news .side-panel .step-visualization:not(.next-step) li::before,
  .redet.news .side-panel .step-visualization:not(.next-step) li::before {
    border-left: 15px solid #fefbe8;
  }

  body.news .side-panel .layout-group-top,
  .redet.news .side-panel .layout-group-top {
    background: #fef7d2;
    color: black;
  }

  body.news .side-panel.help .scrollable-content div.active,
  .redet.news .side-panel.help .scrollable-content div.active {
    background: #fef7d2;
    color: black;
  }
}

@media screen {

  body.news .popover h3,
  body.news .popover .layout-group-sub .h3,
  .layout-group-sub body.news .popover .h3,
  body.news .popover .layout-group-sub header,
  .layout-group-sub body.news .popover header,
  body.news .popover .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.news .popover h3,
  body.news .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.news .popover .h3,
  body.news .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.news .popover header,
  body.news .popover header.list-group-heading,
  .redet.news .popover h3,
  .redet.news .popover .layout-group-sub .h3,
  .layout-group-sub .redet.news .popover .h3,
  .redet.news .popover .layout-group-sub header,
  .layout-group-sub .redet.news .popover header,
  .redet.news .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.news .popover .h3,
  .redet.news .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.news .popover header,
  .redet.news .popover header.list-group-heading {
    color: black;
    background-color: #fdf0a4;
  }
}

@media screen {

  body.news .checklist-panel h2,
  .layout-group-top body.news .checklist-panel header,
  body.news .checklist-panel .h2,
  body.news .layout-group-top h2,
  body.news .layout-group-top header,
  body.news .layout-group-top .h2,
  body.news .attention-group,
  .redet.news .checklist-panel h2,
  .layout-group-top .redet.news .checklist-panel header,
  .redet.news .checklist-panel .h2,
  .redet.news .layout-group-top h2,
  .redet.news .layout-group-top header,
  .redet.news .layout-group-top .h2,
  .redet.news .attention-group {
    border-color: #F9D91C;
    margin: 0 0 30px 0;
  }
}

@media screen {

  body.news div:not(.snackbar) .message,
  .redet.news div:not(.snackbar) .message {
    background: #fef7d2;
  }

  body.news div:not(.snackbar) .message::after,
  .redet.news div:not(.snackbar) .message::after {
    color: #fef7d2;
  }
}

@media screen {

  body.news .floating-message-group:not(.error),
  .redet.news .floating-message-group:not(.error) {
    border-color: #F9D91C;
  }
}

@media screen {

  body.news h3.underline,
  body.news .layout-group-sub .underline.h3,
  .layout-group-sub body.news .underline.h3,
  body.news .layout-group-sub header.underline,
  .layout-group-sub body.news header.underline,
  body.news .list-group.sub-grouped .list-item h3.underline,
  .list-group.sub-grouped .list-item body.news h3.underline,
  body.news .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item body.news .underline.h3,
  body.news .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item body.news header.underline,
  body.news header.underline.list-group-heading,
  .redet.news h3.underline,
  .redet.news .layout-group-sub .underline.h3,
  .layout-group-sub .redet.news .underline.h3,
  .redet.news .layout-group-sub header.underline,
  .layout-group-sub .redet.news header.underline,
  .redet.news .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item .redet.news .underline.h3,
  .redet.news .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item .redet.news header.underline,
  .redet.news header.underline.list-group-heading {
    border-bottom: 4px solid #F9D91C;
    padding: 0 0 10px 0;
    display: inline-block;
  }
}

@media screen {

  body.news .progress-indicator .current-progress,
  .redet.news .progress-indicator .current-progress {
    background: linear-gradient(to left, #fdf0a4, #fef7d2);
  }
}

@media screen {

  body.news .step-visualization,
  .redet.news .step-visualization {
    margin-bottom: 15px;
  }
}

@media screen {

  body.news .step-visualization:not(.next-step),
  .redet.news .step-visualization:not(.next-step) {
    margin: 0 0 15px 0;
  }

  body.news .step-visualization:not(.next-step) li,
  .redet.news .step-visualization:not(.next-step) li {
    background: #fdf0a4;
  }

  body.news .step-visualization:not(.next-step) li::before,
  .redet.news .step-visualization:not(.next-step) li::before {
    border-top: 15px solid #fdf0a4;
    border-bottom: 15px solid #fdf0a4;
  }

  body.news .step-visualization:not(.next-step) li::after,
  .redet.news .step-visualization:not(.next-step) li::after {
    border-left: 15px solid #fdf0a4;
  }

  body.news .step-visualization:not(.next-step) li.active,
  .redet.news .step-visualization:not(.next-step) li.active {
    background: #333333;
    color: white;
  }

  body.news .step-visualization:not(.next-step) li.active a,
  .redet.news .step-visualization:not(.next-step) li.active a {
    color: white;
  }

  body.news .step-visualization:not(.next-step) li.active::before,
  .redet.news .step-visualization:not(.next-step) li.active::before {
    border-top: 15px solid #333333;
    border-bottom: 15px solid #333333;
  }

  body.news .step-visualization:not(.next-step) li.active::after,
  .redet.news .step-visualization:not(.next-step) li.active::after {
    border-left: 15px solid #333333;
  }
}

@media screen {

  body.news .status-visualization,
  .redet.news .status-visualization {
    margin: 0 0 15px 0;
  }
}

@media screen {

  body.news .form-fieldset,
  .redet.news .form-fieldset {
    margin: 0 0 30px 0;
  }

  body.news .form-fieldset legend,
  .redet.news .form-fieldset legend {
    border-color: #F9D91C;
  }
}

@media screen {

  body.news .table-grid,
  .redet.news .table-grid {
    margin: 0 0 30px 0;
  }

  body.news .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  body.news .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed),
  .redet.news .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  .redet.news .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed) {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
  }

  body.news .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  body.news .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after,
  .redet.news .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  .redet.news .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 6px solid rgba(0, 0, 0, 0.1);
  }
}

@media screen {

  body.news mark,
  .redet.news mark {
    background: #F9D91C;
    color: black;
  }
}

@media screen {

  body.news .list-group:not(.sub-grouped)::before,
  .redet.news .list-group:not(.sub-grouped)::before {
    border-top-color: #F9D91C;
  }

  body.news .list-group .list-item.attention,
  .redet.news .list-group .list-item.attention {
    background-color: #fefbe8;
    outline: 2px dashed #F9D91C;
    position: relative;
    top: -2px;
  }

  body.news .list-group .list-item:nth-child(even).attention,
  .redet.news .list-group .list-item:nth-child(even).attention {
    background-color: #fdf7d0;
  }
}

@media screen {

  body.news .panel-group:not(.blind),
  .redet.news .panel-group:not(.blind) {
    background-color: #fefbe8;
    color: black;
  }
}

@media screen {

  body.news .layout-group-sub:not(.unthemed),
  .redet.news .layout-group-sub:not(.unthemed) {
    color: black;
  }

  body.news .layout-group-sub:not(.unthemed) mark,
  .redet.news .layout-group-sub:not(.unthemed) mark {
    background: white;
    color: black;
  }

  body.news .layout-group-sub:not(.unthemed) a,
  .redet.news .layout-group-sub:not(.unthemed) a {
    color: black;
  }

  body.news .layout-group-sub:not(.unthemed) a:hover,
  .redet.news .layout-group-sub:not(.unthemed) a:hover {
    color: black;
  }

  body.news .layout-group-sub:not(.unthemed).clickable:hover,
  .redet.news .layout-group-sub:not(.unthemed).clickable:hover {
    background-color: #fefbe8;
  }

  body.news .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content,
  .redet.news .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content {
    background-color: #fcf3b7;
  }

  body.news .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after,
  .redet.news .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after {
    width: 100%;
  }

  body.news .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active),
  .redet.news .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active) {
    background-color: #fcf3b7;
  }
}

@media screen {

  body.news .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  body.news .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  body.news .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover,
  .redet.news .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  .redet.news .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  .redet.news .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover {
    border-color: #F9D91C;
  }

  body.news .page-navigation .toolbar.tabs .button-tile.active,
  body.news .page-navigation-compact .toolbar.tabs .button-tile.active,
  body.news .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.news .page-navigation .toolbar.tabs .button-tile.active,
  .redet.news .page-navigation-compact .toolbar.tabs .button-tile.active,
  .redet.news .page-navigation-alt .toolbar.tabs .button-tile.active {
    border-color: #F9D91C;
  }
}

@media screen {

  body.news .list:not(.headless),
  .redet.news .list:not(.headless) {
    border-top-color: #F9D91C;
  }
}

@media screen {

  body.news .list.clickable .content.active,
  body.news .list.clickable .content.active:hover,
  .redet.news .list.clickable .content.active,
  .redet.news .list.clickable .content.active:hover {
    background: #333333;
  }

  body.news .list.clickable .content:not(.active):hover,
  .redet.news .list.clickable .content:not(.active):hover {
    background-color: #fefbe8;
  }
}

@media screen {

  body.news .list-group.lined-list .list-item .actions,
  .redet.news .list-group.lined-list .list-item .actions {
    border-color: #fdf0a4;
  }

  body.news .list-group.lined-list .list-item .content,
  .redet.news .list-group.lined-list .list-item .content {
    border-color: #fdf0a4;
  }

  body.news .list-group.sub-grouped .list-item,
  .redet.news .list-group.sub-grouped .list-item {
    border-color: #fdf0a4;
    background: #fefbe8;
  }

  body.news .list-group.clickable .list-item.active,
  body.news .list-group.clickable .list-item.active:hover,
  .redet.news .list-group.clickable .list-item.active,
  .redet.news .list-group.clickable .list-item.active:hover {
    background: #333333;
  }

  body.news .list-group.clickable .list-item:not(.active):hover,
  .redet.news .list-group.clickable .list-item:not(.active):hover {
    background-color: #fefbe8;
  }
}

@media screen {

  body.news .page-header-symbol figure,
  .redet.news .page-header-symbol figure {
    background-color: #F9D91C;
  }
}

@media screen {

  body.news .page-header p a:focus-visible,
  .redet.news .page-header p a:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }
}

@media screen {

  body.news .page-header,
  .redet.news .page-header {
    position: relative;
  }

  body.news .page-header .toolbar .button-group,
  .redet.news .page-header .toolbar .button-group {
    width: 100%;
    justify-content: space-between;
  }

  body.news .page-header .toolbar .container,
  .redet.news .page-header .toolbar .container {
    background-color: #fefbe8;
    color: black;
  }

  body.news .page-header::after,
  .redet.news .page-header::after {
    width: 110px;
    height: 110px;
    background: #F9D91C url(prerequisites/lm-icons/news.svg) no-repeat 50% 50%;
    background-size: 70px 70px;
    border-radius: 55px;
    position: absolute;
    left: 50%;
    display: block;
    content: "";
    margin: 0 0 -55px -55px;
    bottom: 0;
    outline: 5px solid white;
  }
}

@media screen and (max-width: 767px) {

  body.news .page-header::after,
  .redet.news .page-header::after {
    width: 50px;
    height: 50px;
    background-size: 30px 30px !important;
    margin: 0 0 -25px -25px;
  }
}

@media screen {

  body.news .layout-group-sub:not(.unthemed) .table-grid th,
  .redet.news .layout-group-sub:not(.unthemed) .table-grid th {
    border-bottom: 2px solid #fdf0a4;
  }

  body.news .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even),
  .redet.news .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.05);
  }
}

@media screen {

  body.news .button-icon.pin.button-icon .icon-placeholder,
  .redet.news .button-icon.pin.button-icon .icon-placeholder {
    margin: -2px 0 0 1px !important;
  }

  body.news .button-icon.pin .icon-placeholder,
  .redet.news .button-icon.pin .icon-placeholder {
    background: url(prerequisites/lm-icons/pin_button.svg) 50% 50% no-repeat;
    background-size: 20px 20px !important;
  }
}

@media screen {

  body.pro .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.pro .page-navigation-alt .toolbar.tabs .button-tile.active {
    background-color: transparent;
    color: black !important;
    font-weight: bold;
  }
}

@media screen {

  body.generic h2,
  body.generic .h2,
  body.generic header,
  body.generic h3,
  body.generic .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.generic h3,
  body.generic .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.generic .h3,
  body.generic .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.generic header,
  body.generic .h3,
  .redet.generic h2,
  .redet.generic .h2,
  .redet.generic header,
  .redet.generic h3,
  .redet.generic .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .redet.generic h3,
  .redet.generic .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.generic .h3,
  .redet.generic .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.generic header,
  .redet.generic .h3 {
    border-bottom-color: #7AB800 !important;
  }

  body.generic .layout-group-top,
  .redet.generic .layout-group-top {
    background-color: #F2F8E6;
  }

  body.generic .layout-group-top hr,
  .redet.generic .layout-group-top hr {
    border-top: 1px solid #7AB800;
  }
}

@media screen and (min-width: 768px) {

  body.generic .layout-group-top .tab-navigation,
  .redet.generic .layout-group-top .tab-navigation {
    background-color: #F2F8E6;
  }
}

@media screen {

  body.generic .list.clickable:not(.headless),
  body.generic .list-group.clickable:not(.headless),
  .redet.generic .list.clickable:not(.headless),
  .redet.generic .list-group.clickable:not(.headless) {
    border-top: 2px solid #458209;
  }
}

@media screen and (min-width: 768px) {

  body.generic .tab-navigation[role=tablist].mobile-dropdown,
  .redet.generic .tab-navigation[role=tablist].mobile-dropdown {
    background-color: #F2F8E6;
  }

  body.generic .tab-navigation>li.active,
  body.generic .tab-navigation>li:hover,
  .redet.generic .tab-navigation>li.active,
  .redet.generic .tab-navigation>li:hover {
    background-color: #458209;
    color: white;
  }

  body.generic .tab-navigation>li.active a,
  body.generic .tab-navigation>li:hover a,
  .redet.generic .tab-navigation>li.active a,
  .redet.generic .tab-navigation>li:hover a {
    color: white;
  }

  body.generic .tab-navigation,
  .redet.generic .tab-navigation {
    border-color: #458209;
  }
}

@media screen {

  body.generic .page-header-custom .symbol,
  .redet.generic .page-header-custom .symbol {
    background: #7AB800;
  }
}

@media screen {

  body.generic .modal.themeout,
  .redet.generic .modal.themeout {
    background-color: #F2F8E6 !important;
  }

  body.generic .modal.themeout .modal-dialog .header-logo,
  .redet.generic .modal.themeout .modal-dialog .header-logo {
    border-color: #7AB800;
  }
}

@media screen {

  body.generic .react-grid-HeaderCell,
  body.generic .react-grid-Header,
  .redet.generic .react-grid-HeaderCell,
  .redet.generic .react-grid-Header {
    background-color: #F2F8E6;
  }
}

@media screen {

  body.generic .react-grid-HeaderRow,
  .redet.generic .react-grid-HeaderRow {
    background-color: #F2F8E6;
    border-left-color: #7AB800;
    color: black;
  }
}

@media screen {

  body.generic .tab-container,
  .redet.generic .tab-container {
    border-bottom: 4px solid #7AB800;
  }

  body.generic .tab-container .tab-navigation li,
  .redet.generic .tab-container .tab-navigation li {
    border-bottom: 4px solid #7AB800;
  }

  body.generic .tab-container .tab-navigation li.active,
  .redet.generic .tab-container .tab-navigation li.active {
    border-color: #7AB800;
  }

  body.generic .tab-container .tab-navigation li.active::before,
  .redet.generic .tab-container .tab-navigation li.active::before {
    background-color: #7AB800;
  }
}

@media screen {

  body.generic .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
  .redet.generic .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    border-bottom-color: #CAE399;
  }
}

@media screen {

  body.generic .react-datepicker__header,
  .redet.generic .react-datepicker__header {
    background-color: #CAE399;
  }
}

@media screen {

  body.generic .react-datepicker__current-month,
  body.generic .react-datepicker-time__header,
  body.generic .react-datepicker-year-header,
  .redet.generic .react-datepicker__current-month,
  .redet.generic .react-datepicker-time__header,
  .redet.generic .react-datepicker-year-header {
    color: black;
  }
}

@media screen {

  body.generic .react-datepicker__navigation--previous,
  .redet.generic .react-datepicker__navigation--previous {
    border-right-color: black;
  }

  body.generic .react-datepicker__navigation--previous:hover,
  .redet.generic .react-datepicker__navigation--previous:hover {
    border-right-color: #7AB800;
  }
}

@media screen {

  body.generic .react-datepicker__navigation--next,
  .redet.generic .react-datepicker__navigation--next {
    border-left-color: black;
  }

  body.generic .react-datepicker__navigation--next:hover,
  .redet.generic .react-datepicker__navigation--next:hover {
    border-left-color: #7AB800;
  }
}

@media screen {

  body.generic .side-panel,
  .redet.generic .side-panel {
    background: #F2F8E6;
  }

  body.generic .side-panel>.toolbar:first-of-type,
  body.generic .side-panel div.inert-container>.toolbar:first-of-type,
  .redet.generic .side-panel>.toolbar:first-of-type,
  .redet.generic .side-panel div.inert-container>.toolbar:first-of-type {
    background: #CAE399;
    color: black;
  }

  body.generic .side-panel .step-visualization:not(.next-step) li::after,
  .redet.generic .side-panel .step-visualization:not(.next-step) li::after {
    background: #F2F8E6;
  }

  body.generic .side-panel .step-visualization:not(.next-step) li::before,
  .redet.generic .side-panel .step-visualization:not(.next-step) li::before {
    border-left: 15px solid #F2F8E6;
  }

  body.generic .side-panel .layout-group-top,
  .redet.generic .side-panel .layout-group-top {
    background: #E4F1CC;
    color: black;
  }

  body.generic .side-panel.help .scrollable-content div.active,
  .redet.generic .side-panel.help .scrollable-content div.active {
    background: #E4F1CC;
    color: black;
  }
}

@media screen {

  body.generic .popover h3,
  body.generic .popover .layout-group-sub .h3,
  .layout-group-sub body.generic .popover .h3,
  body.generic .popover .layout-group-sub header,
  .layout-group-sub body.generic .popover header,
  body.generic .popover .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.generic .popover h3,
  body.generic .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.generic .popover .h3,
  body.generic .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.generic .popover header,
  body.generic .popover header.list-group-heading,
  .redet.generic .popover h3,
  .redet.generic .popover .layout-group-sub .h3,
  .layout-group-sub .redet.generic .popover .h3,
  .redet.generic .popover .layout-group-sub header,
  .layout-group-sub .redet.generic .popover header,
  .redet.generic .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.generic .popover .h3,
  .redet.generic .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.generic .popover header,
  .redet.generic .popover header.list-group-heading {
    color: black;
    background-color: #CAE399;
  }
}

@media screen {

  body.generic .checklist-panel h2,
  .layout-group-top body.generic .checklist-panel header,
  body.generic .checklist-panel .h2,
  body.generic .layout-group-top h2,
  body.generic .layout-group-top header,
  body.generic .layout-group-top .h2,
  body.generic .attention-group,
  .redet.generic .checklist-panel h2,
  .layout-group-top .redet.generic .checklist-panel header,
  .redet.generic .checklist-panel .h2,
  .redet.generic .layout-group-top h2,
  .redet.generic .layout-group-top header,
  .redet.generic .layout-group-top .h2,
  .redet.generic .attention-group {
    border-color: #7AB800;
    margin: 0 0 30px 0;
  }
}

@media screen {

  body.generic div:not(.snackbar) .message,
  .redet.generic div:not(.snackbar) .message {
    background: #E4F1CC;
  }

  body.generic div:not(.snackbar) .message::after,
  .redet.generic div:not(.snackbar) .message::after {
    color: #E4F1CC;
  }
}

@media screen {

  body.generic .floating-message-group:not(.error),
  .redet.generic .floating-message-group:not(.error) {
    border-color: #7AB800;
  }
}

@media screen {

  body.generic h3.underline,
  body.generic .layout-group-sub .underline.h3,
  .layout-group-sub body.generic .underline.h3,
  body.generic .layout-group-sub header.underline,
  .layout-group-sub body.generic header.underline,
  body.generic .list-group.sub-grouped .list-item h3.underline,
  .list-group.sub-grouped .list-item body.generic h3.underline,
  body.generic .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item body.generic .underline.h3,
  body.generic .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item body.generic header.underline,
  body.generic header.underline.list-group-heading,
  .redet.generic h3.underline,
  .redet.generic .layout-group-sub .underline.h3,
  .layout-group-sub .redet.generic .underline.h3,
  .redet.generic .layout-group-sub header.underline,
  .layout-group-sub .redet.generic header.underline,
  .redet.generic .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item .redet.generic .underline.h3,
  .redet.generic .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item .redet.generic header.underline,
  .redet.generic header.underline.list-group-heading {
    border-bottom: 4px solid #7AB800;
    padding: 0 0 10px 0;
    display: inline-block;
  }
}

@media screen {

  body.generic .progress-indicator .current-progress,
  .redet.generic .progress-indicator .current-progress {
    background: linear-gradient(to left, #CAE399, #E4F1CC);
  }
}

@media screen {

  body.generic .step-visualization,
  .redet.generic .step-visualization {
    margin-bottom: 15px;
  }
}

@media screen {

  body.generic .step-visualization:not(.next-step),
  .redet.generic .step-visualization:not(.next-step) {
    margin: 0 0 15px 0;
  }

  body.generic .step-visualization:not(.next-step) li,
  .redet.generic .step-visualization:not(.next-step) li {
    background: #CAE399;
  }

  body.generic .step-visualization:not(.next-step) li::before,
  .redet.generic .step-visualization:not(.next-step) li::before {
    border-top: 15px solid #CAE399;
    border-bottom: 15px solid #CAE399;
  }

  body.generic .step-visualization:not(.next-step) li::after,
  .redet.generic .step-visualization:not(.next-step) li::after {
    border-left: 15px solid #CAE399;
  }

  body.generic .step-visualization:not(.next-step) li.active,
  .redet.generic .step-visualization:not(.next-step) li.active {
    background: #458209;
    color: white;
  }

  body.generic .step-visualization:not(.next-step) li.active a,
  .redet.generic .step-visualization:not(.next-step) li.active a {
    color: white;
  }

  body.generic .step-visualization:not(.next-step) li.active::before,
  .redet.generic .step-visualization:not(.next-step) li.active::before {
    border-top: 15px solid #458209;
    border-bottom: 15px solid #458209;
  }

  body.generic .step-visualization:not(.next-step) li.active::after,
  .redet.generic .step-visualization:not(.next-step) li.active::after {
    border-left: 15px solid #458209;
  }
}

@media screen {

  body.generic .status-visualization,
  .redet.generic .status-visualization {
    margin: 0 0 15px 0;
  }
}

@media screen {

  body.generic .form-fieldset,
  .redet.generic .form-fieldset {
    margin: 0 0 30px 0;
  }

  body.generic .form-fieldset legend,
  .redet.generic .form-fieldset legend {
    border-color: #7AB800;
  }
}

@media screen {

  body.generic .table-grid,
  .redet.generic .table-grid {
    margin: 0 0 30px 0;
  }

  body.generic .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  body.generic .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed),
  .redet.generic .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  .redet.generic .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed) {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
  }

  body.generic .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  body.generic .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after,
  .redet.generic .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  .redet.generic .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 6px solid rgba(0, 0, 0, 0.1);
  }
}

@media screen {

  body.generic mark,
  .redet.generic mark {
    background: #7AB800;
    color: black;
  }
}

@media screen {

  body.generic .list-group:not(.sub-grouped)::before,
  .redet.generic .list-group:not(.sub-grouped)::before {
    border-top-color: #7AB800;
  }

  body.generic .list-group .list-item.attention,
  .redet.generic .list-group .list-item.attention {
    background-color: #F2F8E6;
    outline: 2px dashed #7AB800;
    position: relative;
    top: -2px;
  }

  body.generic .list-group .list-item:nth-child(even).attention,
  .redet.generic .list-group .list-item:nth-child(even).attention {
    background-color: #e8f2d2;
  }
}

@media screen {

  body.generic .panel-group:not(.blind),
  .redet.generic .panel-group:not(.blind) {
    background-color: #F2F8E6;
    color: black;
  }
}

@media screen {

  body.generic .layout-group-sub:not(.unthemed),
  .redet.generic .layout-group-sub:not(.unthemed) {
    color: black;
  }

  body.generic .layout-group-sub:not(.unthemed) mark,
  .redet.generic .layout-group-sub:not(.unthemed) mark {
    background: white;
    color: black;
  }

  body.generic .layout-group-sub:not(.unthemed) a,
  .redet.generic .layout-group-sub:not(.unthemed) a {
    color: black;
  }

  body.generic .layout-group-sub:not(.unthemed) a:hover,
  .redet.generic .layout-group-sub:not(.unthemed) a:hover {
    color: black;
  }

  body.generic .layout-group-sub:not(.unthemed).clickable:hover,
  .redet.generic .layout-group-sub:not(.unthemed).clickable:hover {
    background-color: #F2F8E6;
  }

  body.generic .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content,
  .redet.generic .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content {
    background-color: #ddedbe;
  }

  body.generic .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after,
  .redet.generic .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after {
    width: 100%;
  }

  body.generic .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active),
  .redet.generic .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active) {
    background-color: #ddedbe;
  }
}

@media screen {

  body.generic .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  body.generic .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  body.generic .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover,
  .redet.generic .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  .redet.generic .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  .redet.generic .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover {
    border-color: #7AB800;
  }

  body.generic .page-navigation .toolbar.tabs .button-tile.active,
  body.generic .page-navigation-compact .toolbar.tabs .button-tile.active,
  body.generic .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.generic .page-navigation .toolbar.tabs .button-tile.active,
  .redet.generic .page-navigation-compact .toolbar.tabs .button-tile.active,
  .redet.generic .page-navigation-alt .toolbar.tabs .button-tile.active {
    border-color: #7AB800;
  }
}

@media screen {

  body.generic .list:not(.headless),
  .redet.generic .list:not(.headless) {
    border-top-color: #7AB800;
  }
}

@media screen {

  body.generic .list.clickable .content.active,
  body.generic .list.clickable .content.active:hover,
  .redet.generic .list.clickable .content.active,
  .redet.generic .list.clickable .content.active:hover {
    background: #458209;
  }

  body.generic .list.clickable .content:not(.active):hover,
  .redet.generic .list.clickable .content:not(.active):hover {
    background-color: #F2F8E6;
  }
}

@media screen {

  body.generic .list-group.lined-list .list-item .actions,
  .redet.generic .list-group.lined-list .list-item .actions {
    border-color: #CAE399;
  }

  body.generic .list-group.lined-list .list-item .content,
  .redet.generic .list-group.lined-list .list-item .content {
    border-color: #CAE399;
  }

  body.generic .list-group.sub-grouped .list-item,
  .redet.generic .list-group.sub-grouped .list-item {
    border-color: #CAE399;
    background: #F2F8E6;
  }

  body.generic .list-group.clickable .list-item.active,
  body.generic .list-group.clickable .list-item.active:hover,
  .redet.generic .list-group.clickable .list-item.active,
  .redet.generic .list-group.clickable .list-item.active:hover {
    background: #458209;
  }

  body.generic .list-group.clickable .list-item:not(.active):hover,
  .redet.generic .list-group.clickable .list-item:not(.active):hover {
    background-color: #F2F8E6;
  }
}

@media screen {

  body.generic .page-header-symbol figure,
  .redet.generic .page-header-symbol figure {
    background-color: #7AB800;
  }
}

@media screen {

  body.generic .page-header p a:focus-visible,
  .redet.generic .page-header p a:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }
}

@media screen {

  body.generic .page-header,
  .redet.generic .page-header {
    position: relative;
  }

  body.generic .page-header .toolbar .button-group,
  .redet.generic .page-header .toolbar .button-group {
    width: 100%;
    justify-content: space-between;
  }

  body.generic .page-header .toolbar .container,
  .redet.generic .page-header .toolbar .container {
    background-color: #F2F8E6;
    color: black;
  }

  body.generic .page-header::after,
  .redet.generic .page-header::after {
    width: 110px;
    height: 110px;
    background: #7AB800 url(prerequisites/lm-icons/generic.svg) no-repeat 50% 50%;
    background-size: 70px 70px;
    border-radius: 55px;
    position: absolute;
    left: 50%;
    display: block;
    content: "";
    margin: 0 0 -55px -55px;
    bottom: 0;
    outline: 5px solid white;
  }
}

@media screen and (max-width: 767px) {

  body.generic .page-header::after,
  .redet.generic .page-header::after {
    width: 50px;
    height: 50px;
    background-size: 30px 30px !important;
    margin: 0 0 -25px -25px;
  }
}

@media screen {

  body.generic .layout-group-sub:not(.unthemed) .table-grid th,
  .redet.generic .layout-group-sub:not(.unthemed) .table-grid th {
    border-bottom: 2px solid #CAE399;
  }

  body.generic .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even),
  .redet.generic .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.05);
  }
}

@media screen {

  body.generic .button-icon.pin.button-icon .icon-placeholder,
  .redet.generic .button-icon.pin.button-icon .icon-placeholder {
    margin: -2px 0 0 1px !important;
  }

  body.generic .button-icon.pin .icon-placeholder,
  .redet.generic .button-icon.pin .icon-placeholder {
    background: url(prerequisites/lm-icons/pin_button.svg) 50% 50% no-repeat;
    background-size: 20px 20px !important;
  }
}

@media screen {

  body.pro .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.pro .page-navigation-alt .toolbar.tabs .button-tile.active {
    background-color: transparent;
    color: black !important;
    font-weight: bold;
  }
}

@media screen {

  body.code h2,
  body.code .h2,
  body.code header,
  body.code h3,
  body.code .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.code h3,
  body.code .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.code .h3,
  body.code .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.code header,
  body.code .h3,
  .redet.code h2,
  .redet.code .h2,
  .redet.code header,
  .redet.code h3,
  .redet.code .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .redet.code h3,
  .redet.code .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.code .h3,
  .redet.code .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.code header,
  .redet.code .h3 {
    border-bottom-color: #7AB800 !important;
  }

  body.code .layout-group-top,
  .redet.code .layout-group-top {
    background-color: #F2F8E6;
  }

  body.code .layout-group-top hr,
  .redet.code .layout-group-top hr {
    border-top: 1px solid #7AB800;
  }
}

@media screen and (min-width: 768px) {

  body.code .layout-group-top .tab-navigation,
  .redet.code .layout-group-top .tab-navigation {
    background-color: #F2F8E6;
  }
}

@media screen {

  body.code .list.clickable:not(.headless),
  body.code .list-group.clickable:not(.headless),
  .redet.code .list.clickable:not(.headless),
  .redet.code .list-group.clickable:not(.headless) {
    border-top: 2px solid #458209;
  }
}

@media screen and (min-width: 768px) {

  body.code .tab-navigation[role=tablist].mobile-dropdown,
  .redet.code .tab-navigation[role=tablist].mobile-dropdown {
    background-color: #F2F8E6;
  }

  body.code .tab-navigation>li.active,
  body.code .tab-navigation>li:hover,
  .redet.code .tab-navigation>li.active,
  .redet.code .tab-navigation>li:hover {
    background-color: #458209;
    color: white;
  }

  body.code .tab-navigation>li.active a,
  body.code .tab-navigation>li:hover a,
  .redet.code .tab-navigation>li.active a,
  .redet.code .tab-navigation>li:hover a {
    color: white;
  }

  body.code .tab-navigation,
  .redet.code .tab-navigation {
    border-color: #458209;
  }
}

@media screen {

  body.code .page-header-custom .symbol,
  .redet.code .page-header-custom .symbol {
    background: #7AB800;
  }
}

@media screen {

  body.code .modal.themeout,
  .redet.code .modal.themeout {
    background-color: #F2F8E6 !important;
  }

  body.code .modal.themeout .modal-dialog .header-logo,
  .redet.code .modal.themeout .modal-dialog .header-logo {
    border-color: #7AB800;
  }
}

@media screen {

  body.code .react-grid-HeaderCell,
  body.code .react-grid-Header,
  .redet.code .react-grid-HeaderCell,
  .redet.code .react-grid-Header {
    background-color: #F2F8E6;
  }
}

@media screen {

  body.code .react-grid-HeaderRow,
  .redet.code .react-grid-HeaderRow {
    background-color: #F2F8E6;
    border-left-color: #7AB800;
    color: black;
  }
}

@media screen {

  body.code .tab-container,
  .redet.code .tab-container {
    border-bottom: 4px solid #7AB800;
  }

  body.code .tab-container .tab-navigation li,
  .redet.code .tab-container .tab-navigation li {
    border-bottom: 4px solid #7AB800;
  }

  body.code .tab-container .tab-navigation li.active,
  .redet.code .tab-container .tab-navigation li.active {
    border-color: #7AB800;
  }

  body.code .tab-container .tab-navigation li.active::before,
  .redet.code .tab-container .tab-navigation li.active::before {
    background-color: #7AB800;
  }
}

@media screen {

  body.code .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
  .redet.code .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    border-bottom-color: #CAE399;
  }
}

@media screen {

  body.code .react-datepicker__header,
  .redet.code .react-datepicker__header {
    background-color: #CAE399;
  }
}

@media screen {

  body.code .react-datepicker__current-month,
  body.code .react-datepicker-time__header,
  body.code .react-datepicker-year-header,
  .redet.code .react-datepicker__current-month,
  .redet.code .react-datepicker-time__header,
  .redet.code .react-datepicker-year-header {
    color: black;
  }
}

@media screen {

  body.code .react-datepicker__navigation--previous,
  .redet.code .react-datepicker__navigation--previous {
    border-right-color: black;
  }

  body.code .react-datepicker__navigation--previous:hover,
  .redet.code .react-datepicker__navigation--previous:hover {
    border-right-color: #7AB800;
  }
}

@media screen {

  body.code .react-datepicker__navigation--next,
  .redet.code .react-datepicker__navigation--next {
    border-left-color: black;
  }

  body.code .react-datepicker__navigation--next:hover,
  .redet.code .react-datepicker__navigation--next:hover {
    border-left-color: #7AB800;
  }
}

@media screen {

  body.code .side-panel,
  .redet.code .side-panel {
    background: #F2F8E6;
  }

  body.code .side-panel>.toolbar:first-of-type,
  body.code .side-panel div.inert-container>.toolbar:first-of-type,
  .redet.code .side-panel>.toolbar:first-of-type,
  .redet.code .side-panel div.inert-container>.toolbar:first-of-type {
    background: #CAE399;
    color: black;
  }

  body.code .side-panel .step-visualization:not(.next-step) li::after,
  .redet.code .side-panel .step-visualization:not(.next-step) li::after {
    background: #F2F8E6;
  }

  body.code .side-panel .step-visualization:not(.next-step) li::before,
  .redet.code .side-panel .step-visualization:not(.next-step) li::before {
    border-left: 15px solid #F2F8E6;
  }

  body.code .side-panel .layout-group-top,
  .redet.code .side-panel .layout-group-top {
    background: #E4F1CC;
    color: black;
  }

  body.code .side-panel.help .scrollable-content div.active,
  .redet.code .side-panel.help .scrollable-content div.active {
    background: #E4F1CC;
    color: black;
  }
}

@media screen {

  body.code .popover h3,
  body.code .popover .layout-group-sub .h3,
  .layout-group-sub body.code .popover .h3,
  body.code .popover .layout-group-sub header,
  .layout-group-sub body.code .popover header,
  body.code .popover .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.code .popover h3,
  body.code .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.code .popover .h3,
  body.code .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.code .popover header,
  body.code .popover header.list-group-heading,
  .redet.code .popover h3,
  .redet.code .popover .layout-group-sub .h3,
  .layout-group-sub .redet.code .popover .h3,
  .redet.code .popover .layout-group-sub header,
  .layout-group-sub .redet.code .popover header,
  .redet.code .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.code .popover .h3,
  .redet.code .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.code .popover header,
  .redet.code .popover header.list-group-heading {
    color: black;
    background-color: #CAE399;
  }
}

@media screen {

  body.code .checklist-panel h2,
  .layout-group-top body.code .checklist-panel header,
  body.code .checklist-panel .h2,
  body.code .layout-group-top h2,
  body.code .layout-group-top header,
  body.code .layout-group-top .h2,
  body.code .attention-group,
  .redet.code .checklist-panel h2,
  .layout-group-top .redet.code .checklist-panel header,
  .redet.code .checklist-panel .h2,
  .redet.code .layout-group-top h2,
  .redet.code .layout-group-top header,
  .redet.code .layout-group-top .h2,
  .redet.code .attention-group {
    border-color: #7AB800;
    margin: 0 0 30px 0;
  }
}

@media screen {

  body.code div:not(.snackbar) .message,
  .redet.code div:not(.snackbar) .message {
    background: #E4F1CC;
  }

  body.code div:not(.snackbar) .message::after,
  .redet.code div:not(.snackbar) .message::after {
    color: #E4F1CC;
  }
}

@media screen {

  body.code .floating-message-group:not(.error),
  .redet.code .floating-message-group:not(.error) {
    border-color: #7AB800;
  }
}

@media screen {

  body.code h3.underline,
  body.code .layout-group-sub .underline.h3,
  .layout-group-sub body.code .underline.h3,
  body.code .layout-group-sub header.underline,
  .layout-group-sub body.code header.underline,
  body.code .list-group.sub-grouped .list-item h3.underline,
  .list-group.sub-grouped .list-item body.code h3.underline,
  body.code .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item body.code .underline.h3,
  body.code .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item body.code header.underline,
  body.code header.underline.list-group-heading,
  .redet.code h3.underline,
  .redet.code .layout-group-sub .underline.h3,
  .layout-group-sub .redet.code .underline.h3,
  .redet.code .layout-group-sub header.underline,
  .layout-group-sub .redet.code header.underline,
  .redet.code .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item .redet.code .underline.h3,
  .redet.code .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item .redet.code header.underline,
  .redet.code header.underline.list-group-heading {
    border-bottom: 4px solid #7AB800;
    padding: 0 0 10px 0;
    display: inline-block;
  }
}

@media screen {

  body.code .progress-indicator .current-progress,
  .redet.code .progress-indicator .current-progress {
    background: linear-gradient(to left, #CAE399, #E4F1CC);
  }
}

@media screen {

  body.code .step-visualization,
  .redet.code .step-visualization {
    margin-bottom: 15px;
  }
}

@media screen {

  body.code .step-visualization:not(.next-step),
  .redet.code .step-visualization:not(.next-step) {
    margin: 0 0 15px 0;
  }

  body.code .step-visualization:not(.next-step) li,
  .redet.code .step-visualization:not(.next-step) li {
    background: #CAE399;
  }

  body.code .step-visualization:not(.next-step) li::before,
  .redet.code .step-visualization:not(.next-step) li::before {
    border-top: 15px solid #CAE399;
    border-bottom: 15px solid #CAE399;
  }

  body.code .step-visualization:not(.next-step) li::after,
  .redet.code .step-visualization:not(.next-step) li::after {
    border-left: 15px solid #CAE399;
  }

  body.code .step-visualization:not(.next-step) li.active,
  .redet.code .step-visualization:not(.next-step) li.active {
    background: #458209;
    color: white;
  }

  body.code .step-visualization:not(.next-step) li.active a,
  .redet.code .step-visualization:not(.next-step) li.active a {
    color: white;
  }

  body.code .step-visualization:not(.next-step) li.active::before,
  .redet.code .step-visualization:not(.next-step) li.active::before {
    border-top: 15px solid #458209;
    border-bottom: 15px solid #458209;
  }

  body.code .step-visualization:not(.next-step) li.active::after,
  .redet.code .step-visualization:not(.next-step) li.active::after {
    border-left: 15px solid #458209;
  }
}

@media screen {

  body.code .status-visualization,
  .redet.code .status-visualization {
    margin: 0 0 15px 0;
  }
}

@media screen {

  body.code .form-fieldset,
  .redet.code .form-fieldset {
    margin: 0 0 30px 0;
  }

  body.code .form-fieldset legend,
  .redet.code .form-fieldset legend {
    border-color: #7AB800;
  }
}

@media screen {

  body.code .table-grid,
  .redet.code .table-grid {
    margin: 0 0 30px 0;
  }

  body.code .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  body.code .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed),
  .redet.code .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  .redet.code .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed) {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
  }

  body.code .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  body.code .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after,
  .redet.code .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  .redet.code .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 6px solid rgba(0, 0, 0, 0.1);
  }
}

@media screen {

  body.code mark,
  .redet.code mark {
    background: #7AB800;
    color: black;
  }
}

@media screen {

  body.code .list-group:not(.sub-grouped)::before,
  .redet.code .list-group:not(.sub-grouped)::before {
    border-top-color: #7AB800;
  }

  body.code .list-group .list-item.attention,
  .redet.code .list-group .list-item.attention {
    background-color: #F2F8E6;
    outline: 2px dashed #7AB800;
    position: relative;
    top: -2px;
  }

  body.code .list-group .list-item:nth-child(even).attention,
  .redet.code .list-group .list-item:nth-child(even).attention {
    background-color: #e8f2d2;
  }
}

@media screen {

  body.code .panel-group:not(.blind),
  .redet.code .panel-group:not(.blind) {
    background-color: #F2F8E6;
    color: black;
  }
}

@media screen {

  body.code .layout-group-sub:not(.unthemed),
  .redet.code .layout-group-sub:not(.unthemed) {
    color: black;
  }

  body.code .layout-group-sub:not(.unthemed) mark,
  .redet.code .layout-group-sub:not(.unthemed) mark {
    background: white;
    color: black;
  }

  body.code .layout-group-sub:not(.unthemed) a,
  .redet.code .layout-group-sub:not(.unthemed) a {
    color: black;
  }

  body.code .layout-group-sub:not(.unthemed) a:hover,
  .redet.code .layout-group-sub:not(.unthemed) a:hover {
    color: black;
  }

  body.code .layout-group-sub:not(.unthemed).clickable:hover,
  .redet.code .layout-group-sub:not(.unthemed).clickable:hover {
    background-color: #F2F8E6;
  }

  body.code .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content,
  .redet.code .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content {
    background-color: #ddedbe;
  }

  body.code .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after,
  .redet.code .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after {
    width: 100%;
  }

  body.code .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active),
  .redet.code .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active) {
    background-color: #ddedbe;
  }
}

@media screen {

  body.code .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  body.code .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  body.code .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover,
  .redet.code .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  .redet.code .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  .redet.code .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover {
    border-color: #7AB800;
  }

  body.code .page-navigation .toolbar.tabs .button-tile.active,
  body.code .page-navigation-compact .toolbar.tabs .button-tile.active,
  body.code .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.code .page-navigation .toolbar.tabs .button-tile.active,
  .redet.code .page-navigation-compact .toolbar.tabs .button-tile.active,
  .redet.code .page-navigation-alt .toolbar.tabs .button-tile.active {
    border-color: #7AB800;
  }
}

@media screen {

  body.code .list:not(.headless),
  .redet.code .list:not(.headless) {
    border-top-color: #7AB800;
  }
}

@media screen {

  body.code .list.clickable .content.active,
  body.code .list.clickable .content.active:hover,
  .redet.code .list.clickable .content.active,
  .redet.code .list.clickable .content.active:hover {
    background: #458209;
  }

  body.code .list.clickable .content:not(.active):hover,
  .redet.code .list.clickable .content:not(.active):hover {
    background-color: #F2F8E6;
  }
}

@media screen {

  body.code .list-group.lined-list .list-item .actions,
  .redet.code .list-group.lined-list .list-item .actions {
    border-color: #CAE399;
  }

  body.code .list-group.lined-list .list-item .content,
  .redet.code .list-group.lined-list .list-item .content {
    border-color: #CAE399;
  }

  body.code .list-group.sub-grouped .list-item,
  .redet.code .list-group.sub-grouped .list-item {
    border-color: #CAE399;
    background: #F2F8E6;
  }

  body.code .list-group.clickable .list-item.active,
  body.code .list-group.clickable .list-item.active:hover,
  .redet.code .list-group.clickable .list-item.active,
  .redet.code .list-group.clickable .list-item.active:hover {
    background: #458209;
  }

  body.code .list-group.clickable .list-item:not(.active):hover,
  .redet.code .list-group.clickable .list-item:not(.active):hover {
    background-color: #F2F8E6;
  }
}

@media screen {

  body.code .page-header-symbol figure,
  .redet.code .page-header-symbol figure {
    background-color: #7AB800;
  }
}

@media screen {

  body.code .page-header p a:focus-visible,
  .redet.code .page-header p a:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }
}

@media screen {

  body.code .page-header,
  .redet.code .page-header {
    position: relative;
  }

  body.code .page-header .toolbar .button-group,
  .redet.code .page-header .toolbar .button-group {
    width: 100%;
    justify-content: space-between;
  }

  body.code .page-header .toolbar .container,
  .redet.code .page-header .toolbar .container {
    background-color: #F2F8E6;
    color: black;
  }

  body.code .page-header::after,
  .redet.code .page-header::after {
    width: 110px;
    height: 110px;
    background: #7AB800 url(prerequisites/lm-icons/code.svg) no-repeat 50% 50%;
    background-size: 70px 70px;
    border-radius: 55px;
    position: absolute;
    left: 50%;
    display: block;
    content: "";
    margin: 0 0 -55px -55px;
    bottom: 0;
    outline: 5px solid white;
  }
}

@media screen and (max-width: 767px) {

  body.code .page-header::after,
  .redet.code .page-header::after {
    width: 50px;
    height: 50px;
    background-size: 30px 30px !important;
    margin: 0 0 -25px -25px;
  }
}

@media screen {

  body.code .layout-group-sub:not(.unthemed) .table-grid th,
  .redet.code .layout-group-sub:not(.unthemed) .table-grid th {
    border-bottom: 2px solid #CAE399;
  }

  body.code .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even),
  .redet.code .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.05);
  }
}

@media screen {

  body.code .button-icon.pin.button-icon .icon-placeholder,
  .redet.code .button-icon.pin.button-icon .icon-placeholder {
    margin: -2px 0 0 1px !important;
  }

  body.code .button-icon.pin .icon-placeholder,
  .redet.code .button-icon.pin .icon-placeholder {
    background: url(prerequisites/lm-icons/pin_button.svg) 50% 50% no-repeat;
    background-size: 20px 20px !important;
  }
}

@media screen {

  body.pro .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.pro .page-navigation-alt .toolbar.tabs .button-tile.active {
    background-color: transparent;
    color: black !important;
    font-weight: bold;
  }
}

@media screen {

  body.mypage h2,
  body.mypage .h2,
  body.mypage header,
  body.mypage h3,
  body.mypage .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.mypage h3,
  body.mypage .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.mypage .h3,
  body.mypage .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.mypage header,
  body.mypage .h3,
  .redet.mypage h2,
  .redet.mypage .h2,
  .redet.mypage header,
  .redet.mypage h3,
  .redet.mypage .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .redet.mypage h3,
  .redet.mypage .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.mypage .h3,
  .redet.mypage .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.mypage header,
  .redet.mypage .h3 {
    border-bottom-color: #7AB800 !important;
  }

  body.mypage .layout-group-top,
  .redet.mypage .layout-group-top {
    background-color: #F2F8E6;
  }

  body.mypage .layout-group-top hr,
  .redet.mypage .layout-group-top hr {
    border-top: 1px solid #7AB800;
  }
}

@media screen and (min-width: 768px) {

  body.mypage .layout-group-top .tab-navigation,
  .redet.mypage .layout-group-top .tab-navigation {
    background-color: #F2F8E6;
  }
}

@media screen {

  body.mypage .list.clickable:not(.headless),
  body.mypage .list-group.clickable:not(.headless),
  .redet.mypage .list.clickable:not(.headless),
  .redet.mypage .list-group.clickable:not(.headless) {
    border-top: 2px solid #458209;
  }
}

@media screen and (min-width: 768px) {

  body.mypage .tab-navigation[role=tablist].mobile-dropdown,
  .redet.mypage .tab-navigation[role=tablist].mobile-dropdown {
    background-color: #F2F8E6;
  }

  body.mypage .tab-navigation>li.active,
  body.mypage .tab-navigation>li:hover,
  .redet.mypage .tab-navigation>li.active,
  .redet.mypage .tab-navigation>li:hover {
    background-color: #458209;
    color: white;
  }

  body.mypage .tab-navigation>li.active a,
  body.mypage .tab-navigation>li:hover a,
  .redet.mypage .tab-navigation>li.active a,
  .redet.mypage .tab-navigation>li:hover a {
    color: white;
  }

  body.mypage .tab-navigation,
  .redet.mypage .tab-navigation {
    border-color: #458209;
  }
}

@media screen {

  body.mypage .page-header-custom .symbol,
  .redet.mypage .page-header-custom .symbol {
    background: #7AB800;
  }
}

@media screen {

  body.mypage .modal.themeout,
  .redet.mypage .modal.themeout {
    background-color: #F2F8E6 !important;
  }

  body.mypage .modal.themeout .modal-dialog .header-logo,
  .redet.mypage .modal.themeout .modal-dialog .header-logo {
    border-color: #7AB800;
  }
}

@media screen {

  body.mypage .react-grid-HeaderCell,
  body.mypage .react-grid-Header,
  .redet.mypage .react-grid-HeaderCell,
  .redet.mypage .react-grid-Header {
    background-color: #F2F8E6;
  }
}

@media screen {

  body.mypage .react-grid-HeaderRow,
  .redet.mypage .react-grid-HeaderRow {
    background-color: #F2F8E6;
    border-left-color: #7AB800;
    color: black;
  }
}

@media screen {

  body.mypage .tab-container,
  .redet.mypage .tab-container {
    border-bottom: 4px solid #7AB800;
  }

  body.mypage .tab-container .tab-navigation li,
  .redet.mypage .tab-container .tab-navigation li {
    border-bottom: 4px solid #7AB800;
  }

  body.mypage .tab-container .tab-navigation li.active,
  .redet.mypage .tab-container .tab-navigation li.active {
    border-color: #7AB800;
  }

  body.mypage .tab-container .tab-navigation li.active::before,
  .redet.mypage .tab-container .tab-navigation li.active::before {
    background-color: #7AB800;
  }
}

@media screen {

  body.mypage .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
  .redet.mypage .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    border-bottom-color: #CAE399;
  }
}

@media screen {

  body.mypage .react-datepicker__header,
  .redet.mypage .react-datepicker__header {
    background-color: #CAE399;
  }
}

@media screen {

  body.mypage .react-datepicker__current-month,
  body.mypage .react-datepicker-time__header,
  body.mypage .react-datepicker-year-header,
  .redet.mypage .react-datepicker__current-month,
  .redet.mypage .react-datepicker-time__header,
  .redet.mypage .react-datepicker-year-header {
    color: black;
  }
}

@media screen {

  body.mypage .react-datepicker__navigation--previous,
  .redet.mypage .react-datepicker__navigation--previous {
    border-right-color: black;
  }

  body.mypage .react-datepicker__navigation--previous:hover,
  .redet.mypage .react-datepicker__navigation--previous:hover {
    border-right-color: #7AB800;
  }
}

@media screen {

  body.mypage .react-datepicker__navigation--next,
  .redet.mypage .react-datepicker__navigation--next {
    border-left-color: black;
  }

  body.mypage .react-datepicker__navigation--next:hover,
  .redet.mypage .react-datepicker__navigation--next:hover {
    border-left-color: #7AB800;
  }
}

@media screen {

  body.mypage .side-panel,
  .redet.mypage .side-panel {
    background: #F2F8E6;
  }

  body.mypage .side-panel>.toolbar:first-of-type,
  body.mypage .side-panel div.inert-container>.toolbar:first-of-type,
  .redet.mypage .side-panel>.toolbar:first-of-type,
  .redet.mypage .side-panel div.inert-container>.toolbar:first-of-type {
    background: #CAE399;
    color: black;
  }

  body.mypage .side-panel .step-visualization:not(.next-step) li::after,
  .redet.mypage .side-panel .step-visualization:not(.next-step) li::after {
    background: #F2F8E6;
  }

  body.mypage .side-panel .step-visualization:not(.next-step) li::before,
  .redet.mypage .side-panel .step-visualization:not(.next-step) li::before {
    border-left: 15px solid #F2F8E6;
  }

  body.mypage .side-panel .layout-group-top,
  .redet.mypage .side-panel .layout-group-top {
    background: #E4F1CC;
    color: black;
  }

  body.mypage .side-panel.help .scrollable-content div.active,
  .redet.mypage .side-panel.help .scrollable-content div.active {
    background: #E4F1CC;
    color: black;
  }
}

@media screen {

  body.mypage .popover h3,
  body.mypage .popover .layout-group-sub .h3,
  .layout-group-sub body.mypage .popover .h3,
  body.mypage .popover .layout-group-sub header,
  .layout-group-sub body.mypage .popover header,
  body.mypage .popover .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.mypage .popover h3,
  body.mypage .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.mypage .popover .h3,
  body.mypage .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.mypage .popover header,
  body.mypage .popover header.list-group-heading,
  .redet.mypage .popover h3,
  .redet.mypage .popover .layout-group-sub .h3,
  .layout-group-sub .redet.mypage .popover .h3,
  .redet.mypage .popover .layout-group-sub header,
  .layout-group-sub .redet.mypage .popover header,
  .redet.mypage .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.mypage .popover .h3,
  .redet.mypage .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.mypage .popover header,
  .redet.mypage .popover header.list-group-heading {
    color: black;
    background-color: #CAE399;
  }
}

@media screen {

  body.mypage .checklist-panel h2,
  .layout-group-top body.mypage .checklist-panel header,
  body.mypage .checklist-panel .h2,
  body.mypage .layout-group-top h2,
  body.mypage .layout-group-top header,
  body.mypage .layout-group-top .h2,
  body.mypage .attention-group,
  .redet.mypage .checklist-panel h2,
  .layout-group-top .redet.mypage .checklist-panel header,
  .redet.mypage .checklist-panel .h2,
  .redet.mypage .layout-group-top h2,
  .redet.mypage .layout-group-top header,
  .redet.mypage .layout-group-top .h2,
  .redet.mypage .attention-group {
    border-color: #7AB800;
    margin: 0 0 30px 0;
  }
}

@media screen {

  body.mypage div:not(.snackbar) .message,
  .redet.mypage div:not(.snackbar) .message {
    background: #E4F1CC;
  }

  body.mypage div:not(.snackbar) .message::after,
  .redet.mypage div:not(.snackbar) .message::after {
    color: #E4F1CC;
  }
}

@media screen {

  body.mypage .floating-message-group:not(.error),
  .redet.mypage .floating-message-group:not(.error) {
    border-color: #7AB800;
  }
}

@media screen {

  body.mypage h3.underline,
  body.mypage .layout-group-sub .underline.h3,
  .layout-group-sub body.mypage .underline.h3,
  body.mypage .layout-group-sub header.underline,
  .layout-group-sub body.mypage header.underline,
  body.mypage .list-group.sub-grouped .list-item h3.underline,
  .list-group.sub-grouped .list-item body.mypage h3.underline,
  body.mypage .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item body.mypage .underline.h3,
  body.mypage .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item body.mypage header.underline,
  body.mypage header.underline.list-group-heading,
  .redet.mypage h3.underline,
  .redet.mypage .layout-group-sub .underline.h3,
  .layout-group-sub .redet.mypage .underline.h3,
  .redet.mypage .layout-group-sub header.underline,
  .layout-group-sub .redet.mypage header.underline,
  .redet.mypage .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item .redet.mypage .underline.h3,
  .redet.mypage .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item .redet.mypage header.underline,
  .redet.mypage header.underline.list-group-heading {
    border-bottom: 4px solid #7AB800;
    padding: 0 0 10px 0;
    display: inline-block;
  }
}

@media screen {

  body.mypage .progress-indicator .current-progress,
  .redet.mypage .progress-indicator .current-progress {
    background: linear-gradient(to left, #CAE399, #E4F1CC);
  }
}

@media screen {

  body.mypage .step-visualization,
  .redet.mypage .step-visualization {
    margin-bottom: 15px;
  }
}

@media screen {

  body.mypage .step-visualization:not(.next-step),
  .redet.mypage .step-visualization:not(.next-step) {
    margin: 0 0 15px 0;
  }

  body.mypage .step-visualization:not(.next-step) li,
  .redet.mypage .step-visualization:not(.next-step) li {
    background: #CAE399;
  }

  body.mypage .step-visualization:not(.next-step) li::before,
  .redet.mypage .step-visualization:not(.next-step) li::before {
    border-top: 15px solid #CAE399;
    border-bottom: 15px solid #CAE399;
  }

  body.mypage .step-visualization:not(.next-step) li::after,
  .redet.mypage .step-visualization:not(.next-step) li::after {
    border-left: 15px solid #CAE399;
  }

  body.mypage .step-visualization:not(.next-step) li.active,
  .redet.mypage .step-visualization:not(.next-step) li.active {
    background: #458209;
    color: white;
  }

  body.mypage .step-visualization:not(.next-step) li.active a,
  .redet.mypage .step-visualization:not(.next-step) li.active a {
    color: white;
  }

  body.mypage .step-visualization:not(.next-step) li.active::before,
  .redet.mypage .step-visualization:not(.next-step) li.active::before {
    border-top: 15px solid #458209;
    border-bottom: 15px solid #458209;
  }

  body.mypage .step-visualization:not(.next-step) li.active::after,
  .redet.mypage .step-visualization:not(.next-step) li.active::after {
    border-left: 15px solid #458209;
  }
}

@media screen {

  body.mypage .status-visualization,
  .redet.mypage .status-visualization {
    margin: 0 0 15px 0;
  }
}

@media screen {

  body.mypage .form-fieldset,
  .redet.mypage .form-fieldset {
    margin: 0 0 30px 0;
  }

  body.mypage .form-fieldset legend,
  .redet.mypage .form-fieldset legend {
    border-color: #7AB800;
  }
}

@media screen {

  body.mypage .table-grid,
  .redet.mypage .table-grid {
    margin: 0 0 30px 0;
  }

  body.mypage .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  body.mypage .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed),
  .redet.mypage .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  .redet.mypage .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed) {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
  }

  body.mypage .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  body.mypage .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after,
  .redet.mypage .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  .redet.mypage .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 6px solid rgba(0, 0, 0, 0.1);
  }
}

@media screen {

  body.mypage mark,
  .redet.mypage mark {
    background: #7AB800;
    color: black;
  }
}

@media screen {

  body.mypage .list-group:not(.sub-grouped)::before,
  .redet.mypage .list-group:not(.sub-grouped)::before {
    border-top-color: #7AB800;
  }

  body.mypage .list-group .list-item.attention,
  .redet.mypage .list-group .list-item.attention {
    background-color: #F2F8E6;
    outline: 2px dashed #7AB800;
    position: relative;
    top: -2px;
  }

  body.mypage .list-group .list-item:nth-child(even).attention,
  .redet.mypage .list-group .list-item:nth-child(even).attention {
    background-color: #e8f2d2;
  }
}

@media screen {

  body.mypage .panel-group:not(.blind),
  .redet.mypage .panel-group:not(.blind) {
    background-color: #F2F8E6;
    color: black;
  }
}

@media screen {

  body.mypage .layout-group-sub:not(.unthemed),
  .redet.mypage .layout-group-sub:not(.unthemed) {
    color: black;
  }

  body.mypage .layout-group-sub:not(.unthemed) mark,
  .redet.mypage .layout-group-sub:not(.unthemed) mark {
    background: white;
    color: black;
  }

  body.mypage .layout-group-sub:not(.unthemed) a,
  .redet.mypage .layout-group-sub:not(.unthemed) a {
    color: black;
  }

  body.mypage .layout-group-sub:not(.unthemed) a:hover,
  .redet.mypage .layout-group-sub:not(.unthemed) a:hover {
    color: black;
  }

  body.mypage .layout-group-sub:not(.unthemed).clickable:hover,
  .redet.mypage .layout-group-sub:not(.unthemed).clickable:hover {
    background-color: #F2F8E6;
  }

  body.mypage .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content,
  .redet.mypage .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content {
    background-color: #ddedbe;
  }

  body.mypage .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after,
  .redet.mypage .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after {
    width: 100%;
  }

  body.mypage .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active),
  .redet.mypage .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active) {
    background-color: #ddedbe;
  }
}

@media screen {

  body.mypage .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  body.mypage .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  body.mypage .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover,
  .redet.mypage .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  .redet.mypage .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  .redet.mypage .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover {
    border-color: #7AB800;
  }

  body.mypage .page-navigation .toolbar.tabs .button-tile.active,
  body.mypage .page-navigation-compact .toolbar.tabs .button-tile.active,
  body.mypage .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.mypage .page-navigation .toolbar.tabs .button-tile.active,
  .redet.mypage .page-navigation-compact .toolbar.tabs .button-tile.active,
  .redet.mypage .page-navigation-alt .toolbar.tabs .button-tile.active {
    border-color: #7AB800;
  }
}

@media screen {

  body.mypage .list:not(.headless),
  .redet.mypage .list:not(.headless) {
    border-top-color: #7AB800;
  }
}

@media screen {

  body.mypage .list.clickable .content.active,
  body.mypage .list.clickable .content.active:hover,
  .redet.mypage .list.clickable .content.active,
  .redet.mypage .list.clickable .content.active:hover {
    background: #458209;
  }

  body.mypage .list.clickable .content:not(.active):hover,
  .redet.mypage .list.clickable .content:not(.active):hover {
    background-color: #F2F8E6;
  }
}

@media screen {

  body.mypage .list-group.lined-list .list-item .actions,
  .redet.mypage .list-group.lined-list .list-item .actions {
    border-color: #CAE399;
  }

  body.mypage .list-group.lined-list .list-item .content,
  .redet.mypage .list-group.lined-list .list-item .content {
    border-color: #CAE399;
  }

  body.mypage .list-group.sub-grouped .list-item,
  .redet.mypage .list-group.sub-grouped .list-item {
    border-color: #CAE399;
    background: #F2F8E6;
  }

  body.mypage .list-group.clickable .list-item.active,
  body.mypage .list-group.clickable .list-item.active:hover,
  .redet.mypage .list-group.clickable .list-item.active,
  .redet.mypage .list-group.clickable .list-item.active:hover {
    background: #458209;
  }

  body.mypage .list-group.clickable .list-item:not(.active):hover,
  .redet.mypage .list-group.clickable .list-item:not(.active):hover {
    background-color: #F2F8E6;
  }
}

@media screen {

  body.mypage .page-header-symbol figure,
  .redet.mypage .page-header-symbol figure {
    background-color: #7AB800;
  }
}

@media screen {

  body.mypage .page-header p a:focus-visible,
  .redet.mypage .page-header p a:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }
}

@media screen {

  body.mypage .page-header,
  .redet.mypage .page-header {
    position: relative;
  }

  body.mypage .page-header .toolbar .button-group,
  .redet.mypage .page-header .toolbar .button-group {
    width: 100%;
    justify-content: space-between;
  }

  body.mypage .page-header .toolbar .container,
  .redet.mypage .page-header .toolbar .container {
    background-color: #F2F8E6;
    color: black;
  }

  body.mypage .page-header::after,
  .redet.mypage .page-header::after {
    width: 110px;
    height: 110px;
    background: #7AB800 url(prerequisites/lm-icons/mypage.svg) no-repeat 50% 50%;
    background-size: 70px 70px;
    border-radius: 55px;
    position: absolute;
    left: 50%;
    display: block;
    content: "";
    margin: 0 0 -55px -55px;
    bottom: 0;
    outline: 5px solid white;
  }
}

@media screen and (max-width: 767px) {

  body.mypage .page-header::after,
  .redet.mypage .page-header::after {
    width: 50px;
    height: 50px;
    background-size: 30px 30px !important;
    margin: 0 0 -25px -25px;
  }
}

@media screen {

  body.mypage .layout-group-sub:not(.unthemed) .table-grid th,
  .redet.mypage .layout-group-sub:not(.unthemed) .table-grid th {
    border-bottom: 2px solid #CAE399;
  }

  body.mypage .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even),
  .redet.mypage .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.05);
  }
}

@media screen {

  body.mypage .button-icon.pin.button-icon .icon-placeholder,
  .redet.mypage .button-icon.pin.button-icon .icon-placeholder {
    margin: -2px 0 0 1px !important;
  }

  body.mypage .button-icon.pin .icon-placeholder,
  .redet.mypage .button-icon.pin .icon-placeholder {
    background: url(prerequisites/lm-icons/pin_button.svg) 50% 50% no-repeat;
    background-size: 20px 20px !important;
  }
}

@media screen {

  body.pro .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.pro .page-navigation-alt .toolbar.tabs .button-tile.active {
    background-color: transparent;
    color: black !important;
    font-weight: bold;
  }
}

@media screen {

  body.pro h2,
  body.pro .h2,
  body.pro header,
  body.pro h3,
  body.pro .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.pro h3,
  body.pro .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.pro .h3,
  body.pro .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.pro header,
  body.pro .h3,
  .redet.pro h2,
  .redet.pro .h2,
  .redet.pro header,
  .redet.pro h3,
  .redet.pro .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item .redet.pro h3,
  .redet.pro .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.pro .h3,
  .redet.pro .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.pro header,
  .redet.pro .h3 {
    border-bottom-color: #48647f !important;
  }

  body.pro .layout-group-top,
  .redet.pro .layout-group-top {
    background-color: #ebf0f4;
  }

  body.pro .layout-group-top hr,
  .redet.pro .layout-group-top hr {
    border-top: 1px solid #48647f;
  }
}

@media screen and (min-width: 768px) {

  body.pro .layout-group-top .tab-navigation,
  .redet.pro .layout-group-top .tab-navigation {
    background-color: #ebf0f4;
  }
}

@media screen {

  body.pro .list.clickable:not(.headless),
  body.pro .list-group.clickable:not(.headless),
  .redet.pro .list.clickable:not(.headless),
  .redet.pro .list-group.clickable:not(.headless) {
    border-top: 2px solid #458209;
  }
}

@media screen and (min-width: 768px) {

  body.pro .tab-navigation[role=tablist].mobile-dropdown,
  .redet.pro .tab-navigation[role=tablist].mobile-dropdown {
    background-color: #ebf0f4;
  }

  body.pro .tab-navigation>li.active,
  body.pro .tab-navigation>li:hover,
  .redet.pro .tab-navigation>li.active,
  .redet.pro .tab-navigation>li:hover {
    background-color: #458209;
    color: white;
  }

  body.pro .tab-navigation>li.active a,
  body.pro .tab-navigation>li:hover a,
  .redet.pro .tab-navigation>li.active a,
  .redet.pro .tab-navigation>li:hover a {
    color: white;
  }

  body.pro .tab-navigation,
  .redet.pro .tab-navigation {
    border-color: #458209;
  }
}

@media screen {

  body.pro .page-header-custom .symbol,
  .redet.pro .page-header-custom .symbol {
    background: #48647f;
  }
}

@media screen {

  body.pro .modal.themeout,
  .redet.pro .modal.themeout {
    background-color: #ebf0f4 !important;
  }

  body.pro .modal.themeout .modal-dialog .header-logo,
  .redet.pro .modal.themeout .modal-dialog .header-logo {
    border-color: #48647f;
  }
}

@media screen {

  body.pro .react-grid-HeaderCell,
  body.pro .react-grid-Header,
  .redet.pro .react-grid-HeaderCell,
  .redet.pro .react-grid-Header {
    background-color: #ebf0f4;
  }
}

@media screen {

  body.pro .react-grid-HeaderRow,
  .redet.pro .react-grid-HeaderRow {
    background-color: #ebf0f4;
    border-left-color: #48647f;
    color: white;
  }
}

@media screen {

  body.pro .tab-container,
  .redet.pro .tab-container {
    border-bottom: 4px solid #48647f;
  }

  body.pro .tab-container .tab-navigation li,
  .redet.pro .tab-container .tab-navigation li {
    border-bottom: 4px solid #48647f;
  }

  body.pro .tab-container .tab-navigation li.active,
  .redet.pro .tab-container .tab-navigation li.active {
    border-color: #48647f;
  }

  body.pro .tab-container .tab-navigation li.active::before,
  .redet.pro .tab-container .tab-navigation li.active::before {
    background-color: #48647f;
  }
}

@media screen {

  body.pro .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
  .redet.pro .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    border-bottom-color: #b0c1d2;
  }
}

@media screen {

  body.pro .react-datepicker__header,
  .redet.pro .react-datepicker__header {
    background-color: #b0c1d2;
  }
}

@media screen {

  body.pro .react-datepicker__current-month,
  body.pro .react-datepicker-time__header,
  body.pro .react-datepicker-year-header,
  .redet.pro .react-datepicker__current-month,
  .redet.pro .react-datepicker-time__header,
  .redet.pro .react-datepicker-year-header {
    color: black;
  }
}

@media screen {

  body.pro .react-datepicker__navigation--previous,
  .redet.pro .react-datepicker__navigation--previous {
    border-right-color: black;
  }

  body.pro .react-datepicker__navigation--previous:hover,
  .redet.pro .react-datepicker__navigation--previous:hover {
    border-right-color: #48647f;
  }
}

@media screen {

  body.pro .react-datepicker__navigation--next,
  .redet.pro .react-datepicker__navigation--next {
    border-left-color: black;
  }

  body.pro .react-datepicker__navigation--next:hover,
  .redet.pro .react-datepicker__navigation--next:hover {
    border-left-color: #48647f;
  }
}

@media screen {

  body.pro .side-panel,
  .redet.pro .side-panel {
    background: #ebf0f4;
  }

  body.pro .side-panel>.toolbar:first-of-type,
  body.pro .side-panel div.inert-container>.toolbar:first-of-type,
  .redet.pro .side-panel>.toolbar:first-of-type,
  .redet.pro .side-panel div.inert-container>.toolbar:first-of-type {
    background: #b0c1d2;
    color: black;
  }

  body.pro .side-panel .step-visualization:not(.next-step) li::after,
  .redet.pro .side-panel .step-visualization:not(.next-step) li::after {
    background: #ebf0f4;
  }

  body.pro .side-panel .step-visualization:not(.next-step) li::before,
  .redet.pro .side-panel .step-visualization:not(.next-step) li::before {
    border-left: 15px solid #ebf0f4;
  }

  body.pro .side-panel .layout-group-top,
  .redet.pro .side-panel .layout-group-top {
    background: #d7e0e8;
    color: black;
  }

  body.pro .side-panel.help .scrollable-content div.active,
  .redet.pro .side-panel.help .scrollable-content div.active {
    background: #d7e0e8;
    color: black;
  }
}

@media screen {

  body.pro .popover h3,
  body.pro .popover .layout-group-sub .h3,
  .layout-group-sub body.pro .popover .h3,
  body.pro .popover .layout-group-sub header,
  .layout-group-sub body.pro .popover header,
  body.pro .popover .list-group.sub-grouped .list-item h3,
  .list-group.sub-grouped .list-item body.pro .popover h3,
  body.pro .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item body.pro .popover .h3,
  body.pro .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item body.pro .popover header,
  body.pro .popover header.list-group-heading,
  .redet.pro .popover h3,
  .redet.pro .popover .layout-group-sub .h3,
  .layout-group-sub .redet.pro .popover .h3,
  .redet.pro .popover .layout-group-sub header,
  .layout-group-sub .redet.pro .popover header,
  .redet.pro .popover .list-group.sub-grouped .list-item .h3,
  .list-group.sub-grouped .list-item .redet.pro .popover .h3,
  .redet.pro .popover .list-group.sub-grouped .list-item header,
  .list-group.sub-grouped .list-item .redet.pro .popover header,
  .redet.pro .popover header.list-group-heading {
    color: black;
    background-color: #b0c1d2;
  }
}

@media screen {

  body.pro .checklist-panel h2,
  .layout-group-top body.pro .checklist-panel header,
  body.pro .checklist-panel .h2,
  body.pro .layout-group-top h2,
  body.pro .layout-group-top header,
  body.pro .layout-group-top .h2,
  body.pro .attention-group,
  .redet.pro .checklist-panel h2,
  .layout-group-top .redet.pro .checklist-panel header,
  .redet.pro .checklist-panel .h2,
  .redet.pro .layout-group-top h2,
  .redet.pro .layout-group-top header,
  .redet.pro .layout-group-top .h2,
  .redet.pro .attention-group {
    border-color: #48647f;
    margin: 0 0 30px 0;
  }
}

@media screen {

  body.pro div:not(.snackbar) .message,
  .redet.pro div:not(.snackbar) .message {
    background: #d7e0e8;
  }

  body.pro div:not(.snackbar) .message::after,
  .redet.pro div:not(.snackbar) .message::after {
    color: #d7e0e8;
  }
}

@media screen {

  body.pro .floating-message-group:not(.error),
  .redet.pro .floating-message-group:not(.error) {
    border-color: #48647f;
  }
}

@media screen {

  body.pro h3.underline,
  body.pro .layout-group-sub .underline.h3,
  .layout-group-sub body.pro .underline.h3,
  body.pro .layout-group-sub header.underline,
  .layout-group-sub body.pro header.underline,
  body.pro .list-group.sub-grouped .list-item h3.underline,
  .list-group.sub-grouped .list-item body.pro h3.underline,
  body.pro .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item body.pro .underline.h3,
  body.pro .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item body.pro header.underline,
  body.pro header.underline.list-group-heading,
  .redet.pro h3.underline,
  .redet.pro .layout-group-sub .underline.h3,
  .layout-group-sub .redet.pro .underline.h3,
  .redet.pro .layout-group-sub header.underline,
  .layout-group-sub .redet.pro header.underline,
  .redet.pro .list-group.sub-grouped .list-item .underline.h3,
  .list-group.sub-grouped .list-item .redet.pro .underline.h3,
  .redet.pro .list-group.sub-grouped .list-item header.underline,
  .list-group.sub-grouped .list-item .redet.pro header.underline,
  .redet.pro header.underline.list-group-heading {
    border-bottom: 4px solid #48647f;
    padding: 0 0 10px 0;
    display: inline-block;
  }
}

@media screen {

  body.pro .progress-indicator .current-progress,
  .redet.pro .progress-indicator .current-progress {
    background: linear-gradient(to left, #b0c1d2, #d7e0e8);
  }
}

@media screen {

  body.pro .step-visualization,
  .redet.pro .step-visualization {
    margin-bottom: 15px;
  }
}

@media screen {

  body.pro .step-visualization:not(.next-step),
  .redet.pro .step-visualization:not(.next-step) {
    margin: 0 0 15px 0;
  }

  body.pro .step-visualization:not(.next-step) li,
  .redet.pro .step-visualization:not(.next-step) li {
    background: #b0c1d2;
  }

  body.pro .step-visualization:not(.next-step) li::before,
  .redet.pro .step-visualization:not(.next-step) li::before {
    border-top: 15px solid #b0c1d2;
    border-bottom: 15px solid #b0c1d2;
  }

  body.pro .step-visualization:not(.next-step) li::after,
  .redet.pro .step-visualization:not(.next-step) li::after {
    border-left: 15px solid #b0c1d2;
  }

  body.pro .step-visualization:not(.next-step) li.active,
  .redet.pro .step-visualization:not(.next-step) li.active {
    background: #458209;
    color: white;
  }

  body.pro .step-visualization:not(.next-step) li.active a,
  .redet.pro .step-visualization:not(.next-step) li.active a {
    color: white;
  }

  body.pro .step-visualization:not(.next-step) li.active::before,
  .redet.pro .step-visualization:not(.next-step) li.active::before {
    border-top: 15px solid #458209;
    border-bottom: 15px solid #458209;
  }

  body.pro .step-visualization:not(.next-step) li.active::after,
  .redet.pro .step-visualization:not(.next-step) li.active::after {
    border-left: 15px solid #458209;
  }
}

@media screen {

  body.pro .status-visualization,
  .redet.pro .status-visualization {
    margin: 0 0 15px 0;
  }
}

@media screen {

  body.pro .form-fieldset,
  .redet.pro .form-fieldset {
    margin: 0 0 30px 0;
  }

  body.pro .form-fieldset legend,
  .redet.pro .form-fieldset legend {
    border-color: #48647f;
  }
}

@media screen {

  body.pro .table-grid,
  .redet.pro .table-grid {
    margin: 0 0 30px 0;
  }

  body.pro .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  body.pro .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed),
  .redet.pro .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed),
  .redet.pro .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed) {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
  }

  body.pro .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  body.pro .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after,
  .redet.pro .table-grid tr:nth-child(even) td .layout-group-sub:not(.unthemed)::after,
  .redet.pro .table-grid tr:nth-child(even) th .layout-group-sub:not(.unthemed)::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 6px solid rgba(0, 0, 0, 0.1);
  }
}

@media screen {

  body.pro mark,
  .redet.pro mark {
    background: #48647f;
    color: white;
  }
}

@media screen {

  body.pro .list-group:not(.sub-grouped)::before,
  .redet.pro .list-group:not(.sub-grouped)::before {
    border-top-color: #48647f;
  }

  body.pro .list-group .list-item.attention,
  .redet.pro .list-group .list-item.attention {
    background-color: #ebf0f4;
    outline: 2px dashed #48647f;
    position: relative;
    top: -2px;
  }

  body.pro .list-group .list-item:nth-child(even).attention,
  .redet.pro .list-group .list-item:nth-child(even).attention {
    background-color: #dbe4eb;
  }
}

@media screen {

  body.pro .panel-group:not(.blind),
  .redet.pro .panel-group:not(.blind) {
    background-color: #ebf0f4;
    color: black;
  }
}

@media screen {

  body.pro .layout-group-sub:not(.unthemed),
  .redet.pro .layout-group-sub:not(.unthemed) {
    color: black;
  }

  body.pro .layout-group-sub:not(.unthemed) mark,
  .redet.pro .layout-group-sub:not(.unthemed) mark {
    background: white;
    color: black;
  }

  body.pro .layout-group-sub:not(.unthemed) a,
  .redet.pro .layout-group-sub:not(.unthemed) a {
    color: black;
  }

  body.pro .layout-group-sub:not(.unthemed) a:hover,
  .redet.pro .layout-group-sub:not(.unthemed) a:hover {
    color: black;
  }

  body.pro .layout-group-sub:not(.unthemed).clickable:hover,
  .redet.pro .layout-group-sub:not(.unthemed).clickable:hover {
    background-color: #ebf0f4;
  }

  body.pro .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content,
  .redet.pro .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content {
    background-color: #cad7e2;
  }

  body.pro .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after,
  .redet.pro .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:hover:not(.active) .content::after {
    width: 100%;
  }

  body.pro .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active),
  .redet.pro .layout-group-sub:not(.unthemed) .list-group.clickable .list-item:nth-child(even) .content:hover:not(.active) {
    background-color: #cad7e2;
  }
}

@media screen {

  body.pro .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  body.pro .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  body.pro .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover,
  .redet.pro .page-navigation .toolbar.tabs .button-tile:not(.active):hover,
  .redet.pro .page-navigation-compact .toolbar.tabs .button-tile:not(.active):hover,
  .redet.pro .page-navigation-alt .toolbar.tabs .button-tile:not(.active):hover {
    border-color: #48647f;
  }

  body.pro .page-navigation .toolbar.tabs .button-tile.active,
  body.pro .page-navigation-compact .toolbar.tabs .button-tile.active,
  body.pro .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.pro .page-navigation .toolbar.tabs .button-tile.active,
  .redet.pro .page-navigation-compact .toolbar.tabs .button-tile.active,
  .redet.pro .page-navigation-alt .toolbar.tabs .button-tile.active {
    border-color: #48647f;
  }
}

@media screen {

  body.pro .list:not(.headless),
  .redet.pro .list:not(.headless) {
    border-top-color: #48647f;
  }
}

@media screen {

  body.pro .list.clickable .content.active,
  body.pro .list.clickable .content.active:hover,
  .redet.pro .list.clickable .content.active,
  .redet.pro .list.clickable .content.active:hover {
    background: #458209;
  }

  body.pro .list.clickable .content:not(.active):hover,
  .redet.pro .list.clickable .content:not(.active):hover {
    background-color: #ebf0f4;
  }
}

@media screen {

  body.pro .list-group.lined-list .list-item .actions,
  .redet.pro .list-group.lined-list .list-item .actions {
    border-color: #b0c1d2;
  }

  body.pro .list-group.lined-list .list-item .content,
  .redet.pro .list-group.lined-list .list-item .content {
    border-color: #b0c1d2;
  }

  body.pro .list-group.sub-grouped .list-item,
  .redet.pro .list-group.sub-grouped .list-item {
    border-color: #b0c1d2;
    background: #ebf0f4;
  }

  body.pro .list-group.clickable .list-item.active,
  body.pro .list-group.clickable .list-item.active:hover,
  .redet.pro .list-group.clickable .list-item.active,
  .redet.pro .list-group.clickable .list-item.active:hover {
    background: #458209;
  }

  body.pro .list-group.clickable .list-item:not(.active):hover,
  .redet.pro .list-group.clickable .list-item:not(.active):hover {
    background-color: #ebf0f4;
  }
}

@media screen {

  body.pro .page-header-symbol figure,
  .redet.pro .page-header-symbol figure {
    background-color: #48647f;
  }
}

@media screen {

  body.pro .page-header p a:focus-visible,
  .redet.pro .page-header p a:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px;
  }
}

@media screen {

  body.pro .page-header,
  .redet.pro .page-header {
    position: relative;
  }

  body.pro .page-header .toolbar .button-group,
  .redet.pro .page-header .toolbar .button-group {
    width: 100%;
    justify-content: space-between;
  }

  body.pro .page-header .toolbar .container,
  .redet.pro .page-header .toolbar .container {
    background-color: #ebf0f4;
    color: black;
  }

  body.pro .page-header::after,
  .redet.pro .page-header::after {
    width: 110px;
    height: 110px;
    background: #48647f url(prerequisites/lm-icons/pro.svg) no-repeat 50% 50%;
    background-size: 70px 70px;
    border-radius: 55px;
    position: absolute;
    left: 50%;
    display: block;
    content: "";
    margin: 0 0 -55px -55px;
    bottom: 0;
    outline: 5px solid white;
  }
}

@media screen and (max-width: 767px) {

  body.pro .page-header::after,
  .redet.pro .page-header::after {
    width: 50px;
    height: 50px;
    background-size: 30px 30px !important;
    margin: 0 0 -25px -25px;
  }
}

@media screen {

  body.pro .layout-group-sub:not(.unthemed) .table-grid th,
  .redet.pro .layout-group-sub:not(.unthemed) .table-grid th {
    border-bottom: 2px solid #b0c1d2;
  }

  body.pro .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even),
  .redet.pro .layout-group-sub:not(.unthemed) .list-group .list-item:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.05);
  }
}

@media screen {

  body.pro .button-icon.pin.button-icon .icon-placeholder,
  .redet.pro .button-icon.pin.button-icon .icon-placeholder {
    margin: -2px 0 0 1px !important;
  }

  body.pro .button-icon.pin .icon-placeholder,
  .redet.pro .button-icon.pin .icon-placeholder {
    background: url(prerequisites/lm-icons/pin_button.svg) 50% 50% no-repeat;
    background-size: 20px 20px !important;
  }
}

@media screen {

  body.pro .page-navigation-alt .toolbar.tabs .button-tile.active,
  .redet.pro .page-navigation-alt .toolbar.tabs .button-tile.active {
    background-color: transparent;
    color: black !important;
    font-weight: bold;
  }
}

@media screen {
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      .main-content-link {
        position: absolute;
        padding: 0 4px;
        margin: 2px;
        background: rgba(255, 255, 255, 0.8);
        z-index: 1000;
        font-size: 12px;
        color: #333333;
      }
    }
  }
}

@media print {
  .material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
  }

  body {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
  }

  .description {
    margin-top: 0.5em;
    display: block;
    font-size: 80%;
  }

  h4 {
    font-size: 18px;
  }

  .container {
    width: auto;
  }

  .rdt_Pagination {
    font-size: 16px;
    border-color: black !important;
  }

  .table-container * {
    font-size: 16px;
    border-color: black !important;
  }

  .table-container * span[class*=sc-] {
    margin-left: 0.25em;
  }

  .page-alert,
  .toolbar,
  .side-panel,
  .checklist-panel,
  .step-visualization,
  .cutout,
  .mini-map,
  .dialog-stack,
  .file-upload,
  .react-datepicker,
  .status-visualization,
  .tab-navigation,
  .pagination-list,
  .ol-mouse-position,
  .list-item .actions,
  .cookie-consent-panel,
  .buorg,
  #buorg,
  .ui-autocomplete-panel,
  .page-footer .arrow-link,
  .ui-datepicker,
  .validation,
  .navbar-support *,
  .navbar-search *,
  .map-panel figure.marker,
  .mobile-background,
  .main-navigation,
  .fullscreen-animation,
  .linear-animation,
  .circle-animation,
  .main-content-link,
  a.button-top,
  a.button-sub,
  a.button-icon,
  .lightbox-button,
  br,
  iframe,
  button {
    display: none !important;
  }

  .page-header {
    padding-bottom: 0;
    margin: 0;
    border-bottom: none;
  }

  .page-header .container header {
    padding: 0;
    margin: 0.5em 0 0.25em 0;
    font-weight: 700;
    line-height: 1.5;
    font-size: 36px;
  }

  p.introduction {
    font-weight: 700;
  }

  p.breadcrumbs {
    margin-top: 1em;
  }

  p .description {
    display: block;
  }

  p .description .material-icons {
    position: relative;
    top: 0.2em;
    margin-right: 0.1em;
  }

  p .material-icons {
    position: relative;
    top: 0.25em;
    margin: 0 0.25em;
  }

  p br {
    display: block;
  }

  .lightbox {
    margin: 1em 0;
  }

  .layout.one-up h5,
  .layout.two-up h5 {
    font-weight: 700;
  }

  .layout.one-up h6,
  .layout.two-up h6 {
    text-decoration: underline;
  }

  .layout.one-up blockquote,
  .layout.two-up blockquote {
    border: none !important;
    padding: 0 !important;
    font-size: 100%;
  }

  a[href]:after {
    display: none;
  }

  .image-panel header {
    margin: 1em 0 0.25em 0;
  }

  input[type=text],
  input[type=date],
  input[type=password],
  input[type=number],
  textarea,
  select {
    border: 1px solid black;
    min-height: 1.5em;
    padding: 0.5em;
    border-radius: 0.5em;
    width: 100%;
  }

  .form-group .label {
    display: block;
    border: none;
    text-align: left;
    padding: 0.5em 0 0 0;
    font-weight: 400;
  }

  .form-group .material-icons {
    display: none;
  }

  .form-checkbox p,
  .form-radio p {
    display: none;
  }

  .form-checkbox .text,
  .form-radio .text {
    margin-right: 1em;
  }

  .image-panel figure {
    overflow: hidden;
  }

  ul {
    padding: 0;
  }

  ul li {
    margin-left: 1em;
  }

  .table-grid {
    width: 100%;
  }

  .table-grid th,
  .table-grid td {
    padding-right: 1em;
  }

  .page-navigation,
  .page-navigation-compact {
    border-bottom: 1px solid black;
    padding-bottom: 1em;
  }

  .page-navigation .navbar-logo,
  .page-navigation-compact .navbar-logo {
    display: flex;
    justify-content: center;
  }

  .page-navigation .navbar-logo .navbar-brand,
  .page-navigation-compact .navbar-logo .navbar-brand {
    padding: 1em 0 0.5em 0;
    height: 100%;
  }

  .page-navigation .navbar-logo .navbar-brand figure,
  .page-navigation-compact .navbar-logo .navbar-brand figure {
    margin: 0;
  }

  .page-navigation .navbar-logo .navbar-brand figure img,
  .page-navigation-compact .navbar-logo .navbar-brand figure img {
    width: 10em;
  }

  .map-panel {
    position: relative;
    margin: 0 15px;
  }

  .map-panel .search-results strong {
    display: block;
  }

  .page-footer {
    margin-top: 1em;
    border-top: 1px solid black;
  }

  .page-footer figure {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 1em 0 1em 0;
  }

  .page-footer figure img {
    width: 10em;
    margin-right: 1em;
  }

  .form-fieldset {
    margin: 0 0 1em 0;
    border: none;
    padding: 0;
  }

  .form-fieldset legend {
    font-weight: 700;
    margin-bottom: 0.5em;
    border: none;
    font-size: 16px;
  }

  .form-fieldset legend .description {
    display: block;
    font-weight: 400;
  }

  .message-panel {
    margin: 1em 0;
  }

  .message-panel strong {
    display: block;
  }

  #map {
    margin: 1em 0 1em 0;
  }

  .modal {
    position: static;
    margin: 0 !important;
  }

  .modal .modal-dialog {
    width: 100%;
    margin-top: 1em;
  }

  .modal .modal-dialog .modal-content {
    border: none;
  }

  .modal-open {
    overflow: auto;
  }

  .pdfobject-container:after {
    content: "Handlingar i PDF-format kan inte skrivas ut.";
    display: block;
    margin: 0 0 1em 0;
  }

  .pdfobject-container .pdfobject {
    display: none;
  }

  .flex-line {
    display: flex;
  }

  .flex-line .flex-group {
    display: flex;
    flex-grow: 1;
  }

  .flex-line .form-group {
    flex-grow: 1;
    margin-right: 5px !important;
  }

  .flex-line .double-width {
    display: flex;
    flex-wrap: nowrap;
    width: 200%;
    margin-right: 0 !important;
  }

  .flex-line .single-width {
    width: 100%;
  }

  .flex-line.line-wrap {
    flex-wrap: wrap;
  }

  .form-group .flex-line .text {
    line-height: 40px;
    height: 40px;
    font-size: 16px;
  }
}