@media (min-width: 980px) {
}
@media (max-width: 640px) {
}
.orbeon .xbl-fr-wizard {
  width: 100%;
  box-sizing: border-box;
  display: grid;
  column-gap: 10px;
  row-gap: 10px;
}
.orbeon .xbl-fr-wizard:not(:has(> .fr-wizard-separate-toc)) {
  grid-template-columns: 20% 1fr;
}
.orbeon .xbl-fr-wizard:has(> .fr-wizard-separate-toc) {
  grid-template-columns: 1fr;
}
.orbeon .xbl-fr-wizard .fr-toc,
.orbeon .xbl-fr-wizard .fr-wizard-toc {
  grid-row: 1;
  grid-column: 1;
  height: fit-content;
  position: sticky;
  top: 60px;
}
.orbeon .xbl-fr-wizard .fr-body,
.orbeon .xbl-fr-wizard .fr-wizard-body {
  grid-row: 1;
  grid-column: 2;
}
.orbeon .xbl-fr-wizard .wizard-toc.fr-wizard-separate-toc,
.orbeon .xbl-fr-wizard .wizard-body.fr-wizard-separate-toc {
  grid-row: 0.5;
}
.orbeon .xbl-fr-wizard .fr-wizard-other {
  grid-row: 2;
  grid-column: 2;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc {
  margin-bottom: 0;
  height: fit-content;
  background-color: white;
  min-height: 20px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc a {
  text-decoration: none;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav-header {
  color: #555;
  display: none;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav > li > span > .btn-link {
  display: flex;
  align-items: center;
  line-height: 30px;
  padding: 3px 1em;
  margin: 0;
  border: none;
  text-shadow: none;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav > li > span > .btn-link > .fr-toc-title {
  order: 1;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav > li .btn-link {
  color: #0d6efd;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav .nav {
  margin-left: 1em;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc.fr-wizard-separate-toc .nav .btn-link .fr-toc-edit {
  display: block;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav > li:first-of-type + li .btn-link {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav ul,
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav li {
  clear: both;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav .active > span > .btn-link {
  color: white;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav .btn-link {
  text-decoration: none;
  color: #0d6efd;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav .btn-link .fr-toc-edit {
  order: 3;
  margin-left: 1em;
  text-decoration: underline;
  display: none;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav .btn-link .fr-toc-status {
  order: 2;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
  width: 70px;
  margin-left: 0.25em;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav .visible-invalid > span > .btn-link {
  color: #B94A48;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav .active.visible-invalid > span > .btn-link {
  color: #fff;
  background-color: #B94A48;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav .visible-incomplete > span > .btn-link {
  color: #B94A48;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav .active.visible-incomplete > span > .btn-link {
  color: #fff;
  background-color: #B94A48;
}
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav .nav {
  list-style-type: none;
  padding-right: 1em;
  padding-left: 1em;
}
.orbeon .xbl-fr-wizard .fr-wizard-body {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  background-color: white;
}
.orbeon .xbl-fr-wizard .fr-wizard-other .fr-buttons {
  display: block;
}
.orbeon .xbl-fr-wizard .fr-wizard-navigation .pagination {
  margin: 10px 0;
  display: block;
}
.orbeon .xbl-fr-wizard .fr-wizard-navigation .pagination ul {
  display: inline-block;
}
.orbeon .xbl-fr-wizard .fr-wizard-navigation .pagination .fr-page-number {
  min-width: 60px;
}
.orbeon .xbl-fr-wizard .fr-wizard-navigation .pagination .fr-page-number .xforms-output-output {
  white-space: nowrap;
}
.orbeon .xbl-fr-wizard .fr-buttons {
  display: table-cell;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 9px;
  padding-left: 9px;
  text-align: right;
}
.orbeon .xbl-fr-wizard .xbl-fr-recaptcha {
  padding-left: 16px;
  padding-right: 16px;
}
.orbeon .xbl-fr-wizard .fr-wizard-debugger {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 100vh;
  box-sizing: border-box;
  padding: 60px 1em 1em;
  z-index: 10000;
  border-right: 4px solid #f5f5f5;
  background: repeating-linear-gradient(-45deg, #f5f5f5, #f5f5f5 5px, #fff 5px, #fff 10px);
  overflow-y: scroll;
}
.orbeon .xbl-fr-wizard .fr-wizard-debugger legend {
  position: relative;
  top: 60px;
}
@media (max-width: 980px) {
  .orbeon .xbl-fr-wizard {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .orbeon .xbl-fr-wizard .fr-wizard-toc {
    order: 1;
    position: static;
  }
  .orbeon .xbl-fr-wizard .fr-wizard-toc .nav > li:first-of-type + li .btn-link {
    border-top-right-radius: 4px;
  }
  .orbeon .xbl-fr-wizard .fr-wizard-body {
    order: 2;
    border: none;
  }
  .orbeon .xbl-fr-wizard .fr-wizard-other {
    order: 3;
  }
  .orbeon .xbl-fr-wizard .fr-buttons {
    display: block;
  }
}