/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
q:before,
blockquote:after,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 2px solid #6b6e74;
}
.ol-overlay-container {
  will-change: left, right, top, bottom;
}
.ol-unsupported {
  display: none;
}
.ol-viewport,
.ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}
/*!
Fork Awesome 1.1.7
License - https://forkaweso.me/Fork-Awesome/license

Copyright 2018 Dave Gandy & Fork Awesome

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
@font-face {
  font-family: 'ForkAwesome';
  src: url(/static/clients/apps/ca5fe4d1124c39f877325c56eb049e49.woff2) format('woff2'), url(/static/clients/apps/34aeedeabb7a58c1bfbaea3f67161673.woff) format('woff');
}
.fa,
.fa.icon {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
}
.fa-spin {
  animation: fa-spin 2s infinite linear;
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-pulse {
  animation: fa-pulse 2s infinite ease-in-out;
}
@keyframes fa-pulse {
  0% {
    transform: scale(0.75);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(0.75);
  }
}
@font-face {
  font-family: "nunito";
  src: url(/static/clients/apps/d10d52092b74827385b91090200c876e.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "nunito";
  src: url(/static/clients/apps/03b70dcbffba5f6a00249d0cc1f3841d.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "nunito";
  src: url(/static/clients/apps/97429622dfeaadea4e94073186323bc6.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "nunito";
  src: url(/static/clients/apps/674f7e7266506808a71356a90ed47743.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "nunito";
  src: url(/static/clients/apps/dc05a74951ca9139558b82b71d78ddef.woff2) format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "source_sans";
  src: url(/static/clients/apps/1064d3825f4d997316ba5f9e383b2fa8.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "source_sans";
  src: url(/static/clients/apps/0710569a2eb13ad5cb97d0b66eef71f9.woff2) format("woff2");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "source_sans";
  src: url(/static/clients/apps/b4870c6df769e368d5dfa389c5e32d8d.woff2) format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "source_sans";
  src: url(/static/clients/apps/d82d47b3b8d372134754242bebde48fa.woff2) format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "source_sans";
  src: url(/static/clients/apps/b4b2499fa4d6a2a5d901f755e631eff5.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "source_sans";
  src: url(/static/clients/apps/14b5556a100aaea352085974b6c88e1e.woff2) format("woff2");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "source_sans";
  src: url(/static/clients/apps/a27450c9223c5e5c30b8fbba044ba31c.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "source_sans";
  src: url(/static/clients/apps/2e5b52711049f9407bb369ade3848ae1.woff2) format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "source_sans";
  src: url(/static/clients/apps/f576a62dfb381f0808939aa10c42abf6.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "source_sans";
  src: url(/static/clients/apps/9e9b796f0cbbda85251960c36291cde1.woff2) format("woff2");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "source_sans";
  src: url(/static/clients/apps/add5c94539354b8d2df6768bd30df5f4.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "source_sans";
  src: url(/static/clients/apps/7160ee05edd63421a83ed129ab0ec4ec.woff2) format("woff2");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "source-code";
  src: url(/static/clients/apps/8ddc476ab3fa355e35dc2a70d149e216.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
}
/******** FONT SIZES ********/
/******** INTERACTIVE TEXT ********/
/******** input ********/
/******** FONT WEIGHTS ********/
/********  TO BE SORTED ********/
/******** CONDENSED STYLE ********/
.transition {
  transition: all 0.1s;
}
.transitionSlow {
  transition: all 0.3s;
}
.border1px {
  border: 1px solid #6b6e74;
}
.word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.link {
  transition: all 0.1s;
  cursor: pointer;
}
.link:hover {
  color: #096077;
}
.labelStyle {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
  text-decoration: underline;
}
.legendItemPosition {
  width: 32px;
  margin-right: 15px;
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8em;
}
.interactive {
  transition: all 0.1s;
  cursor: default;
}
.interactive:hover {
  color: #096077;
}
.widgetBackground {
  background-color: #f4f6f9;
  padding: 5px;
}
.widgetActiveBackground {
  transition: all 0.1s;
  border: 1px solid #f4f6f9;
  background-color: #f4f6f9;
  padding: 5px;
  margin-bottom: 5px;
}
.widgetActiveBackground:hover {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  cursor: default;
}
.widgetActiveBackground.active {
  background-color: #f4f6f9;
  border: 1px solid #f4f6f9;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #6b6e74 white;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
*::-webkit-scrollbar {
  width: 7.5px;
  height: 7.5px;
}
*::-webkit-scrollbar-track {
  background-color: #fcfcfc;
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjUxIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0, #ffffff), color-stop(0.49, #ffffff), color-stop(0.5, #000000), color-stop(0.51, #ffffff), color-stop(1, #ffffff));
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(left, #ffffff 0%, #ffffff 49%, #000000 50%, #ffffff 51%, #ffffff 100%);
  /* IE10+ */
  background-image: repeating-linear-gradient(to right, #ffffff 0%, #ffffff 49%, #000000 50%, #ffffff 51%, #ffffff 100%);
  background-image: -ms-repeating-linear-gradient(left, #ffffff 0%, #ffffff 49%, #000000 50%, #ffffff 51%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffffffff", GradientType=1);
}
*::-webkit-scrollbar-thumb {
  background: #6b6e74;
  width: 7.5px;
}
*::-webkit-scrollbar-thumb:hover {
  background: #6b6e74;
}
body {
  font-family: 'source_sans';
  font-size: 1rem;
  background-color: #ffffff;
  color: #1b2838;
}
h1 {
  font-weight: 800;
  font-size: 330%;
  line-height: 90%;
  letter-spacing: -1.5px;
  min-height: 1em;
}
h2 {
  font-weight: 900;
  font-size: 1.5rem;
  color: #1b2838;
}
h3 {
  font-weight: 700;
}
a {
  transition: all 0.1s;
  color: #000000;
  text-decoration-color: #ccc;
}
a:hover {
  color: #096077;
}
.loader-spinner {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  animation: fa-spin 2s infinite linear;
  margin: 0 5px;
}
.loader-spinner:before {
  color: #75b626;
  content: '\f1ce';
}
.toggle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.toggle .active,
.toggle .no-active {
  font-weight: 500;
}
.toggle .active {
  color: #096077;
}
.toggle .no-active {
  color: #6b6e74;
}
.toggle .icon-only:before {
  font-size: 18px;
  color: #096077;
  margin: 0 5px;
}
.hidden {
  display: none !important;
}
.app-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.app-inner .header {
  height: 50px;
}
.app-inner .app-announcement {
  height: fit-content;
}
.app-inner .main {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: auto;
}
.app-inner .footer {
  height: 15px;
}
.sidebar-right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: calc(100% - 30%);
}
.map-fs .map-wrapper,
.map-and-info .map-wrapper {
  position: absolute;
  top: 0;
  right: 30%;
  bottom: 0;
  left: 0;
}
.layer-stub .inspire-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: calc(100% - 30% + 15px - 1px);
  height: 100%;
  z-index: 3;
}
.map-and-right-sidebar > div:nth-child(1),
.main-and-right-sidebar > div:nth-child(1) {
  position: absolute;
  top: 0;
  right: 30%;
  bottom: 0;
  left: 15px;
}
.map-and-right-sidebar > div:nth-child(2),
.main-and-right-sidebar > div:nth-child(2) {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  left: calc(100% - 30% + 15px - 1px);
}
.vertical-split {
  position: absolute;
  top: 0;
  right: 30%;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}
.vertical-split > div {
  flex: 1;
  position: relative;
  overflow: auto;
  overflow-x: hidden;
}
.vertical-split > div:first-child {
  margin-bottom: 15px;
}
.vertical-split > div.snail {
  display: flex;
  flex-direction: row-reverse;
}
.vertical-split > div.snail > div {
  flex: 1;
  position: relative;
  overflow: auto;
}
.vertical-split > div.snail > div.map-wrapper {
  overflow: hidden;
  margin-left: 15px;
}
.vertical-split > div.snail > div > div:nth-child(2) {
  direction: rtl;
}
.vertical-split > div.snail > div > div:nth-child(2) > * {
  direction: ltr;
}
.app-split-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  padding: 5px;
  padding-right: 0px;
  border-top: 1px solid #6b6e74;
  border-bottom: 1px solid #6b6e74;
}
.app-split-header .app-split-title {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
}
.app-split-header .app-split-title .icon {
  margin-right: 0.5em;
}
.app-split-header .btn {
  margin-left: 7.5px;
}
.app-split-header .legend-type {
  text-transform: lowercase;
}
.app-split-main {
  display: flex;
  justify-content: space-between;
  height: calc(100% - 50px);
}
.header {
  display: flex;
  align-items: center;
  justify-content: initial;
  flex-wrap: initial;
  padding: 0 15px;
  font-size: 80%;
}
.header > div {
  display: flex;
  align-items: center;
  justify-content: initial;
  flex-wrap: initial;
  height: 50px;
}
.header * {
  font-size: inherit !important;
  color: #1b2838;
}
.header a:hover {
  box-shadow: initial;
}
.header .icon {
  margin-right: 5px;
  color: #096077;
}
.header summary:hover > div,
.header button:hover > div,
.header .brand-logo > div {
  height: 35px;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: contain;
}
.header summary:hover .brand-name,
.header button:hover .brand-name,
.header .brand-logo .brand-name {
  background-image: url(/static/clients/apps/64a143d7623e75554042fe2a4bc8dbd7.svg);
  width: 95px;
  margin-right: 0px;
  margin-bottom: 3px;
}
.header .app-title {
  font-weight: 600;
  font-size: 15px !important;
  letter-spacing: -0.5px;
  margin-left: 1ch;
}
.header .app-title:before {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  content: '\f054';
  font-size: inherit;
  color: inherit;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
}
.header .lang-switch,
.header .navigate {
  margin-left: 15px;
}
.header .app-listwrapper {
  position: absolute;
  top: 0px;
  right: calc(30% + 25px);
  bottom: auto;
  left: auto;
}
.header .app-listwrapper .icon {
  margin-right: 5px;
}
.header .header-toolbar {
  position: absolute;
  top: 0px;
  right: 15px;
  bottom: auto;
  left: auto;
  transition: all 0.1s;
  z-index: 99999999;
  cursor: default;
}
.header .header-toolbar a {
  color: #1b2838;
  text-decoration: none;
  cursor: default;
}
.header .header-toolbar .navigate.login {
  margin-left: 0px;
}
.header .header-toolbar .user {
  display: flex;
}
.header .header-toolbar .user details {
  margin-right: 15px;
  position: relative;
}
.header .header-toolbar .user details summary {
  margin: 0px;
  height: 100%;
}
.header .header-toolbar .user details summary::after {
  display: none;
}
.header .header-toolbar .user details summary .menu-label {
  margin-right: 7.5px;
}
.header .header-toolbar .user details .details-tail {
  position: absolute;
  top: initial;
  right: initial;
  bottom: initial;
  left: -7.5px;
  background-color: white;
  padding: 7.5px;
  border: 0px;
  -webkit-box-shadow: 0px 6px 9px -4px #999999;
  -moz-box-shadow: 0px 6px 9px -4px #999999;
  box-shadow: 0px 6px 9px -4px #999999;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  min-width: 25ch;
}
.header .header-toolbar .user details .details-tail .app-select {
  margin-top: 15px;
}
.header .header-toolbar .user details .details-tail .app-select .tail {
  margin-top: 7.5px;
  padding-left: 2em;
}
.header .header-toolbar .user details .details-tail .app-select .tail .app-item {
  display: block;
  padding: 4.5px 0;
}
.header .header-toolbar .user details .details-tail .documentation,
.header .header-toolbar .user details .details-tail .user-details__wrapper,
.header .header-toolbar .user details .details-tail .login {
  margin-top: 11.25px;
  border-top: 1px solid #6b6e74;
  padding-top: 11.25px;
}
.header .header-toolbar .user details .details-tail .documentation .contact,
.header .header-toolbar .user details .details-tail .user-details__wrapper .contact,
.header .header-toolbar .user details .details-tail .login .contact {
  padding-top: 4.5px;
}
.header .header-toolbar .user details .details-tail .documentation .contact:hover,
.header .header-toolbar .user details .details-tail .user-details__wrapper .contact:hover,
.header .header-toolbar .user details .details-tail .login .contact:hover {
  color: #1b2838;
}
.header .header-toolbar .user details .details-tail .documentation .contact:hover .icon,
.header .header-toolbar .user details .details-tail .user-details__wrapper .contact:hover .icon,
.header .header-toolbar .user details .details-tail .login .contact:hover .icon {
  color: #1b2838;
}
.header .header-toolbar .user details .details-tail .documentation .help:hover,
.header .header-toolbar .user details .details-tail .user-details__wrapper .help:hover,
.header .header-toolbar .user details .details-tail .login .help:hover {
  color: #1b2838;
}
.header .header-toolbar .user details .details-tail .documentation .help:hover .icon,
.header .header-toolbar .user details .details-tail .user-details__wrapper .help:hover .icon,
.header .header-toolbar .user details .details-tail .login .help:hover .icon {
  color: #1b2838;
}
.app-announcement {
  padding: 15px;
  background-color: #cee8da;
  display: flex;
  gap: 15px;
  margin-bottom: 7.5px;
}
.app-announcement .message {
  position: relative;
  background-color: #ffffff;
  padding: 7.5px;
  border-radius: 0.5rem;
}
.app-announcement .message:before {
  content: ' ';
  width: 1rem;
  height: 1rem;
  background-image: url(/static/clients/apps/4e8bc64f08466fb23986acc25cb220dd.svg);
  background-repeat: no-repeat;
  background-position: bottom left;
  position: absolute;
  z-index: 1;
  top: -0.95rem;
  left: 2rem;
}
.app-announcement button {
  color: #ffffff;
}
.footer {
  display: flex;
  align-items: center;
  justify-content: initial;
  flex-wrap: initial;
  padding: 0 15px;
  font-size: 0.7rem;
  background: #fff;
}
.footer .md * {
  padding: 0px !important;
  margin: 0px !important;
}
.footer a {
  color: #525252 !important;
  text-decoration: none !important;
  box-shadow: initial !important;
  cursor: default;
}
.footer a:hover,
.footer a:focus {
  text-decoration: underline !important;
}
.footer .footerLink {
  align-items: center;
  margin-right: 2ch;
}
.footer .csac-credits {
  margin-left: auto;
}
.footer .csac-credits .cs-link {
  margin-right: 0.5ch;
}
.footer .csac-credits .ac-link {
  margin-left: 0.5ch;
}
.app-select .app-item .app-picto::before {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  content: '\f00c';
  margin-right: 7.5px;
}
.app-select .app-item:hover .app-picto::before {
  color: #096077;
}
.app-select .app-item.view .app-picto::before {
  content: '\f278';
}
.app-select .app-item.compose .app-picto::before {
  content: '\f040';
}
.app-select .app-item.metadata .app-picto::before {
  content: '\f0f6';
}
.app-select .app-item.statistics .app-picto::before {
  content: '\f201';
}
.app-select .app-item.alias .app-picto::before {
  content: '\f10e';
}
.app-select .app-item.angled-project .app-picto::before {
  content: '\f0ce';
}
.app-select .app-item.angled-query .app-picto::before {
  content: '\f002';
}
.app-select .app-item.angled-universe .app-picto::before {
  content: '\f02d';
}
.app-select .app-item.timeserie .app-picto::before {
  content: '\eea2';
}
.app-select .app-item.brugeotool .app-picto::before {
  content: '\eea1';
}
.app-select .app-item.infiltration .app-picto::before {
  content: '\eea3';
}
.app-select .app-item.solar .app-picto::before {
  content: '\eea0';
}
.app-select .app-item.sgpa .app-picto::before {
  content: '\f1bb';
}
.checkbox__wrapper label {
  display: flex;
  align-items: center;
}
.checkbox__wrapper label input[type='checkbox'] {
  display: flex;
  align-items: center;
  appearance: none;
  font-size: 1.25em;
  margin: 0;
  margin-left: 1ch;
  border: 0px;
}
.checkbox__wrapper label input[type='checkbox']:focus {
  outline: 2px solid #096077;
}
.checkbox__wrapper label input[type='checkbox']:focus:not(:focus-visible) {
  outline: none;
}
.checkbox__wrapper label input[type='checkbox']:focus-visible {
  outline: 2px solid #096077;
}
.checkbox__wrapper label input[type='checkbox']:after {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  content: '\f096';
  color: #1b2838;
}
.checkbox__wrapper label input[type='checkbox']:checked:after {
  content: '\f14a';
}
details summary::-webkit-details-marker,
details summary::marker {
  display: none;
  content: '';
}
details summary {
  margin-bottom: 15px;
}
details summary:focus {
  outline: 2px solid #096077;
}
details summary:focus:not(:focus-visible) {
  outline: none;
}
details summary:focus-visible {
  outline: 2px solid #096077;
}
details summary {
  display: flex;
  align-items: center;
  cursor: default;
}
details summary:after {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  font-size: 0.8em;
  display: block;
  content: '\f054';
  margin-left: auto;
  padding-left: 1ch;
}
details[open] summary:after {
  content: '\f078';
}
details summary.tooled .summary-title {
  margin-right: auto;
}
details summary.tooled:after {
  margin-left: 15px;
}
details.download-table {
  position: relative;
}
details.download-table summary {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  margin: 0;
}
details.download-table summary:focus {
  outline: 2px solid #096077;
}
details.download-table summary:focus:not(:focus-visible) {
  outline: none;
}
details.download-table summary:focus-visible {
  outline: 2px solid #096077;
}
details.download-table summary.disabled:before {
  color: #ccc;
}
details.download-table summary::before,
details.download-table summary::after {
  display: none;
}
details.download-table summary.btn.icon-only {
  border-radius: initial;
}
details.download-table[open] summary {
  color: #096077;
}
details.download-table .download__body {
  position: absolute;
  top: initial;
  right: initial;
  bottom: initial;
  left: 0;
  padding: 7.5px;
  width: 200px;
  z-index: 2;
  background-color: white;
  border: 0 px;
  -webkit-box-shadow: 0px 6px 9px -4px #096077;
  -moz-box-shadow: 0px 6px 9px -4px #096077;
  box-shadow: 0px 6px 9px -4px #096077;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 1rem;
}
details.download-table .download__body .export-title {
  font-weight: 600;
  margin-bottom: 7.5px;
}
details.download-table .download__body .export-link {
  display: block;
  padding: 3.75px 0;
}
.geocoder-wrapper {
  position: absolute;
  top: 7.5px;
  right: initial;
  bottom: initial;
  left: 7.5px;
  z-index: 2;
  display: flex;
  align-items: center;
}
.geocoder-wrapper .mono {
  height: 2rem;
  width: 15ch;
  width: fit-content;
  background-color: #ffffff;
  color: #096077;
  padding: 0 15px;
  border: 2px solid #096077;
  border-right: 0px;
  border-bottom-left-radius: 1em;
  border-top-left-radius: 1em;
  display: flex;
  align-items: center;
}
.geocoder-wrapper .select {
  margin-bottom: 0px;
}
.geocoder-wrapper .select select {
  height: 2rem;
  width: 15ch;
  width: fit-content;
  background-color: #ffffff;
  color: #096077;
  padding: 0;
  padding-left: 15px !important;
  border: 2px solid #096077;
  border-right: 0px;
  border-bottom-left-radius: 1em;
  border-top-left-radius: 1em;
}
.geocoder-wrapper .select select option {
  color: #1b2838;
}
.geocoder-wrapper .select select:focus-visible,
.geocoder-wrapper .select select:hover {
  background-color: #096077;
  color: #ffffff;
  outline: 0px;
}
.geocoder-wrapper .search {
  display: flex;
  width: 40ch;
}
.geocoder-wrapper .search input[type='text'] {
  width: 100%;
  border: 2px solid #096077;
  border-right: 0px;
  height: 2rem;
  border-radius: initial;
}
.geocoder-wrapper .search input[type='text']:focus {
  outline: none;
}
.geocoder-wrapper .search .btn {
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border-left: 0px;
}
.geocoder-wrapper .search input,
.geocoder-wrapper .search .btn {
  height: 2rem !important;
  box-sizing: border-box;
}
.geocoder-wrapper .search .coord-actions {
  display: flex;
  border-left: 2px solid #096077;
}
.geocoder-wrapper .search .coord-actions .btn {
  border-radius: 0px;
}
.geocoder-wrapper .search .coord-actions .btn:last-child {
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
}
.geocoder-wrapper .search-results {
  width: 40ch;
  position: absolute;
  top: 1rem;
  z-index: -1;
  background-color: #ffffff;
  padding: 7.5px;
  padding-top: 1.5rem;
  border: 2px solid #096077;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
}
.geocoder-wrapper .search-results .result {
  cursor: default;
  margin-bottom: 3.75px;
  display: flex;
}
.geocoder-wrapper .search-results .result-select {
  margin-bottom: 3.75px;
  width: 100%;
  display: flex;
  align-items: center;
}
.geocoder-wrapper .search-results .result-select .result-label {
  flex-shrink: 1;
}
.geocoder-wrapper .search-results .result-select .result-actions {
  margin-left: auto;
  flex-shrink: 0;
  display: flex;
}
.geocoder-wrapper .search-results .result-select.simple button {
  width: 100%;
  display: flex;
  gap: 15px;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}
.geocoder-wrapper .search-results .result-select.simple button .icon {
  flex-shrink: 0;
  color: #096077;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  border-radius: 100%;
}
.geocoder-wrapper .search-results .result-select.simple button:hover .label {
  text-decoration: underline;
}
.geocoder-wrapper .search-results .result-select.simple button:hover .icon {
  border-color: #096077;
}
input[type=range] {
  -webkit-appearance: none;
  margin: 7.5px 0;
  width: 100%;
  border: 0px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #222, 0px 0px 0px #2f2f2f;
  background: #1b2838;
  border-radius: 5px;
  border: 1px solid #1b2838;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #111, 0px 0px 0px #1e1e1e;
  border: 1px solid #1b2838;
  height: 15px;
  width: 15px;
  border-radius: 15px;
  background: white;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #096077;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #222, 0px 0px 0px #2f2f2f;
  background: #1b2838;
  border-radius: 5px;
  border: 1px solid #1b2838;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #111, 0px 0px 0px #1e1e1e;
  border: 1px solid #1b2838;
  height: 15px;
  width: 15px;
  border-radius: 15px;
  background: white;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 15px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #000000;
  border: 1px solid #1b2838;
  border-radius: 10px;
  box-shadow: 0px 0px 0px #222, 0px 0px 0px #2f2f2f;
}
input[type=range]::-ms-fill-upper {
  background: #1b2838;
  border: 1px solid #1b2838;
  border-radius: 10px;
  box-shadow: 0px 0px 0px #222, 0px 0px 0px #2f2f2f;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #111, 0px 0px 0px #1e1e1e;
  border: 1px solid #1b2838;
  height: 15px;
  width: 15px;
  border-radius: 15px;
  background: white;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #1b2838;
}
input[type=range]:focus::-ms-fill-upper {
  background: #4d729f;
}
input,
input[type='email'],
input[type='password'],
input[type='search'],
input[type='url'],
input[type='text'],
input[type='number'],
textarea {
  font-family: 'source_sans';
  border: 1px solid #6b6e74;
  font-size: 1em;
  padding: 0.3em;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
input::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
input[type='text']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='text']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::placeholder,
input[type='email']::placeholder,
input[type='password']::placeholder,
input[type='search']::placeholder,
input[type='url']::placeholder,
input[type='text']::placeholder,
input[type='number']::placeholder,
textarea::placeholder {
  color: #6b6e74;
}
input.clear {
  color: transparent;
}
input[type='color'] {
  padding: 0px;
  padding-right: 0px !important;
  height: 25px;
}
input[type='color'] {
  -webkit-appearance: none;
  border: none;
}
input[type='color']::-webkit-color-swatch-wrapper {
  padding: 0;
}
input[type='color']::-webkit-color-swatch {
  border: 1px solid #6b6e74;
}
input[type='range'] {
  padding: 0px;
  padding-right: 0px !important;
}
.input__wrapper--text {
  width: 100%;
  display: flex;
}
.input__wrapper--text input {
  width: 100%;
  padding-right: 3ch;
}
.input__wrapper--text button.input-ok-button {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  margin-left: -4.5ch;
  color: transparent;
  padding: 0.3em;
}
.input__wrapper--text:focus-within button.input-ok-button {
  color: #ccc;
}
.input__wrapper--text:focus-within button.input-ok-button:hover {
  color: #096077;
}
.list__item {
  font-weight: 900;
  font-size: 1.5rem;
  position: relative;
  color: #1b2838;
  border-bottom: 1px solid transparent;
  cursor: default;
  line-height: 110%;
  padding: 0.2em 0;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
}
.list__item.enabled {
  color: #096077;
}
.list__item.enabled::after {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  content: '\f00c';
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #096077;
  width: 1em;
  height: 100%;
}
.list__item.selected {
  color: #096077;
}
.list__item.selected::after {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  content: '\f00c';
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #096077;
  width: 1em;
  height: 100%;
}
.list__item:hover {
  color: #096077;
  border-color: #096077;
}
.list__item:hover::after {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  content: '\f00c';
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #096077;
  width: 1em;
  height: 100%;
}
.list__item:focus-visible,
.list__item:active {
  color: #004c63;
  border-color: #004c63;
}
.list__item:focus-visible::after,
.list__item:active::after {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  content: '\f00c';
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #004c63;
  width: 1em;
  height: 100%;
}
.list__item--drawer.selected {
  background-color: #f4f6f9;
}
.list__item--drawer:hover:after,
.list__item--drawer.selected:after {
  content: '\f0da';
}
.loader-anim,
.splash-spiner {
  margin: 30px auto;
  display: flex;
  flex-direction: column;
}
.loader-anim:after,
.splash-spiner:after {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  animation: fa-spin 2s infinite linear;
  color: #75b626;
  content: '\f1ce';
  font-size: 48px;
}
.loader-anim__small:before {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  animation: fa-spin 2s infinite linear;
  color: #75b626;
  content: '\f1ce';
  font-size: 18px;
}
.loader__small {
  font-weight: 400 !important;
  font-size: 0.8rem !important;
  color: #1b2838 !important;
}
.map-wrapper {
  background: url(/static/clients/apps/8a77c0b16b4944834cae05b325143a36.png) repeat;
  border-color: #6b6e74;
  border-style: solid;
  overflow: hidden !important;
}
.map-wrapper .map {
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: inherit;
  border-color: inherit;
}
.map-wrapper .map:focus-visible {
  border-width: 2px;
  border-color: #096077;
}
.map-wrapper .control-box {
  position: absolute;
  top: initial;
  right: 7.5px;
  bottom: 25px;
  left: initial;
  width: 2rem;
}
.map-wrapper .control-box * {
  font-size: inherit !important;
}
.map-wrapper .control-box > div button,
.map-wrapper .control-box > button {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  width: 2rem;
  height: 2rem;
  border: 2px solid #096077;
  border-radius: 2.5rem;
  background-color: #ffffff;
}
.map-wrapper .control-box > div button .icon,
.map-wrapper .control-box > button .icon {
  color: #1b2838;
}
.map-wrapper .control-box > div button:hover,
.map-wrapper .control-box > button:hover,
.map-wrapper .control-box > div button:focus-visible,
.map-wrapper .control-box > button:focus-visible {
  color: #096077;
  border-color: #096077;
  background-color: #096077;
  outline: initial;
}
.map-wrapper .control-box > div button:hover .icon,
.map-wrapper .control-box > button:hover .icon,
.map-wrapper .control-box > div button:focus-visible .icon,
.map-wrapper .control-box > button:focus-visible .icon {
  color: #ffffff;
}
.map-wrapper .control-box .btn--north,
.map-wrapper .control-box .zoom-in-btn,
.map-wrapper .control-box .zoom-out-btn,
.map-wrapper .control-box .zoom-rbc,
.map-wrapper .control-box .btn-expand,
.map-wrapper .control-box .switch-background {
  margin-top: 7.5px;
}
.map-wrapper .credit {
  position: absolute !important;
  top: initial !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 5px !important;
  font-size: 7pt;
  margin-bottom: 0px !important;
  width: calc(100% - 5px) !important;
  text-align: center;
}
.map-wrapper .credit a {
  color: #6b6e74;
  text-decoration: none;
}
.map-wrapper .credit a:visited {
  color: #6b6e74;
}
.map-wrapper .credit a:hover {
  color: #6b6e74;
}
.map-wrapper .map-scale {
  position: absolute;
  top: initial;
  right: -1px;
  bottom: 0;
  left: initial;
  padding: 5px;
  padding-right: 0;
  padding-bottom: 0;
  background-color: #ffffff;
  border-color: #ffffff;
  border-width: 1px;
  border-style: inherit;
  border-top-color: inherit;
  border-left-color: inherit;
  display: flex;
  align-items: flex-end;
}
.map-wrapper .map-scale .map-scale-label {
  font-size: 7pt;
  padding-right: 5px;
}
.map-wrapper .map-scale .map-scale-line {
  display: flex;
  align-items: flex-end;
  border: 1px solid #000000;
  border-top: 0px;
  height: 6px;
}
.map-wrapper .map-scale .map-scale-line .quarter {
  flex: 1;
  height: 33%;
}
.map-wrapper .map-scale .map-scale-line .quarter:first-child {
  border-right: 1px solid #000000;
}
.map-wrapper .map-scale .map-scale-line .half {
  flex: 2;
  height: 66%;
  border-left: 1px solid #000000;
}
.map .credit {
  display: none;
}
.embed .map .credit {
  display: block;
}
.map-list .map-tile {
  position: relative;
  flex-basis: 18%;
  min-width: 140px;
  max-width: 180px;
  font: inherit;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.map-list .map-tile:hover,
.map-list .map-tile:focus-visible {
  outline: none;
}
.map-list .map-tile:hover h3,
.map-list .map-tile:focus-visible h3 {
  text-decoration: underline;
}
.map-list .map-tile h3.map-title {
  line-height: 0.9;
  margin-top: 15px;
  margin-bottom: 7.5px;
  color: #1b2838;
}
.map-list .map-tile .map-status {
  position: absolute;
  top: 0;
  font-size: 0.7rem;
  border: 1px solid #000000;
  border-color: #096077;
  background-color: #ffffff;
  padding: 0.3em 0.5em;
  border-radius: 2em;
  width: fit-content;
  z-index: 2;
}
.map-list .map-tile .map-status .icon {
  margin-right: 0.5em;
}
.map-list .map-tile .map-status.draft .icon {
  color: #6b6e74;
}
.map-list .map-tile .map-status.published .icon {
  color: #096077;
}
.map-list .map-tile .map-status.public .icon {
  color: #75b626;
}
.map-list .map-tile .map-tile-img {
  background-color: #f4f6f9;
  position: relative;
  width: 90%;
  margin: 7.5px auto;
  overflow: hidden;
}
.map-list .map-tile .map-tile-img:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.map-list .map-tile .map-tile-img img,
.map-list .map-tile .map-tile-img .no-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 100%;
}
.map-list .map-tile .map-tile-img img:not([src]),
.map-list .map-tile .map-tile-img .no-image:not([src]) {
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  top: -5px;
  left: -5px;
  bottom: -5px;
  right: -5px;
}
.map-list .map-tile .map-tile-img .no-image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-list .map-tile .map-tile-img .no-image span {
  color: #e3e9f0;
  font-size: 4rem;
}
.markdown,
.md {
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  /* Document
   ========================================================================== */
  /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
  /* Sections
	 ========================================================================== */
  /**
   * Remove the margin in all browsers.
   */
  /**
   * Render the `main` element consistently in IE.
   */
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  /* Grouping content
	 ========================================================================== */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  /* Text-level semantics
	 ========================================================================== */
  /**
   * Remove the gray background on active links in IE 10.
   */
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  /**
   * Add the correct font size in all browsers.
   */
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  /* Embedded content
	 ========================================================================== */
  /**
   * Remove the border on images inside links in IE 10.
   */
  /* Forms
	 ========================================================================== */
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  /**
   * Remove the inner border and padding in Firefox.
   */
  /**
   * Restore the focus styles unset by the previous rule.
   */
  /**
   * Correct the padding in Firefox.
   */
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  /* Interactive
	 ========================================================================== */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  /*
   * Add the correct display in all browsers.
   */
  /* Misc
	 ========================================================================== */
  /**
   * Add the correct display in IE 10+.
   */
  /**
   * Add the correct display in IE 10.
   */
}
.markdown html,
.md html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
.markdown body,
.md body {
  margin: 0;
}
.markdown main,
.md main {
  display: block;
}
.markdown h1,
.md h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.markdown hr,
.md hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
.markdown pre,
.md pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
.markdown a,
.md a {
  background-color: transparent;
}
.markdown abbr[title],
.md abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
.markdown b,
.md b,
.markdown strong,
.md strong {
  font-weight: bolder;
}
.markdown code,
.md code,
.markdown kbd,
.md kbd,
.markdown samp,
.md samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
.markdown small,
.md small {
  font-size: 80%;
}
.markdown sub,
.md sub,
.markdown sup,
.md sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.markdown sub,
.md sub {
  bottom: -0.25em;
}
.markdown sup,
.md sup {
  top: -0.5em;
}
.markdown img,
.md img {
  border-style: none;
}
.markdown button,
.md button,
.markdown input,
.md input,
.markdown optgroup,
.md optgroup,
.markdown select,
.md select,
.markdown textarea,
.md textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
.markdown button,
.md button,
.markdown input,
.md input {
  /* 1 */
  overflow: visible;
}
.markdown button,
.md button,
.markdown select,
.md select {
  /* 1 */
  text-transform: none;
}
.markdown button,
.md button,
.markdown [type='button'],
.md [type='button'],
.markdown [type='reset'],
.md [type='reset'],
.markdown [type='submit'],
.md [type='submit'] {
  -webkit-appearance: button;
}
.markdown button::-moz-focus-inner,
.md button::-moz-focus-inner,
.markdown [type='button']::-moz-focus-inner,
.md [type='button']::-moz-focus-inner,
.markdown [type='reset']::-moz-focus-inner,
.md [type='reset']::-moz-focus-inner,
.markdown [type='submit']::-moz-focus-inner,
.md [type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.markdown button:-moz-focusring,
.md button:-moz-focusring,
.markdown [type='button']:-moz-focusring,
.md [type='button']:-moz-focusring,
.markdown [type='reset']:-moz-focusring,
.md [type='reset']:-moz-focusring,
.markdown [type='submit']:-moz-focusring,
.md [type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.markdown fieldset,
.md fieldset {
  padding: 0.35em 0.75em 0.625em;
}
.markdown legend,
.md legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
.markdown progress,
.md progress {
  vertical-align: baseline;
}
.markdown textarea,
.md textarea {
  overflow: auto;
}
.markdown [type='checkbox'],
.md [type='checkbox'],
.markdown [type='radio'],
.md [type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
.markdown [type='number']::-webkit-inner-spin-button,
.md [type='number']::-webkit-inner-spin-button,
.markdown [type='number']::-webkit-outer-spin-button,
.md [type='number']::-webkit-outer-spin-button {
  height: auto;
}
.markdown [type='search'],
.md [type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
.markdown [type='search']::-webkit-search-decoration,
.md [type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
.markdown ::-webkit-file-upload-button,
.md ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
.markdown details,
.md details {
  display: block;
}
.markdown summary,
.md summary {
  display: list-item;
}
.markdown template,
.md template {
  display: none;
}
.markdown [hidden],
.md [hidden] {
  display: none;
}
.markdown h1,
.md h1 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-break: break-all;
}
.markdown ul,
.md ul,
.markdown ol,
.md ol {
  list-style: initial;
}
.markdown a.absent,
.md a.absent {
  color: #c00;
}
.markdown a.anchor,
.md a.anchor {
  display: block;
  padding-left: 30px;
  margin-left: -30px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.markdown h1,
.md h1,
.markdown h2,
.md h2,
.markdown h3,
.md h3,
.markdown h4,
.md h4,
.markdown h5,
.md h5,
.markdown h6,
.md h6 {
  margin: 20px 0 10px;
  padding: 0;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  cursor: text;
  position: relative;
}
.markdown h1 .mini-icon-link,
.md h1 .mini-icon-link,
.markdown h2 .mini-icon-link,
.md h2 .mini-icon-link,
.markdown h3 .mini-icon-link,
.md h3 .mini-icon-link,
.markdown h4 .mini-icon-link,
.md h4 .mini-icon-link,
.markdown h5 .mini-icon-link,
.md h5 .mini-icon-link,
.markdown h6 .mini-icon-link,
.md h6 .mini-icon-link {
  display: none;
  color: #000;
}
.markdown h1:hover a.anchor,
.md h1:hover a.anchor,
.markdown h2:hover a.anchor,
.md h2:hover a.anchor,
.markdown h3:hover a.anchor,
.md h3:hover a.anchor,
.markdown h4:hover a.anchor,
.md h4:hover a.anchor,
.markdown h5:hover a.anchor,
.md h5:hover a.anchor,
.markdown h6:hover a.anchor,
.md h6:hover a.anchor {
  text-decoration: none;
  line-height: 1;
  padding-left: 0;
  margin-left: -22px;
  top: 15%;
}
.markdown h1:hover a.anchor .mini-icon-link,
.md h1:hover a.anchor .mini-icon-link,
.markdown h2:hover a.anchor .mini-icon-link,
.md h2:hover a.anchor .mini-icon-link,
.markdown h3:hover a.anchor .mini-icon-link,
.md h3:hover a.anchor .mini-icon-link,
.markdown h4:hover a.anchor .mini-icon-link,
.md h4:hover a.anchor .mini-icon-link,
.markdown h5:hover a.anchor .mini-icon-link,
.md h5:hover a.anchor .mini-icon-link,
.markdown h6:hover a.anchor .mini-icon-link,
.md h6:hover a.anchor .mini-icon-link {
  display: inline-block;
}
.markdown h1 tt,
.md h1 tt,
.markdown h1 code,
.md h1 code,
.markdown h2 tt,
.md h2 tt,
.markdown h2 code,
.md h2 code,
.markdown h3 tt,
.md h3 tt,
.markdown h3 code,
.md h3 code,
.markdown h4 tt,
.md h4 tt,
.markdown h4 code,
.md h4 code,
.markdown h5 tt,
.md h5 tt,
.markdown h5 code,
.md h5 code,
.markdown h6 tt,
.md h6 tt,
.markdown h6 code,
.md h6 code {
  font-size: inherit;
}
.markdown h1,
.md h1 {
  font-size: 28px;
  color: #000;
}
.markdown h2,
.md h2 {
  font-size: 24px;
  border-bottom: 1px solid #ccc;
  color: #000;
}
.markdown h3,
.md h3 {
  font-size: 18px;
}
.markdown h4,
.md h4 {
  font-size: 16px;
}
.markdown h5,
.md h5 {
  font-size: 14px;
}
.markdown h6,
.md h6 {
  color: #777;
  font-size: 14px;
}
.markdown p,
.md p,
.markdown blockquote,
.md blockquote,
.markdown ul,
.md ul,
.markdown ol,
.md ol,
.markdown dl,
.md dl,
.markdown table,
.md table,
.markdown pre,
.md pre {
  margin: 7.5px 0;
}
.markdown hr,
.md hr {
  background: transparent;
  border: 0 none;
  color: #ccc;
  height: 4px;
  padding: 0;
}
.markdown > h2:first-child,
.md > h2:first-child,
.markdown > h1:first-child,
.md > h1:first-child,
.markdown > h1:first-child + h2,
.md > h1:first-child + h2,
.markdown > h3:first-child,
.md > h3:first-child,
.markdown > h4:first-child,
.md > h4:first-child,
.markdown > h5:first-child,
.md > h5:first-child,
.markdown > h6:first-child,
.md > h6:first-child {
  margin-top: 0;
  padding-top: 0;
}
.markdown a:first-child h1,
.md a:first-child h1,
.markdown a:first-child h2,
.md a:first-child h2,
.markdown a:first-child h3,
.md a:first-child h3,
.markdown a:first-child h4,
.md a:first-child h4,
.markdown a:first-child h5,
.md a:first-child h5,
.markdown a:first-child h6,
.md a:first-child h6 {
  margin-top: 0;
  padding-top: 0;
}
.markdown h1 + p,
.md h1 + p,
.markdown h2 + p,
.md h2 + p,
.markdown h3 + p,
.md h3 + p,
.markdown h4 + p,
.md h4 + p,
.markdown h5 + p,
.md h5 + p,
.markdown h6 + p,
.md h6 + p {
  margin-top: 0;
}
.markdown li p.first,
.md li p.first {
  display: inline-block;
}
.markdown ul,
.md ul,
.markdown ol,
.md ol {
  padding-left: 30px;
}
.markdown ul.no-list,
.md ul.no-list,
.markdown ol.no-list,
.md ol.no-list {
  list-style-type: none;
  padding: 0;
}
.markdown ul li > :first-child,
.md ul li > :first-child,
.markdown ul li ul:first-of-type,
.md ul li ul:first-of-type,
.markdown ol li > :first-child,
.md ol li > :first-child,
.markdown ol li ul:first-of-type,
.md ol li ul:first-of-type {
  margin-top: 0px;
}
.markdown ul ul,
.md ul ul,
.markdown ul ol,
.md ul ol,
.markdown ol ol,
.md ol ol,
.markdown ol ul,
.md ol ul {
  margin-bottom: 0;
}
.markdown dl,
.md dl {
  padding: 0;
}
.markdown dl dt,
.md dl dt {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  padding: 0;
  margin: 15px 0 5px;
}
.markdown dl dt:first-child,
.md dl dt:first-child {
  padding: 0;
}
.markdown dl dt > :first-child,
.md dl dt > :first-child {
  margin-top: 0px;
}
.markdown dl dt > :last-child,
.md dl dt > :last-child {
  margin-bottom: 0px;
}
.markdown dl dd,
.md dl dd {
  margin: 0 0 15px;
  padding: 0 15px;
}
.markdown dl dd > :first-child,
.md dl dd > :first-child {
  margin-top: 0px;
}
.markdown dl dd > :last-child,
.md dl dd > :last-child {
  margin-bottom: 0px;
}
.markdown blockquote,
.md blockquote {
  border-left: 4px solid #ddd;
  padding: 0 15px;
  color: #777;
}
.markdown blockquote > :first-child,
.md blockquote > :first-child {
  margin-top: 0px;
}
.markdown blockquote > :last-child,
.md blockquote > :last-child {
  margin-bottom: 0px;
}
.markdown table th,
.md table th {
  font-weight: bold;
}
.markdown table th,
.md table th,
.markdown table td,
.md table td {
  border: 1px solid #6b6e74;
  padding: 6px 15px;
}
.markdown table tr,
.md table tr {
  border-top: 1px solid #6b6e74;
  background-color: #fff;
}
.markdown table tr:nth-child(2n),
.md table tr:nth-child(2n) {
  background-color: #f8f8f8;
}
.markdown img,
.md img {
  max-width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.markdown span.frame,
.md span.frame {
  display: block;
  overflow: hidden;
}
.markdown span.frame > span,
.md span.frame > span {
  border: 1px solid #ddd;
  display: block;
  float: left;
  overflow: hidden;
  margin: 15px 0 0;
  padding: 7px;
  width: auto;
}
.markdown span.frame span img,
.md span.frame span img {
  display: block;
  float: left;
}
.markdown span.frame span span,
.md span.frame span span {
  clear: both;
  color: #333;
  display: block;
  padding: 5px 0 0;
}
.markdown span.align-center,
.md span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown span.align-center > span,
.md span.align-center > span {
  display: block;
  overflow: hidden;
  margin: 15px auto 0;
  text-align: center;
}
.markdown span.align-center span img,
.md span.align-center span img {
  margin: 0 auto;
  text-align: center;
}
.markdown span.align-right,
.md span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown span.align-right > span,
.md span.align-right > span {
  display: block;
  overflow: hidden;
  margin: 15px 0 0;
  text-align: right;
}
.markdown span.align-right span img,
.md span.align-right span img {
  margin: 0;
  text-align: right;
}
.markdown span.float-left,
.md span.float-left {
  display: block;
  margin-right: 15px;
  overflow: hidden;
  float: left;
}
.markdown span.float-left span,
.md span.float-left span {
  margin: 15px 0 0;
}
.markdown span.float-right,
.md span.float-right {
  display: block;
  margin-left: 15px;
  overflow: hidden;
  float: right;
}
.markdown span.float-right > span,
.md span.float-right > span {
  display: block;
  overflow: hidden;
  margin: 15px auto 0;
  text-align: right;
}
.markdown code,
.md code,
.markdown tt,
.md tt {
  margin: 0 2px;
  padding: 0px 5px;
  border: 1px solid #6b6e74;
  background-color: #f4f6f9;
  border-radius: 3px;
}
.markdown code,
.md code {
  white-space: nowrap;
}
.markdown pre > code,
.md pre > code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: none;
  background: transparent;
}
.markdown .highlight pre,
.md .highlight pre,
.markdown pre,
.md pre {
  background-color: #f4f6f9;
  border: 1px solid #000000;
  font-size: 15px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px;
}
.markdown pre code,
.md pre code,
.markdown pre tt,
.md pre tt {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}
.markdown a,
.md a {
  color: #1b2838;
  text-decoration: underline;
}
.markdown a:hover,
.md a:hover {
  text-decoration: underline;
  color: #096077;
}
.markdown pre,
.md pre,
.markdown code,
.md code {
  font-size: 12px;
  font-family: Consolas, 'Liberation Mono', Courier, monospace;
}
.markdown em,
.md em {
  font-style: italic;
}
.markdown strong,
.md strong {
  font-weight: 700;
}
.markdown p,
.md p {
  margin-bottom: 1em;
}
.md--large {
  font-size: 2.2rem;
  font-weight: 400;
}
.md--large strong {
  font-weight: 900;
}
.md--small {
  font-size: 0.65rem;
}
.md--small strong {
  font-weight: 600;
}
.md--small p {
  margin: 0px;
  padding: 0px;
  padding-bottom: 5px;
}
.md code,
.markdown code {
  font-family: monospace;
  font-size: inherit;
}
.modal__background {
  font-size: 1rem;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 10000000000;
  background: rgba(0, 0, 0, 0.2);
}
.modal__background .modal__box {
  position: relative;
  background: #ffffff;
}
.modal__background .modal__box.modal-size-large {
  width: 66vw;
  height: 100vh;
}
.modal__background .modal__box.modal-size-medium {
  width: 50vw;
  min-height: 66vh;
}
.modal__background .modal__box.modal-size-small {
  width: 32vw;
  min-height: 16vw;
}
.modal__box {
  animation: slide 0.3s;
}
@keyframes slide {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
.modal__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.modal__header {
  flex-shrink: 0;
}
.modal__content {
  flex: 1;
  overflow: auto;
}
.modal__footer {
  flex-shrink: 0;
}
.modal__header {
  padding: 15px;
  border-bottom: 1px solid #6b6e74;
}
.modal__content {
  padding: 15px;
}
.modal__footer {
  padding: 15px;
  border-top: 1px solid #6b6e74;
}
.modal__footer__inner {
  display: flex;
  justify-content: space-between;
}
.modal__box__header h2 {
  margin: 0;
}
.modal__box .modal__content h2 {
  color: #6b6e74;
}
.modal__box .modal__content--item {
  margin-bottom: 30px;
}
.modal__box .modal__content--item textarea {
  margin-right: 15px;
}
.select-filter__wrapper {
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #1b2838;
  width: 100%;
  min-width: 12ch;
  max-width: 50ch;
  min-height: 2rem;
  margin-top: 0.3em;
  font-size: 1rem;
  cursor: default;
  position: relative;
  z-index: 3;
}
.select-filter__wrapper:focus {
  outline: 2px solid #096077;
}
.select-filter__wrapper:focus:not(:focus-visible) {
  outline: none;
}
.select-filter__wrapper:focus-visible {
  outline: 2px solid #096077;
}
.select-filter__wrapper summary {
  padding: 7.5px;
  margin-bottom: 0px;
  height: 100%;
  display: flex;
  align-items: center;
}
.select-filter__wrapper .select-tail__wrapper {
  position: absolute;
  max-height: 12rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 7.5px;
  -webkit-box-shadow: 0px 6px 9px -4px #999999;
  -moz-box-shadow: 0px 6px 9px -4px #999999;
  box-shadow: 0px 6px 9px -4px #999999;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.select-filter__wrapper .select-tail__wrapper .input__wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
.select-filter__wrapper .select-tail__wrapper .input__wrapper input {
  flex-shrink: 1;
  margin-right: 7.5px;
}
.select-filter__wrapper .select-tail__wrapper .input__wrapper .btn-add {
  margin-left: auto;
  flex-shrink: 0;
}
.select-filter__wrapper .select-tail__wrapper input {
  margin-bottom: 7.5px;
  flex-shrink: 0;
}
.select-filter__wrapper .select-tail__wrapper .tail {
  overflow-y: auto;
  overflow-x: hidden;
}
.select-filter__wrapper .select-tail__wrapper .tail button {
  display: flex;
  width: 100%;
  font-size: inherit;
}
.select-filter__wrapper .select-tail__wrapper .tail button .item__control {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  margin-right: 0.5em;
  border: 2px solid #ccc;
  flex-shrink: 0;
}
.select-filter__wrapper .select-tail__wrapper .tail button:focus-visible .item__control,
.select-filter__wrapper .select-tail__wrapper .tail button:hover .item__control {
  border: 2px solid #096077;
  background-color: #096077;
  box-shadow: 0px 0px 0px 3px #ffffff inset;
}
.select-filter__wrapper .select-tail__wrapper .tail button .item__label div {
  text-align: left;
}
.table-search-item .select-filter__wrapper * {
  font-size: 0.8rem;
}
select {
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #1b2838;
  padding: 7.5px 15px;
  margin: 0;
  width: 100%;
  font-family: 'source_sans';
  font-size: 1rem;
  cursor: default;
  line-height: inherit;
}
select:focus {
  outline: 2px solid #096077;
}
select:focus:not(:focus-visible) {
  outline: none;
}
select:focus-visible {
  outline: 2px solid #096077;
}
select option {
  background-color: #ffffff;
}
.splash {
  position: relative;
  width: calc(100% - 2 * 15px);
  height: 100%;
  margin: auto;
  padding: initial;
  padding-top: 15px;
  border-top: 1px solid #6b6e74;
  overflow-y: hidden;
  text-align: center;
  left: initial;
}
.splash .splash-content {
  margin-top: 16%;
  margin-bottom: 33px;
  text-align: center;
}
.splash .splash-content h1 {
  text-transform: uppercase;
  font-weight: 400;
}
.radio__fieldset .radio__item {
  margin-bottom: 7.5px;
}
.radio__fieldset .radio__item:last-child {
  margin: 0px;
}
.radio__fieldset .radio__item:focus-within .radio__control-inner {
  background-color: #096077 !important;
}
.radio__fieldset label {
  display: flex;
  align-items: center;
}
.radio__fieldset .radio__control {
  position: relative;
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
  border-radius: 1em;
  margin-right: 0.5em;
  border: 2px solid #096077;
  background-color: #ffffff;
}
.radio__fieldset .radio__control-inner {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  border-radius: 1em;
  background-color: transparent;
}
.radio__fieldset .radio__control:focus {
  outline: none;
}
.radio__fieldset .radio__item:hover .radio__control-inner {
  background-color: #096077;
}
.radio__fieldset input {
  opacity: 0;
  width: 0px;
  height: 0px;
  cursor: pointer;
}
.radio__fieldset input:checked + .radio__control > span {
  background-color: #096077;
}
.radio__fieldset input:focus + .radio__control {
  outline: none;
}
.radio__fieldset.fieldset--horizontal .radio__item {
  margin-bottom: 0px;
}
.radio__fieldset.fieldset--horizontal .radio__item:last-child .radio__control {
  margin: 0px;
}
.switch-out__fieldset {
  position: relative;
  display: flex;
  align-items: center;
}
.switch-out__fieldset .switch__body {
  display: flex;
  align-items: center;
}
.switch-out__fieldset .toggle__wrapper {
  box-sizing: content-box;
  flex-shrink: 0;
  border: 2px solid #096077;
  border-radius: 2em;
  display: flex;
  background-color: #f4f6f9;
  width: 2em;
  height: 1em;
  margin: 0 0.5em;
}
.switch-out__fieldset .toggle__wrapper.first-selected .toggle__inner {
  margin: 0;
  margin-right: auto;
}
.switch-out__fieldset .toggle__wrapper.second-selected .toggle__inner {
  margin: 0;
  margin-left: auto;
}
.switch-out__fieldset .toggle__wrapper .toggle__inner {
  box-sizing: border-box;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  background-color: #096077;
  border: 1px solid #f4f6f9;
}
.switch-out__fieldset .switch__item:focus-within {
  outline: 2px solid #096077;
}
.switch-out__fieldset .switch__item *:focus,
.switch-out__fieldset .switch__item *:focus-visible {
  outline: none;
}
.switch-out__fieldset label input[type='radio'] {
  position: absolute;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.switch__fieldset {
  display: flex;
}
.switch__fieldset .switch__body {
  position: relative;
  display: flex;
  align-items: center;
  border: 2px solid #6b6e74;
  border-radius: 2em;
  background-color: #f4f6f9;
}
.switch__fieldset .switch__body:focus-within {
  outline: 3px dotted #096077;
}
.switch__fieldset .switch__body > div {
  padding: 7.5px 15px;
  border-radius: 2em;
  border: 2px solid #f4f6f9;
}
.switch__fieldset .switch__body > div.selected {
  background-color: #096077;
  color: #ffffff;
}
.switch__fieldset .switch__body > div.unselected {
  color: #1b2838;
}
.switch__fieldset .switch__body > div:focus-within,
.switch__fieldset .switch__body > div:hover {
  color: #096077;
  background-color: #ffffff;
  box-shadow: inset 0 0 0 2px #096077;
}
.switch__fieldset .switch__body > div:focus-within.selected,
.switch__fieldset .switch__body > div:hover.selected {
  background-color: #096077;
  color: #ffffff;
}
.switch__fieldset .switch__body .switch__item {
  text-align: center;
}
.switch__fieldset label input[type='radio'] {
  position: absolute;
  left: 0;
  opacity: 0;
}
div.infinite-table {
  height: 100%;
  background-color: #f4f6f9;
  padding: 5px;
  font-size: 0.8rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
div.infinite-table .attr-headless-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
div.infinite-table.loading {
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
div.infinite-table .table-toolbar {
  flex: 0 0 auto;
  min-height: 25px;
  padding: 5px;
  padding-right: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #6b6e74;
}
div.infinite-table .table-toolbar .table-title {
  font-size: 1.4rem;
  max-width: 50%;
}
div.infinite-table .table-toolbar .table-title::first-letter {
  text-transform: capitalize;
}
div.infinite-table .table-toolbar .table-title:before {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  content: '\f0ce';
  display: inline-block;
  margin-right: 5px;
}
div.infinite-table .table-toolbar .table-title .stream-status {
  font-size: 1rem;
  padding-left: 15px;
}
div.infinite-table .table-toolbar .table-download > span {
  transition: all 0.1s;
  cursor: pointer;
  margin-right: 15px;
}
div.infinite-table .table-toolbar .table-download > span:hover {
  color: #096077;
}
div.infinite-table .table-toolbar .table-download > span:before {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  content: '\f019';
  display: inline-block;
  margin-right: 5px;
}
div.infinite-table .table-row,
div.infinite-table .table-header {
  width: 100%;
  border-bottom: 1px solid #6b6e74;
  cursor: default;
  display: flex;
}
div.infinite-table .table-row .table-cell,
div.infinite-table .table-header .table-cell {
  padding: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 0;
}
div.infinite-table .table-row .table-cell:last-child,
div.infinite-table .table-header .table-cell:last-child {
  border-right: none;
}
div.infinite-table .table-row .table-cell:first-child,
div.infinite-table .table-header .table-cell:first-child {
  text-align: right;
  min-width: 50px;
}
div.infinite-table .table-row .table-cell.data-type-number,
div.infinite-table .table-header .table-cell.data-type-number {
  text-align: right;
}
div.infinite-table .table-row .table-cell.table-header-cell,
div.infinite-table .table-header .table-cell.table-header-cell {
  display: inline-flex;
  align-items: center;
}
div.infinite-table .table-row .table-cell.table-header-cell .btn,
div.infinite-table .table-header .table-cell.table-header-cell .btn {
  color: #ccc;
}
div.infinite-table .table-row .table-cell.table-header-cell:hover .btn,
div.infinite-table .table-header .table-cell.table-header-cell:hover .btn {
  color: #6b6e74;
}
div.infinite-table .table-row .table-cell.table-header-cell:hover .btn:hover,
div.infinite-table .table-header .table-cell.table-header-cell:hover .btn:hover {
  color: #096077;
}
div.infinite-table .table-row .table-cell.table-header-cell .adjust-col,
div.infinite-table .table-header .table-cell.table-header-cell .adjust-col {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  margin-right: 7.5px;
}
div.infinite-table .table-row .table-cell.table-header-cell .adjust-col *,
div.infinite-table .table-header .table-cell.table-header-cell .adjust-col * {
  font-size: 0.6rem !important;
}
div.infinite-table .table-row .table-cell.table-header-cell .adjust-col .btn,
div.infinite-table .table-header .table-cell.table-header-cell .adjust-col .btn {
  border-radius: 100%;
}
div.infinite-table .table-row .table-cell.table-header-cell .adjust-col .btn:hover,
div.infinite-table .table-header .table-cell.table-header-cell .adjust-col .btn:hover,
div.infinite-table .table-row .table-cell.table-header-cell .adjust-col .btn:focus-visible,
div.infinite-table .table-header .table-cell.table-header-cell .adjust-col .btn:focus-visible {
  background-color: #096077;
}
div.infinite-table .table-row .table-cell.table-header-cell .adjust-col .btn:hover .icon,
div.infinite-table .table-header .table-cell.table-header-cell .adjust-col .btn:hover .icon,
div.infinite-table .table-row .table-cell.table-header-cell .adjust-col .btn:focus-visible .icon,
div.infinite-table .table-header .table-cell.table-header-cell .adjust-col .btn:focus-visible .icon {
  color: #ffffff !important;
}
div.infinite-table .table-row .table-cell.table-header-cell .btn-add,
div.infinite-table .table-header .table-cell.table-header-cell .btn-add {
  width: 1rem;
  height: 1rem;
}
div.infinite-table .table-row .table-cell.table-header-cell .label-col,
div.infinite-table .table-header .table-cell.table-header-cell .label-col {
  flex-shrink: 1;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}
div.infinite-table .table-row .table-cell.table-header-cell .label-col span,
div.infinite-table .table-header .table-cell.table-header-cell .label-col span {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 150%;
}
div.infinite-table .table-row .table-cell.table-header-cell .label-col span:hover,
div.infinite-table .table-header .table-cell.table-header-cell .label-col span:hover {
  color: #096077;
}
div.infinite-table .table-row .table-cell.table-header-cell .label-col span:before,
div.infinite-table .table-header .table-cell.table-header-cell .label-col span:before {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  content: '\f106';
  padding-right: 5px;
  color: #ccc;
  font-size: 0.8rem !important;
}
div.infinite-table .table-row .table-cell.table-header-cell .label-col span:hover:before,
div.infinite-table .table-header .table-cell.table-header-cell .label-col span:hover:before {
  color: #096077;
}
div.infinite-table .table-row .table-cell.sorted,
div.infinite-table .table-header .table-cell.sorted {
  color: #096077;
}
div.infinite-table .table-row .table-cell.sorted.sorted-asc .label-col span:before,
div.infinite-table .table-header .table-cell.sorted.sorted-asc .label-col span:before {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  content: '\f106';
  color: #096077;
}
div.infinite-table .table-row .table-cell.sorted.sorted-desc .label-col span:before,
div.infinite-table .table-header .table-cell.sorted.sorted-desc .label-col span:before {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  content: '\f107';
  color: #096077;
}
div.infinite-table .table-row .table-cell .btn-search,
div.infinite-table .table-header .table-cell .btn-search {
  margin-left: 5px;
}
div.infinite-table .table-search {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 5px;
  border-top: 1px solid #000000;
}
div.infinite-table .table-search .filter--wrapper {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
div.infinite-table .table-search input {
  font-weight: 400;
  font-size: 0.8rem;
  color: #1b2838;
}
div.infinite-table .table-search .table-search-item {
  margin-bottom: 7.5px;
  margin-right: 15px;
}
div.infinite-table .table-search .table-search-item .search-field {
  margin-right: 1ch;
  font-weight: 600;
}
div.infinite-table .table-search .table-search-item .filter-op__wrapper {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
div.infinite-table .table-search .table-search-item .filter-op__label {
  font-weight: 400;
  font-size: 0.8rem;
  color: #1b2838;
}
div.infinite-table .table-search .table-search-item .filter-op {
  width: 1.5em;
  height: 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 7.5px;
  font-weight: 600;
  border-radius: 100%;
}
div.infinite-table .table-search .table-search-item .filter-op:hover,
div.infinite-table .table-search .table-search-item .filter-op.selected {
  background-color: #e0e2e5;
}
div.infinite-table .table-main {
  overflow-x: auto;
  overflow-y: auto;
  flex: 1;
}
div.infinite-table .table-main .table-header {
  display: flex;
  position: sticky;
  top: 0;
  background-color: #f4f6f9;
  z-index: 2;
  font-weight: 700;
  border-top: 1px solid #6b6e74;
  min-width: 100%;
}
div.infinite-table .table-main .table-header .table-header-cell {
  overflow: initial;
  border-right: 1px solid #6b6e74;
  margin: 5px 0;
  padding: 0 5px;
}
div.infinite-table .table-main .table-header .table-header-cell:last-child {
  border: 0px;
}
div.infinite-table .table-main .table-row {
  transition: all 0.1s;
}
div.infinite-table .table-main .table-row.active,
div.infinite-table .table-main .table-row.active:hover {
  background-color: #a7df63;
}
div.infinite-table .table-main .table-row:hover {
  background-color: #ccc;
}
div.infinite-table .btn-next {
  margin: 0 5px;
}
div.infinite-table .table-body ::-moz-selection,
div.infinite-table .table-body ::selection {
  background: #ebe316;
}
.tabs__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -1px;
  z-index: 2;
}
.tabs__list button.tab {
  background-color: #f4f6f9;
  height: 2em;
  padding: 0 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #6b6e74;
  margin-right: -1px;
  border-top-left-radius: 7.5px;
  border-top-right-radius: 7.5px;
  font-weight: 600;
  font-size: 1em;
  color: #6b6e74;
  border-bottom: 1px solid #6b6e74;
}
.tabs__list button.tab:first-child {
  margin-left: 7.5px;
}
.tabs__list button.tab:hover {
  background-color: #ffffff;
  color: #1b2838;
  border-bottom: 1px solid #6b6e74;
}
.tabs__list button.tab.selected {
  background-color: #ffffff;
  color: #1b2838;
  border-bottom: 1px solid #ffffff;
}
.tabs__list button.tab.selected:hover {
  border-bottom: 1px solid #ffffff;
}
.tab__content {
  padding-top: 15px;
  border-top: 1px solid #6b6e74;
}
.tag__list {
  display: flex;
  flex-wrap: wrap;
}
.tag {
  position: relative;
  font-weight: 600;
  cursor: default;
  margin-right: 7.5px;
  margin-bottom: 7.5px;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border-radius: 2em;
  min-height: 1.7rem;
  height: fit-content;
  width: fit-content;
  padding-right: 0.3rem;
}
.tag .tag__value {
  padding: 0 15px;
}
.tag button {
  height: 1.7rem !important;
  width: 1.7rem !important;
}
.tag.small {
  font-size: 0.8rem;
  min-height: initial;
  padding-right: 0px;
}
.tag.small .tag__value {
  padding: 0 7.5px;
}
.tag.small button {
  height: 1.3rem !important;
  width: 1.3rem !important;
}
[data-tooltip] {
  position: relative;
  display: inline-block;
}
[data-tooltip].icon {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  cursor: default;
}
[data-tooltip].icon:hover {
  color: #096077;
}
[data-tooltip]:hover::after,
[data-tooltip]:hover::before {
  opacity: 0.9;
  transition-delay: 0.5s;
}
[data-tooltip]:focus-visible::after,
[data-tooltip]:focus-visible::before {
  opacity: 0.9;
  transition-delay: 0s;
}
[data-tooltip]::after {
  content: attr(data-tooltip);
  font-family: 'source_sans';
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: initial;
  line-height: initial;
  position: absolute;
  left: 50%;
  top: -0.4rem;
  transform: translateX(-50%) translateY(-100%);
  background: #4b4b4b;
  text-align: center;
  color: #ffffff;
  min-width: 100px;
  border-radius: 5px;
  pointer-events: none;
  padding: 0.26666667rem;
  z-index: 9999999;
  opacity: 0;
}
[data-tooltip-position='left']::after {
  left: 0%;
  top: 50%;
  margin-left: -0.53333333rem;
  transform: translateX(-100%) translateY(-50%);
}
[data-tooltip-position='top']::after {
  left: 50%;
}
[data-tooltip-position='bottom']::after {
  top: 100%;
  margin-top: 0.53333333rem;
  transform: translateX(-50%) translateY(0%);
}
[data-tooltip-position='right']::after {
  left: 100%;
  top: 50%;
  margin-left: 0.53333333rem;
  transform: translateX(0%) translateY(-50%);
}
[data-tooltip-position='top-right']::after {
  margin-left: -15px;
  transform: translateX(0%) translateY(-100%);
}
[data-tooltip-position='top-left']::after {
  margin-left: 15px;
  transform: translateX(-100%) translateY(-100%);
}
[data-tooltip-position='bottom-right']::after {
  top: 100%;
  margin-left: -1.06666667rem;
  margin-top: 0.53333333rem;
  transform: translateX(0%) translateY(0%);
}
[data-tooltip-position='bottom-left']::after {
  top: 100%;
  margin-left: 1.06666667rem;
  margin-top: 0.53333333rem;
  transform: translateX(-100%) translateY(0%);
}
@media screen and (max-width: 900px) and (orientation: portrait) {
  .app-inner {
    position: relative;
    height: fit-content;
    min-height: 100vh;
  }
  .app-inner .header,
  .app-inner .main,
  .app-inner .footer {
    position: relative;
    width: calc(100vw - 4 * 5px);
    height: auto;
    margin: 0 10px;
    padding: 0;
  }
  .app-inner .app-announcement {
    margin-left: 10px;
    margin-right: 10px;
  }
  .app-inner .main .map-wrapper,
  .app-inner .main .map-legend,
  .app-inner .main .feature-view.config {
    position: relative;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: calc(100vw - 4 * 5px);
    height: auto;
    margin: 0;
    padding: 0;
  }
  .app-inner .main .map-wrapper {
    height: calc(100vw - 4 * 5px);
  }
  .vertical-split {
    position: relative;
    height: 200vw !important;
    max-height: calc(100vh - 4 * 5px) !important;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    display: flex;
    flex-direction: column-reverse;
  }
  .vertical-split .map-wrapper {
    height: auto;
    bottom: 50% !important;
    margin-bottom: 0 !important;
  }
  h1 {
    font-size: 250%;
  }
}
@media screen and (max-width: 900px) and (orientation: portrait) {
  body[lang='fr'] .brand-name {
    width: calc(100vw - 4 * 5px);
    max-width: calc(100vw - 4 * 5px);
  }
  body[lang='nl'] .brand-name {
    width: calc(100vw - 4 * 5px);
    max-width: calc(100vw - 4 * 5px);
  }
  .app-inner .header {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    margin-bottom: 5px;
    border-bottom: 1px solid #6b6e74;
    padding-bottom: 10px;
  }
  .app-inner .header .logo-link {
    width: 100%;
  }
  .app-inner .header .brand-logo,
  .app-inner .header .brand-logo > div {
    height: 9.5vw;
    max-height: 35px;
  }
  .app-inner .header .brand-logo {
    border-bottom: 1px solid #6b6e74;
    margin-bottom: 10px;
    width: 100%;
  }
  .app-inner .header .app-title,
  .app-inner .header .header-toolbar,
  .app-inner .header .app-listwrapper {
    position: relative;
    width: auto;
    min-height: 20px;
    height: auto;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  .app-inner .header .app-title {
    margin-left: 0;
    font-size: 1.1rem;
  }
  .app-inner .header .app-listwrapper {
    order: 2;
    margin: auto;
    border-top: 1px solid #6b6e74;
    padding-top: 9.9px;
    width: 100%;
    margin-top: 10px;
  }
  .app-inner .header .app-listwrapper .navigate {
    margin: 0;
  }
  .app-inner .header .header-toolbar {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-top: 7.5px;
    padding-top: 11.25px;
    border-top: 1px solid #6b6e74;
  }
  .app-inner .header .header-toolbar > div {
    flex-shrink: 0;
  }
  .app-inner .header .header-toolbar .user {
    width: 100%;
  }
  .app-inner .header .header-toolbar .user .user-details {
    margin-right: 0;
  }
  .app-inner .header .header-toolbar .user .navigate.login {
    margin-left: auto;
  }
  .app-inner .header .header-toolbar .tools {
    position: absolute;
    top: -2em;
    right: 0;
  }
  .app-inner .header .app-select .selected {
    padding-left: 0px;
  }
}
@media screen and (max-width: 900px) and (orientation: portrait) {
  .footer {
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #6b6e74;
  }
  .footer .footer-infos {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .footer .footer-infos a:first-child {
    margin-bottom: 7.5px;
  }
  .footer .csac-credits {
    left: 0;
    margin: 0;
    margin-top: 7.5px;
  }
}
@media screen and (max-width: 900px) and (orientation: portrait) {
  .main .map-wrapper {
    margin-bottom: 10px;
  }
  .main .map-wrapper .tool.geocoder {
    position: absolute;
    top: 0;
    right: initial;
    bottom: initial;
    left: 0;
    z-index: 10;
    min-height: 25px;
    border-bottom-color: #6b6e74;
    border-top-color: #ffffff;
    max-width: calc(100vw - 4 * 5px - 30px);
  }
  .main .map-wrapper .tool.geocoder .adress-result span {
    min-height: 20px;
    height: auto;
    padding: 2px 0;
  }
  .main .switcher.infos {
    position: absolute;
    top: 0;
    right: 0;
    bottom: initial;
    left: initial;
  }
  .main .map-legend .legend-main {
    padding: 0;
  }
}
@media screen and (max-width: 900px) and (orientation: portrait) {
  div.infinite-table .table-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }
  div.infinite-table .table-toolbar > div {
    margin-bottom: 5px;
  }
  div.infinite-table .table-toolbar .table-title {
    max-width: calc(100% - 30px);
  }
  div.infinite-table .table-toolbar .btn-close {
    position: absolute;
    top: 10px;
    right: 5px;
    bottom: initial;
    left: initial;
  }
}
button {
  border: 0px;
  background-color: transparent;
  font: 400 0.9rem 'source_sans';
  padding: 0px;
}
button:focus {
  outline: 2px solid #096077;
}
button:focus:not(:focus-visible) {
  outline: none;
}
button:focus-visible {
  outline: 2px solid #096077;
}
.btn {
  height: calc(2em + 0.225rem);
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  padding: 0 0.675rem;
  box-sizing: border-box;
  flex-shrink: 0;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  user-select: none;
  width: fit-content;
}
.btn.label-and-icon .icon {
  padding-right: 0.5em;
  font-size: 1rem;
}
.btn.icon-only {
  width: calc(2em + 0.225rem);
  padding: 0;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: inherit;
}
.btn.icon-only .icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn.tag {
  border-radius: 2em;
}
.btn::first-letter,
.btn .btn-label::first-letter,
.btn a::first-letter {
  text-transform: uppercase;
}
.label-and-icon .icon,
.icon-only .icon {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  color: #096077;
}
.btn {
  transition: all 0.1s;
  cursor: default;
  font-weight: 400;
  font-size: 0.9rem;
  border-radius: 3px;
}
.btn * {
  transition: all 0.1s;
}
.btn a {
  color: inherit !important;
  text-decoration: none !important;
  box-shadow: initial !important;
}
.btn-1 {
  background-color: #096077;
  color: #fff;
  border: 2px solid #096077;
}
.btn-1:hover,
.btn-1:focus-visible {
  color: #1b2838;
  background: #fff;
  border: 2px solid #096077;
  outline: none;
}
.btn-1:hover .icon,
.btn-1:focus-visible .icon {
  color: #096077;
}
.btn-1.inactive,
.btn-1.disabled {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-1.inactive .icon,
.btn-1.disabled .icon {
  color: #fff;
}
.btn-1:active {
  -webkit-box-shadow: initial;
  -moz-box-shadow: initial;
  box-shadow: initial;
}
.btn-1 .icon {
  color: #fff;
}
.btn-2 {
  background-color: #ffffff;
  border: 2px solid #096077;
  color: #1b2838;
}
.btn-2:hover,
.btn-2:focus-visible {
  color: #ffffff;
  background-color: #096077;
  border-color: #096077;
  outline: none;
}
.btn-2:hover .icon,
.btn-2:focus-visible .icon {
  color: #ffffff;
}
.btn-2.inactive,
.btn-2.disabled {
  color: #ccc;
  background-color: transparent;
  border-color: #ccc;
}
.btn-2.inactive .icon,
.btn-2.disabled .icon {
  color: #ccc;
}
.btn-3 {
  background-color: transparent;
  border: 2px solid transparent;
  color: #1b2838;
}
.btn-3:hover,
.btn-3:focus-visible {
  border: 2px solid #096077;
  color: #1b2838;
  outline: none;
}
.btn-3.inactive,
.btn-3.disabled {
  color: #ccc;
  background-color: transparent;
  border-color: transparent;
}
.btn-3.inactive .icon,
.btn-3.disabled .icon {
  color: #ccc;
}
.btn-translate {
  color: #1b2838;
  margin: 0 !important;
  margin-right: -1em !important;
  margin-top: -1em !important;
}
.btn-translate .icon {
  color: inherit;
}
.btn-translate.not-translated {
  color: red;
}
.btn.btn-remove:hover {
  border: 2px solid red;
}
.btn.btn-remove:active {
  -webkit-box-shadow: initial;
  -moz-box-shadow: initial;
  box-shadow: initial;
}
.remove-confirm {
  font-size: 1rem;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  background: #ffffff;
  padding: 7.5px;
  background: rgba(255, 255, 255, 0.2);
}
.remove-confirm .remove-confirm-box {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(100, 100, 100, 0.5);
  -moz-box-shadow: 0px 0px 30px 0px rgba(100, 100, 100, 0.5);
  box-shadow: 0px 0px 30px 0px rgba(100, 100, 100, 0.5);
  background: #ffffff;
  width: 33vw;
  height: 33vh;
  min-width: 350px;
  min-height: 250px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.remove-confirm .remove-confirm-box .remove-confirm-btns {
  display: flex;
  justify-content: space-around;
}
.checkbox {
  cursor: default;
}
.checkbox:before {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  margin-right: 5px;
}
.checkbox::before {
  content: '\f096';
}
.checkbox:hover:before,
.checkbox.active:before {
  content: '\f14a';
}
.zoom-rbc .icon-rbc {
  background-image: url(/static/clients/apps/3ee2b9e40e74c9ff68dbc41f41e5460d.svg);
  width: 100%;
  height: 100%;
}
.zoom-rbc:hover .icon-rbc,
.zoom-rbc.active .icon-rbc {
  background-image: url(/static/clients/apps/79a143d0af91e87289d40a216020a818.svg);
}
.tag__list .tag {
  color: #00789c;
  border: 2px solid #00789c;
}
.tag__list .tag.active,
.tag__list .tag.selected,
.tag__list .tag:hover {
  color: #ffffff;
  background-color: #00789c;
}
.tag__list .tag.active button,
.tag__list .tag.selected button,
.tag__list .tag:hover button {
  color: #ffffff;
}
.tag__list .tag.active button .icon,
.tag__list .tag.selected button .icon,
.tag__list .tag:hover button .icon {
  color: #ffffff;
}
.tag__list .tag.active button:hover,
.tag__list .tag.selected button:hover,
.tag__list .tag:hover button:hover {
  background-color: #ffffff;
}
.tag__list .tag.active button:hover .icon,
.tag__list .tag.selected button:hover .icon,
.tag__list .tag:hover button:hover .icon {
  color: #00789c;
}
.tag__list button {
  color: #fff;
}
.tag__list button:hover {
  background-color: #00789c;
  border-color: #fff;
}
.tag__list button:hover .icon {
  color: #fff;
}
.tag__list button .icon {
  color: #00789c;
}
header,
header.header {
  font-size: 1rem;
}
header .app-title,
header.header .app-title {
  text-transform: uppercase;
  font-family: 'nunito';
  font-weight: 800;
  color: #1b2838;
}
header .icon,
header.header .icon,
header .app-select .tail a:hover .app-picto:before,
header.header .app-select .tail a:hover .app-picto:before {
  color: #75b626;
}
@media screen and (max-width: 900px) and (orientation: portrait) {
  header,
  header.header {
    font-size: 0.8rem;
  }
}
.helptext {
  font-size: 0.9rem;
  font-style: italic;
  line-height: 125%;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.helptext p {
  margin-bottom: 7.5px;
}
.helptext p:last-child {
  margin: 0;
}
input[type='email'],
input[type='password'],
input[type='search'],
input[type='url'],
input[type='text'],
input[type='number'],
textarea {
  border-radius: 3px;
}
.map-wrapper .control-box > div button .icon,
.map-wrapper .control-box > button .icon {
  color: #096077;
}
.map-list .map-tile .map-tile-img {
  border-radius: 100%;
}
html[lang='fr'] .brand-logo .brand-name {
  background-image: url(/static/clients/apps/7827d3592dee88d67ce080885ba13b65.svg);
}
html[lang='nl'] .brand-logo .brand-name {
  background-image: url(/static/clients/apps/da0419a9e4123cca66355044cd27aa36.svg);
}
html[lang='fr'] .brand-logo .brand-name {
  width: 335px;
}
html[lang='nl'] .brand-logo .brand-name {
  width: 295px;
}
.header a {
  box-shadow: initial;
}
a {
  color: #096077 !important;
  box-shadow: inset 0 -1px 0 0 #096077;
  text-decoration: none !important;
  border: 0px !important;
}
a:hover {
  box-shadow: inset 0 -2px 0 0 #096077;
}
a:focus-visible {
  outline: 3px dotted #096077 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'nunito', Helvetica, Arial, Verdana, sans-serif;
  font-weight: 800;
  line-height: 1.05;
}
h1 {
  font-size: 2.353rem;
  color: #00789c;
  line-height: 1.2;
}
h2 {
  font-size: 1.6471rem;
  color: #289084;
}
h3 {
  font-size: 1.412rem;
  color: #007268;
}
h4 {
  font-size: 1.1765rem;
  color: #007268;
}
h5,
h6 {
  font-size: 1rem;
  color: #007268;
}
.main .geo-output .content-header > button {
  font-family: 'nunito', Helvetica, Arial, Verdana, sans-serif;
  color: #00789c;
}
.dashboard .edito .illu__img {
  width: 100%;
  padding-bottom: 66%;
  background-image: url(/static/clients/apps/b88b146092c7f784d0dab720f906ab23.jpg);
  background-size: contain;
  margin-top: calc(-12rem + 15px);
}
.dashboard .app-name {
  font-family: 'nunito';
}
html[lang='fr'] .embed-app .brand-logo .brand-name {
  width: 240px;
}
html[lang='nl'] .embed-app .brand-logo .brand-name {
  width: 208px;
}
.embed-app .map-wrapper .control-box {
  border-top-left-radius: 1em;
}
.embed-app .map-wrapper .credit {
  position: relative !important;
}
.embed-app .map-wrapper .credit a {
  box-shadow: initial;
}
.embed-app .map-wrapper .btn.atlas-link {
  display: none;
}
.content--index-init H1 {
  display: flex;
  align-items: center;
  margin-left: calc(-2em - 15px);
}
.bruwater-logo {
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-right: 15px;
  background-image: url(/static/clients/apps/a547b30e780551eedd9b8ae2ecd4dfc4.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.view .sidebar-right .sidebar-header.legend-header-info H1,
.view .sidebar-right .sidebar-header H1 {
  line-height: 100% !important;
  padding-top: 3px;
}
.view h2.sub-pitch {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 120%;
  color: #1b2838;
}
.view .switcher {
  width: 3rem;
  padding-bottom: 0.5rem;
  border-bottom-left-radius: 1.4rem;
}
.view .switcher .switch-item {
  width: 3rem;
  height: 2.5rem;
}
.view .switcher .switch-item span.picto {
  display: block;
  margin: 0.5rem;
  width: 2rem;
  height: 2rem;
  border: 2px solid transparent;
  border-radius: 3rem;
}
.view .switcher .switch-item.active span.picto {
  border-color: #096077;
  background-color: #096077;
}
.view .switcher .switch-item.active span.picto:before {
  color: #ffffff;
}
.view .switcher .switch-item:hover span.picto {
  border-color: #096077;
}
.view .switcher .switch-item .picto:before {
  width: 100%;
  height: 100%;
  color: #096077;
}
.view .control-box {
  bottom: calc(16px + (15px/2));
}
.view .map-wrapper .map-scale {
  right: 0px;
  left: initial;
  border-right: 0px;
  padding-left: 0.5rem;
  border-top-left-radius: 0.5rem;
}
.view .map-navigator .app-list__wrapper .list {
  gap: initial;
}
.view .map-navigator .app-list__wrapper .list .app-item {
  flex-basis: 25%;
  padding: 0 7.5px;
  max-width: initial;
}
.view .map-navigator .app-list__wrapper .list .app-item:first-child {
  padding-left: initial;
}
.view .map-navigator .app-list__wrapper .list .app-item:last-child {
  padding-right: initial;
}
.compose .map-wrapper .scale-and-zoom {
  left: -1px;
  right: initial;
  border-left: 0px;
  border-right: 1px solid #000000;
  padding-right: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.main.dashboard .label {
  line-height: 125%;
}
.main.dashboard .dashboard__header .date-range__wrapper {
  font-size: 1.5rem;
}
.solar-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}
.solar-inner .main {
  flex: 1;
}
.solar-inner .header .header-toolbar {
  margin-right: 8rem;
}
.solar-inner .footer {
  height: 15px;
  bottom: 0;
}
.login-inner .main {
  padding: 0 15px;
}
.login-wrapper {
  width: calc(100% - 15px * 2);
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: auto;
  border: 1px solid #6b6e74;
  padding: 15px;
}
.login-wrapper * {
  box-sizing: border-box;
}
.login-wrapper h1 {
  margin-bottom: 15px;
}
.login-wrapper .login-widget {
  background-color: #f4f6f9;
  padding: 5px;
  padding: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 20vh;
  font-size: 1.5rem;
}
.login-wrapper .login-widget .error-message {
  width: 50%;
  text-align: center;
  margin-bottom: 1em;
  font-style: italic;
  line-height: 120%;
}
.login-wrapper .login-label {
  margin-bottom: 5px;
}
.login-wrapper label {
  display: flex;
  flex-direction: column;
}
.login-wrapper input {
  margin-bottom: 15px;
  padding: 15px;
  width: 30vw;
}
.login-wrapper .btn-login,
.login-wrapper .btn-logout {
  font-size: 1.2rem;
}
.login-wrapper .logout-username {
  margin-bottom: 30px;
  padding: 15px;
  border: 1px solid #6b6e74;
  background: #fff;
}
.login-wrapper .logout-username:before {
  font-family: 'ForkAwesome';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: initial;
  content: '\f007';
  margin-right: 15px;
}
@media screen and (max-width: 900px) and (orientation: portrait) {
  .login-app .header .app-title {
    max-width: initial;
  }
  .login-app .header-toolbar .navigate.login {
    display: none;
  }
  .root.login-app {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .app-inner {
    height: 100%;
  }
  .app-inner .main {
    height: 100%;
    padding: 0;
  }
  .login-wrapper {
    width: 100%;
    border: 0px;
    padding: 0;
  }
  .login-wrapper .login-widget {
    background-color: transparent;
  }
  .login-wrapper h1 {
    display: none;
  }
  .login-wrapper .username,
  .login-wrapper .password,
  .login-wrapper input {
    width: 100%;
  }
  .login-wrapper .btn {
    margin-top: 30px;
  }
}
@media screen and (max-width: 900px) and (orientation: portrait) {
  .footer {
    position: fixed;
    height: 15px;
    bottom: 0;
    top: auto;
  }
}


/*# sourceMappingURL=login-1.style.css.map*/