/*
  after edit, do: csso main.css>main.min.css (https: //www.npmjs.com/package/csso)

  to check all boxes: * {
    outline: 1px solid #f00 !important;
  }
*/

html {
  scroll-behavior: smooth;
}

.text-bold {
  font-weight: 600;
}

body {
  background-color: #aeb1bb;
  -ms-hyphens: auto;
  /* ab IE10 */
  -moz-hyphens: auto;
  /* seit Firefox 6 */
  -webkit-hyphens: auto;
  /* seit Safari 5.1 (OS X), Safari 4.1 (iOS) */
  hyphens: auto;
}

.no-hyphens {
  -ms-hyphens: none;
  /* ab IE10 */
  -moz-hyphens: none;
  /* seit Firefox 6 */
  -webkit-hyphens: none;
  /* seit Safari 5.1 (OS X), Safari 4.1 (iOS) */
  hyphens: none;
}

main {
  margin: 0;
  padding: 0 1.5rem 2rem 1.5rem;
}

.show-inline-md {
  display: none !important;
}

@media (max-width: 960px) {
  main {
    padding: 0 .5rem 2rem .5rem;
  }

  .show-inline-md {
    display: inline !important;
  }
}

.dropzone {
  cursor: move;
}

textarea {
  hyphens: none;
}

@media screen {
  .admin-only {
    display: none;
  }

  .admin-only a,
  .admin-only a:hover {
    color: #E85600;
    border-color: #E85600;
  }

  .admin-only a:hover {
    background-color: #FADBC9;
  }

  .admin-only-block {
    border: 1px solid #E85600;
    border-radius: 5px;
    background-color: #FADBC9;
    padding: 1rem;
    margin-bottom: 1rem;
  }

  .admin-only-block a,
  .admin-only-block a:hover {
    color: #3C8CCC;
    border-color: #3C8CCC;
  }

  .img-sub {
    color: #E85600;
    margin-top: -.75rem;
  }
}

.is-pdf {
  display: none;
}

.pagination .page-item a {
  margin: 0 .25rem;
}

h1 p {
  margin: 0;
}

dd p {
  margin-left: 1rem;
}

div.bu p {
  margin-top: -.5rem;
  margin-bottom: 1rem;
  font-size: 80%;
  line-height: 120%;
}

.btn {
  height: auto;
}

.btn.btn-block {
  white-space: normal;
}

.input-lg {
  font-weight: 600;
}

pre {
  margin-top: 0;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

main a,
main button {
  font-weight: bold;
}

a.blank {
  font-weight: normal;
  text-decoration: none;
  color: inherit;
}

a.anchor {
  display: block;
  position: relative;
  top: -1rem;
  visibility: hidden;
}

footer a {
  font-weight: normal;
  color: #FFF;
}

strong {
  font-weight: bold;
}

@media screen {
  .print-only {
    display: none;
  }
}

@media print {
  .screen-only {
    display: none;
  }
  .pagebreak {
    clear: both;
    page-break-before: always;
  }
}

.divider-vert[data-content]::after,
.divider[data-content]::after {
  background-color: transparent;
  color: inherit;
}

.card {
  background-color: #F7F8F9;
  box-shadow: 0 1px 1px 0 #35353a54;
}

form,
.card {
  margin: .5rem 0 1rem 0;
}

.card .card-body:last-child,
.card .card-footer:last-child,
.card .card-header:last-child {
  padding: .75em 1em;
}

.card-body h1 {
  font-size: 20px;
  line-height: 120%;
  font-weight: bold;
  margin: 0 0 .5rem 0;
}

.card-body h4 {
  font-size: 20px;
  font-weight: bold;
}

ul.tab {
  padding-left: 0;
  margin-bottom: 1rem;
}

.tab .tab-item a {
  padding: .4rem .5rem .3rem .5rem;
  cursor: pointer;
}

.tab .tab-item a:hover {
  background-color: #e1f4ff;
  border-bottom: 2px solid #9bdbff;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-width: 100%;
}

th,
td {
  vertical-align: top;
}

th.collapse,
td.collapse {
  width: 1px;
  white-space: nowrap;
}

.mono {
  font-family: monospace;
}

.box {
  padding: 1rem 1rem 1rem 1rem;
  background-color: #F7F8F9;
  margin-bottom: 1rem;
}

.hollow-box {
  border: 1px solid #CCC;
  border-radius: 5px;
  padding: 1rem 1rem 1rem 1rem;
  background-color: transparent;
  margin-bottom: 1rem;
  box-shadow: 0 5px 5px -3px #00000020;
}

.admin-legend {
  text-align: center;
  font-weight: bold;
  padding: .25rem;
  border: 1px solid #DDD;
  border-radius: 5px;
  background-color: #FCFCFC;
  margin-bottom: 1rem;
}

.bordered {
  border: 1px solid #DADEE4;
}

.shadowed {
  box-shadow: 0 5px 5px -3px #00000080;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

h1 {
  font-size: 32px;
  margin: 0 0 1rem 0;
}

h1.sup {
  font-size: 20px;
  font-weight: normal;
  margin: 0 0 0 0;
}

h1.sub {
  font-size: 20px;
  font-weight: normal;
  margin: -1rem 0 1rem 0;
}

h2 {
  font-size: 28px;
  margin-top: 2rem;
}

h2.sup {
  font-size: 17px;
  font-weight: normal;
  margin: 0 0 -1.5rem 0;
}

h2.sub {
  font-size: 17px;
  font-weight: normal;
  margin: -.5rem 0 1rem 0;
}

h3 {
  margin-top: 1.5rem;
  font-size: 25px;
}

h4 {
  margin-top: 1.5rem;
  font-size: 22px;
}

h5 {
  margin-top: 1.5rem;
  font-size: 20px;
}

h6 {
  margin-top: 1.5rem;
  font-size: 18px;
}

p {
  margin-bottom: .5rem;
}

ul,
ol {
  padding-left: .5rem;
  list-style-position: outside;
}

ul li,
ol li {
  margin: 0 0 .2rem 0;
  line-height: 1.1rem;
}

li.tab-item {
  margin: 0;
}

li.menu-item a {
  white-space: nowrap;
}

ul.fa-ul {
  margin-left: 1.25rem;
}

.fa-li {
  left: -1.75rem;
}

.fa-fw {
  width: 1rem;
}

.fa-ul li {
  padding-left: .25rem;
}

.fa-ul .fa-li i {
  width: 1.25rem;
}

main figure {
  padding: 0;
  margin: 1rem 2rem 1rem 2rem;
}

main figure figcaption {
  margin-top: -.75rem;
  font-size: 90%;
}

main section {
  margin-bottom: 1.5rem;
}

main img {
  max-width: 100%;
}

main textarea {
  padding: .5rem;
}

.divider {
  border-color: #CCC;
}

/* Container holding the image and the text */
.image-container {
  position: relative;
  color: #FFF;
  margin: 0 -30px;

}

/* Bottom left text */
.image-container .bottom-left {
  position: absolute;
  bottom: 6px;
  left: 0px;
  pointer-events: none;

  border: 0px;
  padding: 15px 30px 25px 30px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
}

/* Top left text */
.image-container .top-left {
  position: absolute;
  top: .5rem;
  left: 1rem;
}

/* Top right text */
.image-container .top-right {
  position: absolute;
  top: .5rem;
  right: 1rem;
}

/* Bottom right text */
.image-container .bottom-right {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

/* Centered text */
.image-container .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#top-button {
  background-color: #419FD9;
  /* Set a background color */
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Fixed/sticky position */
  bottom: 20px;
  /* Place the button at the bottom of the page */
  right: 20px;
  /* Place the button 30px from the right */
  z-index: 99;
  /* Make sure it does not overlap */
  border: none;
  /* Remove borders */
  outline: none;
  /* Remove outline */
  color: white;
  /* Text color */
  cursor: pointer;
  /* Add a mouse pointer on hover */
  border: 3px solid #FFF;
  border-radius: 50%;
  /* Rounded corners */
  font-size: 25px;
  /* Increase font size */
  height: 40px;
  width: 40px;
  margin: 0;
  padding: 0;
  font-size: 25px;
  line-height: 34px;
  font-family: monospace;
  text-align: center;
  text-decoration: none;
  opacity: .66;
}

#top-button:hover {
  background-color: #555;
}

.CodeMirror {
  border: .05rem solid #bcc3ce;
  border-radius: 5px;
}

.datepicker.input,
.monthpicker.input,
.datetimepicker.input,
.timepicker.input {
  background-color: #FFF;
  cursor: pointer;
}

.humanIDValue {
  cursor: pointer;
  font-family: 'Source Code Pro', monospace;
  font-size: 14px;
  overflow: hidden;
  height: 1rem;
  width: calc(100% - 8rem);
  margin: 0 .25rem;
  position: absolute;
  top: 50%;
  left: 5rem;
  transform: translateY(-50%);
  z-index: 2;
  color: #808080;
}

a.footnote {
  color: #005ec9;
  margin-left: .2rem;
  font-weight: normal;
}

a.footnote:hover {
  color: #005ec9a6;
}


.video-container {
  position: relative;
  width: 100%;
  height: auto;
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

table.table.table-grid {
  border: 2px solid #DADEE4;
}

table.table.table-grid th {
  border-top: 1px solid #DADEE4;
}

table.table.table-grid th,
table.table.table-grid td {
  border-left: 1px solid #DADEE4;
  border-right: 1px solid #DADEE4;
}

.accordion .accordion-header {
  cursor: pointer;
  padding: 0;
}

.accordion .accordion-body {
  overflow-x: hidden;
  overflow-y: hidden;
}

.accordion input:checked~.accordion-body,
.accordion[open] .accordion-body {
  max-height: 100%;
}

.doclist {
  display: flex;
  align-items: flex-start;
}

.doclist>*:first-child {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 1rem;
  width: 1.5rem;
  text-align: center;
}

/* iframe */

.auto-resizable-iframe {
  max-width: 1024px;
  margin: 0px auto;
}

.auto-resizable-iframe>div {
  position: relative;
  padding-bottom: 66%; /* 1,5 : 1 */
  margin-bottom: .5rem;
  height: 0px;
}

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.breadcrumb {
  margin: 0 0 1rem 0;
}

.breadcrumb .breadcrumb-item a {
  font-weight: 600;
}

.breadcrumb .breadcrumb-item {
  color: #333;
  margin: 0 .2rem;
}

.breadcrumb .breadcrumb-item:not(:last-child) a {
  color: #333;
}

.badge[data-badge].badge-warning::after {
  background-color: #FF930E;
}

.badge[data-badge].badge-success::after {
  background-color: #32B643;
}

.badge[data-badge].badge-error::after {
  background-color: #E85600;
}

/* carousel ext 9..32 */
.carousel .carousel-locator:nth-of-type(32):checked~.carousel-container .carousel-item:nth-of-type(32),
.carousel .carousel-locator:nth-of-type(31):checked~.carousel-container .carousel-item:nth-of-type(31),
.carousel .carousel-locator:nth-of-type(30):checked~.carousel-container .carousel-item:nth-of-type(30),
.carousel .carousel-locator:nth-of-type(29):checked~.carousel-container .carousel-item:nth-of-type(29),
.carousel .carousel-locator:nth-of-type(28):checked~.carousel-container .carousel-item:nth-of-type(28),
.carousel .carousel-locator:nth-of-type(27):checked~.carousel-container .carousel-item:nth-of-type(27),
.carousel .carousel-locator:nth-of-type(26):checked~.carousel-container .carousel-item:nth-of-type(26),
.carousel .carousel-locator:nth-of-type(25):checked~.carousel-container .carousel-item:nth-of-type(25),
.carousel .carousel-locator:nth-of-type(24):checked~.carousel-container .carousel-item:nth-of-type(24),
.carousel .carousel-locator:nth-of-type(23):checked~.carousel-container .carousel-item:nth-of-type(23),
.carousel .carousel-locator:nth-of-type(22):checked~.carousel-container .carousel-item:nth-of-type(22),
.carousel .carousel-locator:nth-of-type(21):checked~.carousel-container .carousel-item:nth-of-type(21),
.carousel .carousel-locator:nth-of-type(20):checked~.carousel-container .carousel-item:nth-of-type(20),
.carousel .carousel-locator:nth-of-type(19):checked~.carousel-container .carousel-item:nth-of-type(19),
.carousel .carousel-locator:nth-of-type(18):checked~.carousel-container .carousel-item:nth-of-type(18),
.carousel .carousel-locator:nth-of-type(17):checked~.carousel-container .carousel-item:nth-of-type(17),
.carousel .carousel-locator:nth-of-type(16):checked~.carousel-container .carousel-item:nth-of-type(16),
.carousel .carousel-locator:nth-of-type(15):checked~.carousel-container .carousel-item:nth-of-type(15),
.carousel .carousel-locator:nth-of-type(14):checked~.carousel-container .carousel-item:nth-of-type(14),
.carousel .carousel-locator:nth-of-type(13):checked~.carousel-container .carousel-item:nth-of-type(13),
.carousel .carousel-locator:nth-of-type(12):checked~.carousel-container .carousel-item:nth-of-type(12),
.carousel .carousel-locator:nth-of-type(11):checked~.carousel-container .carousel-item:nth-of-type(11),
.carousel .carousel-locator:nth-of-type(10):checked~.carousel-container .carousel-item:nth-of-type(10),
.carousel .carousel-locator:nth-of-type(9):checked~.carousel-container .carousel-item:nth-of-type(9) {
  animation: carousel-slidein 0.75s ease-in-out 1;
  opacity: 1;
  z-index: 100;
}

.carousel .carousel-locator:nth-of-type(32):checked~.carousel-nav .nav-item:nth-of-type(32),
.carousel .carousel-locator:nth-of-type(31):checked~.carousel-nav .nav-item:nth-of-type(31),
.carousel .carousel-locator:nth-of-type(30):checked~.carousel-nav .nav-item:nth-of-type(30),
.carousel .carousel-locator:nth-of-type(29):checked~.carousel-nav .nav-item:nth-of-type(29),
.carousel .carousel-locator:nth-of-type(28):checked~.carousel-nav .nav-item:nth-of-type(28),
.carousel .carousel-locator:nth-of-type(27):checked~.carousel-nav .nav-item:nth-of-type(27),
.carousel .carousel-locator:nth-of-type(26):checked~.carousel-nav .nav-item:nth-of-type(26),
.carousel .carousel-locator:nth-of-type(25):checked~.carousel-nav .nav-item:nth-of-type(25),
.carousel .carousel-locator:nth-of-type(24):checked~.carousel-nav .nav-item:nth-of-type(24),
.carousel .carousel-locator:nth-of-type(23):checked~.carousel-nav .nav-item:nth-of-type(23),
.carousel .carousel-locator:nth-of-type(22):checked~.carousel-nav .nav-item:nth-of-type(22),
.carousel .carousel-locator:nth-of-type(21):checked~.carousel-nav .nav-item:nth-of-type(21),
.carousel .carousel-locator:nth-of-type(20):checked~.carousel-nav .nav-item:nth-of-type(20),
.carousel .carousel-locator:nth-of-type(19):checked~.carousel-nav .nav-item:nth-of-type(19),
.carousel .carousel-locator:nth-of-type(18):checked~.carousel-nav .nav-item:nth-of-type(18),
.carousel .carousel-locator:nth-of-type(17):checked~.carousel-nav .nav-item:nth-of-type(17),
.carousel .carousel-locator:nth-of-type(16):checked~.carousel-nav .nav-item:nth-of-type(16),
.carousel .carousel-locator:nth-of-type(15):checked~.carousel-nav .nav-item:nth-of-type(15),
.carousel .carousel-locator:nth-of-type(14):checked~.carousel-nav .nav-item:nth-of-type(14),
.carousel .carousel-locator:nth-of-type(13):checked~.carousel-nav .nav-item:nth-of-type(13),
.carousel .carousel-locator:nth-of-type(12):checked~.carousel-nav .nav-item:nth-of-type(12),
.carousel .carousel-locator:nth-of-type(11):checked~.carousel-nav .nav-item:nth-of-type(11),
.carousel .carousel-locator:nth-of-type(10):checked~.carousel-nav .nav-item:nth-of-type(10),
.carousel .carousel-locator:nth-of-type(9):checked~.carousel-nav .nav-item:nth-of-type(9) {
  color: white;
}