@charset "UTF-8";
/*$nav-color: #ececec;
$nav-active-color: white;*/
@font-face {
  font-family: 'FontAwesome';
  src: url("/static/xstatic/fonts/fontawesome-webfont.woff2") format("woff2"), url("/static/xstatic/fonts/fontawesome-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.sr-only, .RadiobuttonsWidget.template-evaluation .star-label, .RadiobuttonsWidget.template-evaluation input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

.clearfix::after, div.section::after, form div.page::after,
div.dataview div.page::after, div.cell::after {
  display: block;
  clear: both;
  content: ""; }

@supports (display: flow-root) {
  .clearfix, div.section, form div.page,
  div.dataview div.page, div.cell {
    display: flow-root; }
    .clearfix::after, div.section::after, form div.page::after,
    div.dataview div.page::after, div.cell::after {
      content: none; } }

[hidden] {
  display: none !important; }

.bare-list, ul#evolutions, .CheckboxesWidget .content ul,
.RadiobuttonsWidget .content ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.stretch-to-edge {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding-right: calc(50vw - 50%);
  padding-left: calc(50vw - 50%); }
  .stretch-to-edge.size--1-1 {
    flex-basis: 100vw !important;
    margin-left: calc(-50vw + 50% + (var(--grid-gutter, 0px) / 2)) !important;
    padding-left: calc(50vw - 50% + (var(--grid-gutter, 0px) / 2));
    margin-right: calc(-50vw + 50% - (var(--grid-gutter, 0px) / 2));
    padding-right: calc(50vw - 50% + (var(--grid-gutter, 0px) / 2)); }

html {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.938em;
  color: #333;
  background: white;
  scroll-behavior: smooth; }

main, footer {
  line-height: 1.4; }

h1, h2, h3, h4, h5, h6 {
  line-height: normal; }

a {
  color: #6c83af;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

a > img {
  border: none; }

img {
  max-width: 100%;
  height: auto; }

[role=button] {
  cursor: pointer; }

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    transition-delay: 0.01s !important;
    transition-duration: 0s !important; } }

div.section.foldable > h2:first-child, div#tracking-code h3, .form-content--title,
#rub_service > h2, .godo-dialog--title, div#rub_service div.category h3,
.gru-content div.a2-block h2,
.gru-content .block h2,
div.links-list h2,
.gru-content div.textcell h2:first-child,
.gru-content div.cell h2:first-child {
  position: relative;
  text-transform: none;
  background: white;
  color: #6c83af;
  padding: 0.7rem 1rem;
  border-radius: 0;
  margin: 0;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.867rem;
  font-family: "Segoe UI", "Helvetica Neue", helvetica, arial, sans-serif;
  font-style: normal;
  border-bottom: 1px solid #c5c5b6;
  border-top: 0; }

* {
  box-sizing: border-box; }
  *::before, *::after {
    box-sizing: inherit; }

html, body {
  margin: 0;
  min-height: 100vh; }

html {
  --primary-color: #f6433a; }

div#page {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

div#page div#main-content-wrapper,
div#page main {
  flex: 1 0 auto; }

.page-width,
.header-width,
.nav-width,
.footer-width {
  clear: both;
  max-width: 1180px;
  margin: 0 auto; }

@media (max-width: 800px) {
  .page-width,
  .footer-width {
    max-width: 720px; } }

div#header {
  position: relative; }
  div#header h1 {
    margin: 0; }

div#main-content-wrapper {
  position: relative;
  z-index: 100; }
  @media screen and (max-width: 800px) {
    div#main-content-wrapper {
      position: static;
      z-index: 0; } }
div#main-content {
  margin: 0;
  min-height: 300px; }

.column {
  float: left;
  width: 50%; }

#columns-wrapper {
  flex-grow: 1;
  max-width: 100%; }

.central-content {
  display: flex; }
  .central-content #sidebar {
    flex: 0 0 280px;
    max-width: 280px;
    margin-left: 0;
    margin-right: 20px; }

@media screen and (max-width: 800px) {
  #columns-wrapper {
    max-width: 100%; }
  .column {
    float: none;
    width: auto; }
  .central-content {
    flex-direction: column; }
    .central-content #sidebar {
      margin: 0;
      flex: 0 0 auto;
      max-width: 100%; }
      .central-content #sidebar div.cell {
        margin-left: 0;
        margin-right: 0; } }

footer a {
  color: #6c83af; }

#footer-wrapper {
  clear: both;
  margin-top: 1.5em;
  color: #fff; }

#footer-wrapper {
  padding-top: 0.7em;
  padding-bottom: 1.5em;
  background-color: #364157; }

div#header {
  width: 100%;
  padding: 0 0.7em; }

div#page div#main-content-wrapper,
div#page main {
  width: 100%; }

@media (max-width: 800px) {
  .central-content #sidebar {
    margin: 0 0.7em; }
  #columns-wrapper {
    padding: 0 0.7em; } }

@media screen and (max-width: 800px) {
  .pk-desktop-only, .desktop-only {
    display: none !important; } }

@media screen and (min-width: 801px) {
  .pk-mobile-only, .mobile-only {
    display: none !important; } }

@media not print {
  .pk-print-only {
    display: none !important; } }

@media print {
  .pk-no-print {
    display: none !important; } }

body.pk-mini-page {
  margin: 0;
  padding: 0;
  background: #F2F2F2;
  color: black;
  font-family: sans-serif;
  padding: 1em; }
  body.pk-mini-page main {
    background: white;
    max-width: 30em;
    margin: 4em auto 1em auto;
    padding: 0em;
    text-align: center;
    border-bottom: 5px solid var(--primary-color); }
    body.pk-mini-page main h1 {
      margin-top: 0; }
  body.pk-mini-page .pk-mini-page--content {
    padding: 1em; }
  body.pk-mini-page footer {
    max-width: 30em;
    margin: 1em auto;
    text-align: center; }

.fx-grid,
[class*="fx-grid--"] {
  --grid-gutter: 1.5rem;
  --nb-cols: 1;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin-left: calc(-1 * var(--grid-gutter));
  /* if flex item are list */
  list-style-type: none; }
  .fx-grid > *, .fx-grid > [class*="size--"],
  [class*="fx-grid--"] > *,
  [class*="fx-grid--"] > [class*="size--"] {
    box-sizing: border-box;
    margin-left: var(--grid-gutter);
    flex-basis: calc(100% / var(--nb-cols) - var(--grid-gutter));
    hyphens: auto; }

.fx-grid--auto > * {
  flex-basis: 10em;
  flex-shrink: 1;
  flex-grow: 1; }

.fx-grid--2 > *,
[class*="fx-grid--"][class*="--m2"] > * {
  --nb-cols: 2; }

.fx-grid--3 > *,
[class*="fx-grid--"][class*="--m3"] > * {
  --nb-cols: 3; }

@media (min-width: 561px) {
  [class*="fx-grid--"][class*="--t2"] > * {
    --nb-cols: 2; }
  [class*="fx-grid--"][class*="--t3"] > * {
    --nb-cols: 3; }
  [class*="fx-grid--"][class*="--t4"] > * {
    --nb-cols: 4; }
  [class*="fx-grid--"][class*="--t5"] > * {
    --nb-cols: 5; }
  [class*="fx-grid--"][class*="--t6"] > * {
    --nb-cols: 6; } }

@media (min-width: 801px) {
  [class*="fx-grid--"][class*="--d2"] > * {
    --nb-cols: 2; }
  [class*="fx-grid--"][class*="--d3"] > * {
    --nb-cols: 3; }
  [class*="fx-grid--"][class*="--d4"] > * {
    --nb-cols: 4; }
  [class*="fx-grid--"][class*="--d5"] > * {
    --nb-cols: 5; }
  [class*="fx-grid--"][class*="--d6"] > * {
    --nb-cols: 6; }
  [class*="fx-grid--"][class*="--d7"] > * {
    --nb-cols: 7; }
  [class*="fx-grid--"][class*="--d8"] > * {
    --nb-cols: 8; }
  [class*="fx-grid--"][class*="--d9"] > * {
    --nb-cols: 9; } }

.fx-grid > .size--1-1,
.fx-grid > [class*="size--"][class*="--m1-1"],
[class*="fx-grid--"] > .size--1-1,
[class*="fx-grid--"] > [class*="size--"][class*="--m1-1"] {
  --nb-cols: 1;
  flex-grow: 0; }

.fx-grid > .size--1-2,
.fx-grid > [class*="size--"][class*="--m1-2"],
[class*="fx-grid--"] > .size--1-2,
[class*="fx-grid--"] > [class*="size--"][class*="--m1-2"] {
  --nb-cols: 2;
  flex-grow: 0; }

.fx-grid > .size--2-2,
.fx-grid > [class*="size--"][class*="--m2-2"],
[class*="fx-grid--"] > .size--2-2,
[class*="fx-grid--"] > [class*="size--"][class*="--m2-2"] {
  --nb-cols: 1;
  flex-grow: 0; }

.fx-grid > .size--1-3,
.fx-grid > [class*="size--"][class*="--m1-3"],
[class*="fx-grid--"] > .size--1-3,
[class*="fx-grid--"] > [class*="size--"][class*="--m1-3"] {
  --nb-cols: 3;
  flex-grow: 0; }

.fx-grid > .size--2-3,
.fx-grid > [class*="size--"][class*="--m2-3"],
[class*="fx-grid--"] > .size--2-3,
[class*="fx-grid--"] > [class*="size--"][class*="--m2-3"] {
  --nb-cols: 1.5;
  flex-grow: 0; }

.fx-grid > .size--3-3,
.fx-grid > [class*="size--"][class*="--m3-3"],
[class*="fx-grid--"] > .size--3-3,
[class*="fx-grid--"] > [class*="size--"][class*="--m3-3"] {
  --nb-cols: 1;
  flex-grow: 0; }

@media (min-width: 561px) {
  .fx-grid > [class*="size--"][class*="--t1-1"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t1-1"] {
    --nb-cols: 1;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t1-2"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t1-2"] {
    --nb-cols: 2;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t2-2"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t2-2"] {
    --nb-cols: 1;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t1-3"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t1-3"] {
    --nb-cols: 3;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t2-3"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t2-3"] {
    --nb-cols: 1.5;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t3-3"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t3-3"] {
    --nb-cols: 1;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t1-4"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t1-4"] {
    --nb-cols: 4;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t2-4"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t2-4"] {
    --nb-cols: 2;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t3-4"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t3-4"] {
    --nb-cols: 1.3333333333;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t4-4"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t4-4"] {
    --nb-cols: 1;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t1-5"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t1-5"] {
    --nb-cols: 5;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t2-5"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t2-5"] {
    --nb-cols: 2.5;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t3-5"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t3-5"] {
    --nb-cols: 1.6666666667;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t4-5"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t4-5"] {
    --nb-cols: 1.25;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t5-5"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t5-5"] {
    --nb-cols: 1;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t1-6"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t1-6"] {
    --nb-cols: 6;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t2-6"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t2-6"] {
    --nb-cols: 3;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t3-6"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t3-6"] {
    --nb-cols: 2;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t4-6"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t4-6"] {
    --nb-cols: 1.5;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t5-6"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t5-6"] {
    --nb-cols: 1.2;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--t6-6"],
  [class*="fx-grid--"] > [class*="size--"][class*="--t6-6"] {
    --nb-cols: 1;
    flex-grow: 0; } }

@media (min-width: 801px) {
  .fx-grid > [class*="size--"][class*="--d1-1"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d1-1"] {
    --nb-cols: 1;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d1-2"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d1-2"] {
    --nb-cols: 2;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d2-2"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d2-2"] {
    --nb-cols: 1;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d1-3"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d1-3"] {
    --nb-cols: 3;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d2-3"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d2-3"] {
    --nb-cols: 1.5;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d3-3"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d3-3"] {
    --nb-cols: 1;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d1-4"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d1-4"] {
    --nb-cols: 4;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d2-4"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d2-4"] {
    --nb-cols: 2;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d3-4"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d3-4"] {
    --nb-cols: 1.3333333333;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d4-4"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d4-4"] {
    --nb-cols: 1;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d1-5"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d1-5"] {
    --nb-cols: 5;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d2-5"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d2-5"] {
    --nb-cols: 2.5;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d3-5"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d3-5"] {
    --nb-cols: 1.6666666667;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d4-5"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d4-5"] {
    --nb-cols: 1.25;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d5-5"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d5-5"] {
    --nb-cols: 1;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d1-6"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d1-6"] {
    --nb-cols: 6;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d2-6"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d2-6"] {
    --nb-cols: 3;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d3-6"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d3-6"] {
    --nb-cols: 2;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d4-6"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d4-6"] {
    --nb-cols: 1.5;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d5-6"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d5-6"] {
    --nb-cols: 1.2;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d6-6"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d6-6"] {
    --nb-cols: 1;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d1-7"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d1-7"] {
    --nb-cols: 7;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d2-7"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d2-7"] {
    --nb-cols: 3.5;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d3-7"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d3-7"] {
    --nb-cols: 2.3333333333;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d4-7"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d4-7"] {
    --nb-cols: 1.75;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d5-7"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d5-7"] {
    --nb-cols: 1.4;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d6-7"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d6-7"] {
    --nb-cols: 1.1666666667;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d7-7"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d7-7"] {
    --nb-cols: 1;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d1-8"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d1-8"] {
    --nb-cols: 8;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d2-8"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d2-8"] {
    --nb-cols: 4;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d3-8"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d3-8"] {
    --nb-cols: 2.6666666667;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d4-8"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d4-8"] {
    --nb-cols: 2;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d5-8"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d5-8"] {
    --nb-cols: 1.6;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d6-8"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d6-8"] {
    --nb-cols: 1.3333333333;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d7-8"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d7-8"] {
    --nb-cols: 1.1428571429;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d8-8"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d8-8"] {
    --nb-cols: 1;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d1-9"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d1-9"] {
    --nb-cols: 9;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d2-9"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d2-9"] {
    --nb-cols: 4.5;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d3-9"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d3-9"] {
    --nb-cols: 3;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d4-9"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d4-9"] {
    --nb-cols: 2.25;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d5-9"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d5-9"] {
    --nb-cols: 1.8;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d6-9"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d6-9"] {
    --nb-cols: 1.5;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d7-9"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d7-9"] {
    --nb-cols: 1.2857142857;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d8-9"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d8-9"] {
    --nb-cols: 1.125;
    flex-grow: 0; }
  .fx-grid > [class*="size--"][class*="--d9-9"],
  [class*="fx-grid--"] > [class*="size--"][class*="--d9-9"] {
    --nb-cols: 1;
    flex-grow: 0; } }

body.has-header-background .site-header {
  background: url(/assets/header:background) top center no-repeat;
  background-size: cover; }

#logo a {
  display: inline-block; }

#logo.has-logo a {
  background: transparent url(/assets/header:logo) center left no-repeat;
  background-size: contain;
  min-width: 160px;
  text-indent: -10000px; }

div.gru-nav {
  background: transparent;
  color: #ea6b65; }

div.gru-nav {
  height: auto;
  border-radius: 0; }

div.gru-nav > ul {
  border-color: white;
  height: auto;
  padding: 0;
  overflow: hidden; }

div.gru-nav > ul > li:first-child > a {
  border-radius: 0 0 0 0; }

div.gru-nav > ul > li {
  background: transparent;
  margin: 0;
  margin-right: 0px;
  display: inline-block;
  padding: 0; }

div.gru-nav > ul > li a {
  color: #ea6b65;
  font-weight: bold;
  padding: 0.75em 20px;
  display: inline-block;
  line-height: 150%;
  transition: background 0.5s, color 0.5s;
  text-decoration: none; }

div.gru-nav li.selected > a,
div.gru-nav li:focus-within > a,
div.gru-nav li:hover > a {
  background-color: white;
  color: #f6433a; }

div.gru-nav > ul ul {
  display: none;
  position: absolute;
  background: white;
  z-index: 1000;
  min-width: 10em;
  list-style: none;
  padding: 0;
  text-align: left;
  border-radius: 0 0 0 0; }
  div.gru-nav > ul ul > li a {
    color: black; }

div.gru-nav > ul ul a {
  width: 100%; }

div.gru-nav > ul ul li:last-child a {
  border-radius: 0 0 0 0; }

div.gru-nav > ul li:hover ul {
  display: block; }

@media screen and (min-width: 801px) {
  div.gru-nav > ul li:focus-within ul {
    display: block; } }

.gru-nav-button::-moz-focus-inner {
  border: 0; }

.gru-nav-button {
  display: none;
  border-radius: 0 0 0 0;
  cursor: pointer; }

div.gru-nav span.badge,
div.menucell span.badge {
  font-size: 80%;
  line-height: 100%; }

div.gru-nav span.badge::before,
div.menucell span.badge::before {
  content: '('; }

div.gru-nav span.badge::after,
div.menucell span.badge::after {
  content: ')'; }

@media screen and (max-width: 800px) {
  #logo {
    padding-left: calc(50px + 20px);
    background-position: calc(50px + 20px); }
  .gru-nav-wrapper {
    margin-top: calc(-1 * (50px + 10px)); }
  div.gru-nav {
    height: auto; }
  div.gru-nav {
    background: transparent; }
  div.gru-nav ul ul {
    position: static;
    display: block;
    background: transparent; }
    div.gru-nav ul ul li a {
      padding-left: 3em; }
  div.gru-nav .gru-nav-button {
    display: block;
    z-index: 200;
    position: relative;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0;
    background: white;
    transition: all 0.25s ease;
    border: 0;
    margin-left: 10px; }
    div.gru-nav .gru-nav-button .icon-bar {
      position: absolute;
      left: 17%;
      width: 66%;
      margin: 0;
      height: 2px;
      background: #f6433a;
      transition: all 0.25s ease;
      margin-top: -1px; }
    div.gru-nav .gru-nav-button .icon-bar-1 {
      top: 25%; }
    div.gru-nav .gru-nav-button .icon-bar-2 {
      top: 50%; }
    div.gru-nav .gru-nav-button .icon-bar-3 {
      top: 75%; }
    div.gru-nav .gru-nav-button + ul {
      display: block;
      overflow: hidden;
      margin-top: 0;
      background: #eee;
      height: 0px;
      border-top: 2px solid white; }
      div.gru-nav .gru-nav-button + ul li {
        display: block;
        float: none; }
      div.gru-nav .gru-nav-button + ul a {
        width: 100%;
        color: black;
        border-radius: 0; }
      div.gru-nav .gru-nav-button + ul li.selected > a, div.gru-nav .gru-nav-button + ul li:hover > a {
        background-color: white;
        color: #f6433a; }
    div.gru-nav .gru-nav-button + ul li:last-child {
      border-bottom: 2px solid white; }
  div.gru-nav .gru-nav-button.toggled .icon-bar-1 {
    top: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  div.gru-nav .gru-nav-button.toggled .icon-bar-2 {
    opacity: 0; }
  div.gru-nav .gru-nav-button.toggled .icon-bar-3 {
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  div.gru-nav .gru-nav-button.toggled + ul {
    height: auto; } }

.pwa-navigation {
  background: white;
  position: fixed;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  display: none; }
  .pwa-navigation #nav-wrapper {
    padding: 0;
    margin: 0; }
  .pwa-navigation div > ul,
  .pwa-navigation div#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex; }
    .pwa-navigation div > ul li,
    .pwa-navigation div#nav ul li {
      flex: 1;
      position: relative;
      margin-left: 0;
      text-align: center; }
      .pwa-navigation div > ul li.selected:hover a, .pwa-navigation div > ul li:hover a,
      .pwa-navigation div#nav ul li.selected:hover a,
      .pwa-navigation div#nav ul li:hover a {
        background-color: white;
        color: #f6433a; }
      .pwa-navigation div > ul li.selected a,
      .pwa-navigation div#nav ul li.selected a {
        background-color: white;
        color: #f6433a; }
      .pwa-navigation div > ul li a,
      .pwa-navigation div#nav ul li a {
        text-decoration: none;
        transition: background 0.5s, color 0.5s;
        background: transparent 50% 10px no-repeat;
        color: #ea6b65;
        display: block;
        width: 100%;
        line-height: 0.8em;
        padding: 0px 4px;
        height: 64px;
        padding-top: 32px;
        border-bottom: 0; }
        .pwa-navigation div > ul li a span,
        .pwa-navigation div#nav ul li a span {
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          height: 32px;
          font-size: 10px; }
          .pwa-navigation div > ul li a span span.badge,
          .pwa-navigation div#nav ul li a span span.badge {
            display: block;
            background: #e22;
            color: white;
            font-size: 80%;
            position: absolute;
            top: 10px;
            left: calc(50% + 10px);
            border-radius: 100%;
            height: 2em;
            line-height: 2em;
            width: 2em; }
      .pwa-navigation div > ul li::before,
      .pwa-navigation div#nav ul li::before {
        position: absolute;
        background-position: 50% 2px;
        width: 100%; }

@media screen and (max-width: 800px) {
  .pwa-navigation {
    display: block; }
  .has-pwa-navigation footer {
    margin-bottom: 64px; } }

body.has-picture .site-nav::after {
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  background-color: transparent;
  background-image: var(--page-picture);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: -0.5rem; }

@media screen and (min-width: 801px) {
  .column .a2-block,
  .column .cell,
  .block {
    margin-left: 10px;
    margin-right: 10px; }
  .column:first-child .block,
  .column:first-child .a2-block,
  .column:first-child .cell {
    margin-left: 0; }
  .column:last-child .block,
  .column:last-child .a2-block,
  .column:last-child .cell {
    margin-right: 0; } }

.a2-block {
  margin: 4em auto;
  max-width: 45em; }
  .a2-block form, .a2-block p {
    margin: 1em 0;
    line-height: 1.4; }
  @media screen and (max-width: 800px) {
    .a2-block {
      margin: 0 auto; } }
div#sidebar + div#columns div.a2-block {
  margin: 0 0 3em 0; }

div#sidebar + div#columns .methods2 .a2-block {
  margin-right: 2em; }

.godo-dialog, .a2-block,
.gru-content .cell,
.block {
  text-align: left;
  background: white;
  color: inherit;
  border: 0 solid transparent;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 10px; }
  .godo-dialog h2 + div, .a2-block h2 + div,
  .gru-content .cell h2 + div,
  .block h2 + div,
  .godo-dialog .cell--body,
  .a2-block .cell--body,
  .gru-content .cell .cell--body,
  .block .cell--body {
    padding: 1rem; }
    .godo-dialog h2 + div > :only-child, .a2-block h2 + div > :only-child,
    .gru-content .cell h2 + div > :only-child,
    .block h2 + div > :only-child,
    .godo-dialog .cell--body > :only-child,
    .a2-block .cell--body > :only-child,
    .gru-content .cell .cell--body > :only-child,
    .block .cell--body > :only-child {
      margin-top: 0;
      margin-bottom: 0; }
  .godo-dialog h2 + div.links-list, .a2-block h2 + div.links-list,
  .gru-content .cell h2 + div.links-list,
  .block h2 + div.links-list {
    padding: 0; }

.gru-content .cell.wcsformsofcategorycell h2 ~ div.intro {
  padding: 1rem; }

.gru-content div.cell.categoriescell div div {
  padding: 0;
  margin: 0; }

.gru-content .tracking-code-input-cell form > p:first-child {
  margin-top: 0; }

.gru-content .tracking-code-input-cell form input, .gru-content .tracking-code-input-cell form button {
  vertical-align: middle; }

div#rub_service div.category h3,
.gru-content div.a2-block h2,
.gru-content .block h2,
div.links-list h2,
.gru-content div.textcell h2:first-child,
.gru-content div.cell h2:first-child {
  position: relative;
  margin: 0; }

div.links-list p {
  margin: 1em; }

div#rub_service div.category ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.categoriescell ul,
div.wcsformsofcategorycell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  z-index: 0; }
  div#rub_service div.category ul > li:not(:last-child),
  div.links-list ul > li:not(:last-child),
  div.menucell ul > li:not(:last-child),
  div.wcsformcell > li:not(:last-child),
  div.categoriescell ul > li:not(:last-child),
  div.wcsformsofcategorycell ul > li:not(:last-child),
  div.wcscurrentdraftscell ul > li:not(:last-child),
  div.wcscurrentformscell ul > li:not(:last-child) {
    border-bottom: 1px solid #ccc; }
  div#rub_service div.category ul > li > a,
  div.links-list ul > li > a,
  div.menucell ul > li > a,
  div.wcsformcell > li > a,
  div.categoriescell ul > li > a,
  div.wcsformsofcategorycell ul > li > a,
  div.wcscurrentdraftscell ul > li > a,
  div.wcscurrentformscell ul > li > a {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    padding: 1rem;
    color: #6c83af;
    font-weight: normal;
    position: relative;
    text-decoration: none; }
    div#rub_service div.category ul > li > a:hover,
    div.links-list ul > li > a:hover,
    div.menucell ul > li > a:hover,
    div.wcsformcell > li > a:hover,
    div.categoriescell ul > li > a:hover,
    div.wcsformsofcategorycell ul > li > a:hover,
    div.wcscurrentdraftscell ul > li > a:hover,
    div.wcscurrentformscell ul > li > a:hover {
      color: inherit;
      background-color: #eee; }
  div#rub_service div.category ul .add-more-items--button,
  div.links-list ul .add-more-items--button,
  div.menucell ul .add-more-items--button,
  div.wcsformcell .add-more-items--button,
  div.categoriescell ul .add-more-items--button,
  div.wcsformsofcategorycell ul .add-more-items--button,
  div.wcscurrentdraftscell ul .add-more-items--button,
  div.wcscurrentformscell ul .add-more-items--button {
    display: block;
    padding: 0.5rem 1rem;
    cursor: pointer;
    text-align: center; }
  div#rub_service div.category ul li div.description,
  div.links-list ul li div.description,
  div.menucell ul li div.description,
  div.wcsformcell li div.description,
  div.categoriescell ul li div.description,
  div.wcsformsofcategorycell ul li div.description,
  div.wcscurrentdraftscell ul li div.description,
  div.wcscurrentformscell ul li div.description {
    padding: 0 1rem;
    font-size: 0.9em;
    color: #666; }
    div#rub_service div.category ul li div.description p,
    div.links-list ul li div.description p,
    div.menucell ul li div.description p,
    div.wcsformcell li div.description p,
    div.categoriescell ul li div.description p,
    div.wcsformsofcategorycell ul li div.description p,
    div.wcscurrentdraftscell ul li div.description p,
    div.wcscurrentformscell ul li div.description p {
      margin-top: 0;
      margin-bottom: 0.7em; }

.gru-content div.link-list-cell.has-asset-picture picture img,
.gru-content div.wcsformsofcategorycell.has-asset-picture picture img {
  display: block;
  padding: 0.5rem; }

div.list-of-forms span.form-number {
  flex-grow: 1;
  margin-right: 1rem;
  opacity: 0.76;
  font-size: 0.8em; }

div.list-of-forms span.form-status {
  margin-right: 0;
  margin-left: auto; }

div.list-of-forms span.form-title {
  margin-right: 1rem; }

div.cell div.intro p {
  margin: 0; }

div.cell div.intro p + p {
  margin-top: 0.7em; }

.gru-content div.cell.no-bottom-margin {
  margin-bottom: 0;
  border-radius: 0 0 0 0;
  border-bottom: 0; }
  .gru-content div.cell.no-bottom-margin p:last-child {
    margin-bottom: 0;
    padding-bottom: 0.7em; }
  .gru-content div.cell.no-bottom-margin .links-list ul > li:last-child, .gru-content div.cell.no-bottom-margin.menu-cell ul > li:last-child {
    border-bottom: 1px solid #ccc; }
  .gru-content div.cell.no-bottom-margin + div {
    margin-top: 0;
    border-radius: 0 0 0 0;
    border-top: 0; }
    .gru-content div.cell.no-bottom-margin + div.no-bottom-margin {
      border-radius: 0; }
    .gru-content div.cell.no-bottom-margin + div p:first-child {
      margin-top: 0;
      padding-top: 0.7em; }

.gru-content div.cell div.textcell {
  /* don't include margins/borders for textcells embedded in
		 * other cells (via extra placeholders) */
  border: 0;
  margin-left: 0;
  margin-right: 0; }
  .gru-content div.cell div.textcell p, .gru-content div.cell div.textcell h3, .gru-content div.cell div.textcell h4, .gru-content div.cell div.textcell h5 {
    margin-left: 0;
    margin-right: 0; }

div.menucell li li {
  border-bottom: none;
  border-top: 1px solid #ccc; }
  div.menucell li li a {
    padding-left: 3em;
    font-size: 0.9em; }

div.searchcell form {
  position: relative;
  display: flex;
  padding: 1em; }
  div.searchcell form input {
    flex: 1;
    margin: 0;
    margin-right: 1rem;
    width: 0; }
  div.searchcell form .combo-search--button {
    margin-right: 0; }
  div.searchcell form::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: #aaa;
    width: 0%; }
  div.searchcell form.searching::after {
    -webkit-animation: cell-loading-pulse 0.5s linear infinite alternate;
    animation: cell-loading-pulse 0.5s linear infinite alternate; }

#sidebar div.searchcell form {
  display: block; }
  #sidebar div.searchcell form input {
    width: 100%;
    margin-bottom: 0.2em; }

div.cell div.loading {
  color: #444;
  position: relative; }

@-webkit-keyframes cell-loading-pulse {
  to {
    width: 100%; } }

@keyframes cell-loading-pulse {
  to {
    width: 100%; } }

div.cell div.loading span {
  position: relative;
  z-index: 10;
  padding: 0.3rem;
  display: inline-block; }

div.cell div.loading::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  width: 0px;
  background: #eee;
  height: 100%;
  border-radius: 0;
  -webkit-animation: cell-loading-pulse 2s linear infinite alternate;
  animation: cell-loading-pulse 2s linear infinite alternate; }

div.cell div.loading.error-loading {
  border-radius: 0;
  background: #f44; }

div.cell div.loading.error-loading::after {
  content: none; }

.gru-content div.cell.shown-because-admin {
  opacity: 0.5;
  background-image: repeating-linear-gradient(-45deg, #eee 0px, #eee 14px, transparent 15px, transparent 30px); }
  .gru-content div.cell.shown-because-admin h2 {
    background: transparent; }
  .gru-content div.cell.shown-because-admin:hover {
    opacity: 1;
    background-image: inherit; }
    .gru-content div.cell.shown-because-admin:hover h2 {
      background: inherit; }

.gru-content .lingo-basket-cell.cell h2 + .lingo-basket-cell--content {
  padding: 0; }

.lingo-basket-cell--regie-name {
  padding-left: 1rem;
  padding-right: 1rem; }

.lingo-basket-cell--list {
  list-style: none;
  margin: 0;
  padding: 0; }

.lingo-basket-cell--item {
  padding: 1rem;
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline; }
  .lingo-basket-cell--item-label {
    overflow: hidden; }
  .lingo-basket-cell--item-price {
    text-align: right;
    flex: 1 0 5rem; }
  @media (max-width: 800px) {
    .lingo-basket-cell--item-actions {
      flex: 1 0 100%; } }
  @media (min-width: 801px) {
    .lingo-basket-cell--item-actions {
      margin-left: 1em; } }
  .lingo-basket-cell--item-remove {
    text-align: right; }

.lingo-basket-cell--total {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: right; }

div.lingobasketcell button, div.newsletterscell button,
div.lingobasketcell input[type=submit], div.newsletterscell input[type=submit] {
  margin: 0 1em 1em 1em; }

.newsletterscell table {
  width: 100%;
  font-size: 0.9em;
  margin: 0.5em 0; }
  .newsletterscell table thead td, .newsletterscell table tbody td {
    padding-left: 5px; }
  .newsletterscell table thead td {
    font-weight: bold;
    text-align: center; }
  .newsletterscell table tbody td:nth-child(1) {
    text-align: left; }
  .newsletterscell table tbody td {
    text-align: center; }

div.feedcell h3 {
  margin: 0 0 0.3em 0; }

div.feedcell div.feed-content div,
div.feedcell div.feed-content p {
  margin: 0.3em 0 1em 0; }

div.feedcell img {
  max-width: 100%; }

div.bookingcalendar p.paginator {
  position: relative;
  margin-top: 0;
  text-align: center; }
  div.bookingcalendar p.paginator span.previous, div.bookingcalendar p.paginator span.next {
    opacity: 0.5; }
  div.bookingcalendar p.paginator .previous {
    position: absolute;
    left: 0; }
  div.bookingcalendar p.paginator .next {
    position: absolute;
    right: 0; }

div.bookingcalendar table th {
  text-align: center;
  height: 2.2em; }

div.bookingcalendar table tbody th {
  padding-right: 0.7em; }

div.bookingcalendar table td {
  border: 1px solid #ddd;
  position: relative; }
  div.bookingcalendar table td input[type=checkbox] {
    position: relative;
    display: block;
    width: 100%;
    z-index: 10; }
  div.bookingcalendar table td input[type=checkbox] + label {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    transition: background 0.3s ease; }
  div.bookingcalendar table td input[type=checkbox]:disabled + label {
    background: #ccc; }
  div.bookingcalendar table td.active-column input, div.bookingcalendar table td.active-column label {
    pointer-events: none; }
  div.bookingcalendar table td.active-column.clickable input, div.bookingcalendar table td.active-column.clickable label {
    pointer-events: auto; }
  div.bookingcalendar table td input[type=checkbox]:checked + label {
    background: #00c500; }
  div.bookingcalendar table td.absent {
    background: #eee; }
  div.bookingcalendar table td.unavailable {
    background: #c50000; }

div.bookingcalendar table {
  margin-bottom: 1em; }

#registration-blocks.methods2 > .a2-block,
#login-page.methods2 > .block {
  width: 50%;
  width: calc(50% - 2em);
  margin-left: 0;
  margin-right: 2em;
  float: left; }

#registration-blocks.methods3 > .a2-block,
#login-page.methods3 > .block {
  width: 33%;
  width: calc(33% - 2em);
  margin-left: 0;
  margin-right: 2em;
  float: left; }

@media screen and (max-width: 800px) {
  #registration-blocks.methods2 > .a2-block,
  #registration-blocks.methods3 > .a2-block,
  #login-page.methods2 > .block,
  #login-page.methods3 > .block {
    width: auto;
    float: none;
    margin-right: 0;
    margin-left: 0.7em;
    margin-right: 0.7em; } }

div.cell hr {
  width: 80%; }

.gru-content div.tipipaymentformcell > div > div {
  padding: 0 1em; }
  .gru-content div.tipipaymentformcell > div > div form #exer, .gru-content div.tipipaymentformcell > div > div form #idligne, .gru-content div.tipipaymentformcell > div > div form #idpce,
  .gru-content div.tipipaymentformcell > div > div form #rolrec, .gru-content div.tipipaymentformcell > div > div form #roldeb, .gru-content div.tipipaymentformcell > div > div form #roldet,
  .gru-content div.tipipaymentformcell > div > div form #montant_euros, .gru-content div.tipipaymentformcell > div > div form #montant_cents {
    width: auto; }

div.familyinfoscell h3 {
  padding: 5px 0;
  margin: 5px 0; }

div.familyinfoscell div.address {
  margin: 0.7em 0; }
  div.familyinfoscell div.address h4 {
    margin: 0; }

div.familyinfoscell div.family-data {
  padding-bottom: 1.5em;
  border-bottom: 1px solid #c5c5b6; }

div.familyinfoscell div.family_unlink {
  text-align: right; }

div.familyinfoscell div.family_members {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 800px) {
    div.familyinfoscell div.family_members {
      flex-direction: column; } }
div.familyinfoscell div.family_adults, div.familyinfoscell div.family_children {
  width: 48%; }
  @media screen and (max-width: 800px) {
    div.familyinfoscell div.family_adults, div.familyinfoscell div.family_children {
      width: auto; } }
  div.familyinfoscell div.family_adults > div, div.familyinfoscell div.family_children > div {
    border-bottom: 1px solid #c5c5b6;
    padding-bottom: 0.7em;
    margin: 0.7em 0; }
  div.familyinfoscell div.family_adults .name, div.familyinfoscell div.family_children .name {
    font-size: 115%; }

div.familyinfoscell p {
  margin: 0;
  padding: 0; }
  div.familyinfoscell p span.label {
    font-weight: bold; }

div.cell.foldable > div > h2:first-child {
  padding-right: 2em;
  cursor: pointer; }
  div.cell.foldable > div > h2:first-child::after {
    font-family: FontAwesome;
    content: "";
    position: absolute;
    right: 1em;
    width: 1em;
    text-align: right; }

div.cell.foldable > div > h2:first-child,
div.cell.foldable > div > picture {
  cursor: pointer; }

div.cell.foldable.folded > div > h2:first-child::after {
  content: ""; }

div.cell.foldable.folded > div > h2:first-child ~ *:not(picture) {
  display: none; }

#footer .menucell {
  /* custom style for menu cells in footer, center links on a single line */
  text-align: center; }
  #footer .menucell li {
    display: inline-block;
    border: none;
    border-right: none; }
    #footer .menucell li:last-child {
      border-right: none; }
    #footer .menucell li a {
      border-radius: 0;
      border: none;
      color: #ffffff;
      padding: 0.5rem 1rem;
      text-decoration: none; }
      #footer .menucell li a:hover {
        text-decoration: underline;
        background: none; }

div.gallerycell div.gallery {
  text-align: center; }
  div.gallerycell div.gallery img {
    max-width: 100%;
    border: 1px solid #888; }

.gru-content div.cell div.cell-items-pagination, .gru-content div.cell-cards-items-pagination, .gru-content div.cell-cards--filters {
  padding: 1rem; }
  .gru-content div.cell div.cell-items-pagination .cell-items-pagination-next, .gru-content div.cell div.cell-items-pagination .cell-cards-items-pagination-next, .gru-content div.cell-cards-items-pagination .cell-items-pagination-next, .gru-content div.cell-cards-items-pagination .cell-cards-items-pagination-next, .gru-content div.cell-cards--filters .cell-items-pagination-next, .gru-content div.cell-cards--filters .cell-cards-items-pagination-next {
    float: right;
    margin-right: 0; }

.wcs-card-cell img {
  max-width: 100%; }

.wcs-card-cell.card-table .pk-data-table {
  width: 100%; }

.wcs-card-cell .pk-card-field-filename img {
  display: block;
  max-width: 100%;
  max-height: 25vh; }

.empty-cell {
  display: none !important; }

div.links-list ul > li.latest-page-updates-cell--item a {
  display: block; }

div.notifications-cell li.combo-notification:not(.combo-notification-acked), div.notifications-cell li.combo-notification:not(.combo-notification-acked) > a {
  font-weight: bolder; }

#toplinks {
  position: absolute;
  top: 0;
  left: auto;
  right: 1em;
  border-radius: 0 0 1em 1em;
  background: white;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
  width: auto;
  padding: 0.7em 2em 0.2em 2em;
  border: 3px solid #f6433a;
  border-width: 0 1px 1px 1px;
  word-spacing: .33em; }
  @media screen and (max-width: 800px) {
    #toplinks {
      border-right: 0;
      right: 0;
      max-width: 90%;
      text-align: right;
      border-bottom-right-radius: 0; } }
  #toplinks a {
    display: inline-block;
    word-spacing: 0; }

@media screen and (max-width: 800px) {
  #toplinks span.connected-user {
    padding-right: 0; } }

.toplinks--list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .toplinks--list-item {
    display: inline;
    margin: 0;
    padding: 0; }

body .ui-front {
  z-index: 1000; }

.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-widget-content {
  border: 1px solid #aaa;
  background: white; }
  .ui-widget-content .ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc;
    position: relative;
    text-align: center;
    padding: 3px; }
    .ui-widget-content .ui-widget-header a {
      color: #333; }

.ui-datepicker {
  display: none;
  padding: .2em .2em 0; }
  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%; }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.5em; }
  .ui-datepicker table {
    width: 100%;
    border-collapse: collapse; }
    .ui-datepicker table td {
      text-align: right; }
      .ui-datepicker table td a {
        background: #eee;
        border: 1px solid #aaa;
        display: block;
        padding: 0.3em 0.7em; }
        .ui-datepicker table td a:hover {
          border-color: #666; }
  .ui-datepicker a {
    border-bottom: 0; }
  .ui-datepicker .ui-datepicker-prev {
    display: block;
    position: absolute;
    left: 0.3em;
    cursor: pointer; }
    .ui-datepicker .ui-datepicker-prev::after {
      font-family: FontAwesome;
      content: "\f060"; }
    .ui-datepicker .ui-datepicker-prev span {
      display: none; }
  .ui-datepicker .ui-datepicker-next {
    display: block;
    position: absolute;
    right: 0.3em;
    cursor: pointer; }
    .ui-datepicker .ui-datepicker-next::after {
      font-family: FontAwesome;
      content: "\f061"; }
    .ui-datepicker .ui-datepicker-next span {
      display: none; }

.ui-helper-clearfix {
  min-height: 0; }
  .ui-helper-clearfix::before, .ui-helper-clearfix::after {
    content: "";
    display: table;
    border-collapse: collapse; }
  .ui-helper-clearfix::after {
    clear: both; }

div.ui-widget-overlay {
  background: #333;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  z-index: 1000; }

.ui-widget {
  font-size: 1.1em; }
  .ui-widget .ui-widget {
    font-size: 1em; }

div.ui-dialog {
  border: 0;
  outline: 0;
  background: white;
  box-shadow: #666666 0px 0px 20px 2px;
  padding: 0;
  border-radius: 0;
  max-width: 80%;
  min-width: 30%;
  position: absolute; }
  div.ui-dialog .ui-dialog-titlebar {
    background: #eee;
    border-radius: 0;
    border: none;
    position: relative;
    padding: 0.4em 1em;
    cursor: move;
    text-align: left; }
    div.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
      font-size: 130%;
      font-weight: normal; }
    div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
      position: absolute;
      right: .3em;
      height: 20px;
      min-width: 20px;
      padding: 0;
      color: transparent;
      margin-right: 0; }
      div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick::after {
        color: #333;
        content: "\f00d";
        font-family: FontAwesome;
        display: block; }
      div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text {
        display: block;
        text-indent: -9999999px; }
    div.ui-dialog .ui-dialog-titlebar button {
      padding: 0;
      border: 1px solid transparent;
      background: transparent;
      box-shadow: none;
      cursor: pointer; }
  div.ui-dialog .ui-widget-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto; }
  div.ui-dialog .ui-dialog-buttonpane {
    position: relative;
    background: #eee;
    border-top: 1px solid #aaaaaa;
    margin-top: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em; }
    div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
      float: right; }
    div.ui-dialog .ui-dialog-buttonpane button {
      margin: 0.5em 0 0.5em 1em; }
  div.ui-dialog form p input,
  div.ui-dialog form p select,
  div.ui-dialog form p textarea,
  div.ui-dialog form p .godo--editor {
    width: 100%; }
  div.ui-dialog form p input[type=radio], div.ui-dialog form p input[type=checkbox] {
    width: auto; }

.ui-tooltip {
  display: inline-block;
  box-shadow: #666 0px 0px 4px 0px;
  z-index: 100000; }
  .ui-tooltip div.ui-tooltip-content {
    background: white;
    padding: 0.7em; }

ul.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 15em;
  overflow-y: scroll;
  overflow-x: hidden; }
  ul.ui-autocomplete li {
    margin: 0;
    padding: 0 0.7em;
    position: relative;
    min-height: 0; }
    ul.ui-autocomplete li:hover {
      background: #eee; }

/* angle right */
/* angle left */
/* remove icon */
input, select, button, textarea, .godo--editor {
  font-size: 100%;
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  vertical-align: baseline; }

input, select {
  text-overflow: ellipsis;
  overflow: hidden; }

label {
  margin-bottom: 0; }

form div.widget {
  margin-bottom: 1.5em; }

span.required {
  margin-left: 0.3em;
  position: relative;
  top: -0.1em; }

div.widget div.title {
  margin-bottom: 0; }

div.buttons {
  margin-top: 2em; }

div.buttons div {
  display: inline-block; }
  div.buttons div input[name="submit"] {
    font-weight: bold; }

a.pk-button, a.lingo-basket-cell--item-pay, a.pk-big-button, a[class*='pk-button-'], a[class*='pk-big-button-'], .pk-button.link-cell ul > li > a, .link-cell.lingo-basket-cell--item-pay ul > li > a, .pk-big-button.link-cell ul > li > a,
[class*='pk-button-'].link-cell ul > li > a, [class*='pk-big-button-'].link-cell ul > li > a, div.table-container ul.pagination li.previous a, div.table-container ul.pagination li.next a, .fargo-pick-popup button,
button.ui-button,
a#a2-continue,
.gru-content button,
input[type=submit],
div.buttons input, a.pk-button-submit, a.pk-big-button-submit, .pk-button-submit.link-cell ul > li > a, .pk-big-button-submit.link-cell ul > li > a, .godo-dialog--valid, .gru-content button.submit-button,
div.buttons .submit-button button, a.pk-button-delete, a.pk-big-button-delete, .pk-button-delete.link-cell ul > li > a, .pk-big-button-delete.link-cell ul > li > a, .wcs-block-with-remove-button .remove-button, .godo-dialog--remove, a.pk-button-cancel, a.pk-big-button-cancel, .pk-button-cancel.link-cell ul > li > a, .pk-big-button-cancel.link-cell ul > li > a, .godo-dialog--cancel, .gru-content button.cancel-button,
div.buttons .cancel-button button, .inverted-button {
  --color: white;
  --background: #6c83af;
  --border-color: transparent;
  --hover-color: white;
  --hover-background: #6c83af;
  --hover-border-color: var(--border-color);
  background: var(--background);
  text-align: center;
  color: var(--color);
  padding: 0.625rem 1rem;
  cursor: pointer;
  border: 1px solid transparent;
  border-color: var(--border-color);
  border-radius: 0;
  transition: background 0.5s ease, color 0.5s ease, border 0.5s ease;
  margin-right: 1.5em;
  vertical-align: middle;
  box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.21);
  text-decoration: none;
  line-height: normal; }
  a[aria-pressed=true].pk-button, a[aria-pressed=true].lingo-basket-cell--item-pay, a[aria-pressed=true].pk-big-button, a[aria-pressed=true][class*='pk-button-'], a[aria-pressed=true][class*='pk-big-button-'], .pk-button.link-cell ul > li > a[aria-pressed=true], .link-cell.lingo-basket-cell--item-pay ul > li > a[aria-pressed=true], .pk-big-button.link-cell ul > li > a[aria-pressed=true],
  [class*='pk-button-'].link-cell ul > li > a[aria-pressed=true], [class*='pk-big-button-'].link-cell ul > li > a[aria-pressed=true], div.table-container ul.pagination li.previous a[aria-pressed=true], div.table-container ul.pagination li.next a[aria-pressed=true], .fargo-pick-popup button[aria-pressed=true],
  button[aria-pressed=true].ui-button,
  a[aria-pressed=true]#a2-continue,
  .gru-content button[aria-pressed=true],
  input[aria-pressed=true][type=submit],
  div.buttons input[aria-pressed=true], a[aria-pressed=true].pk-button-submit, a[aria-pressed=true].pk-big-button-submit, .pk-button-submit.link-cell ul > li > a[aria-pressed=true], .pk-big-button-submit.link-cell ul > li > a[aria-pressed=true], [aria-pressed=true].godo-dialog--valid,
  div.buttons .submit-button button[aria-pressed=true], a[aria-pressed=true].pk-button-delete, a[aria-pressed=true].pk-big-button-delete, .pk-button-delete.link-cell ul > li > a[aria-pressed=true], .pk-big-button-delete.link-cell ul > li > a[aria-pressed=true], .wcs-block-with-remove-button [aria-pressed=true].remove-button, [aria-pressed=true].godo-dialog--remove, a[aria-pressed=true].pk-button-cancel, a[aria-pressed=true].pk-big-button-cancel, .pk-button-cancel.link-cell ul > li > a[aria-pressed=true], .pk-big-button-cancel.link-cell ul > li > a[aria-pressed=true], [aria-pressed=true].godo-dialog--cancel,
  div.buttons .cancel-button button[aria-pressed=true], [aria-pressed=true].inverted-button, a.pk-button:hover, a.lingo-basket-cell--item-pay:hover, a.pk-big-button:hover, a[class*='pk-button-']:hover, a[class*='pk-big-button-']:hover, .pk-button.link-cell ul > li > a:hover, .link-cell.lingo-basket-cell--item-pay ul > li > a:hover, .pk-big-button.link-cell ul > li > a:hover,
  [class*='pk-button-'].link-cell ul > li > a:hover, [class*='pk-big-button-'].link-cell ul > li > a:hover, div.table-container ul.pagination li.previous a:hover, div.table-container ul.pagination li.next a:hover, .fargo-pick-popup button:hover,
  button.ui-button:hover,
  a#a2-continue:hover,
  .gru-content button:hover,
  input[type=submit]:hover,
  div.buttons input:hover, a.pk-button-submit:hover, a.pk-big-button-submit:hover, .pk-button-submit.link-cell ul > li > a:hover, .pk-big-button-submit.link-cell ul > li > a:hover, .godo-dialog--valid:hover,
  div.buttons .submit-button button:hover, a.pk-button-delete:hover, a.pk-big-button-delete:hover, .pk-button-delete.link-cell ul > li > a:hover, .pk-big-button-delete.link-cell ul > li > a:hover, .wcs-block-with-remove-button .remove-button:hover, .godo-dialog--remove:hover, a.pk-button-cancel:hover, a.pk-big-button-cancel:hover, .pk-button-cancel.link-cell ul > li > a:hover, .pk-big-button-cancel.link-cell ul > li > a:hover, .godo-dialog--cancel:hover,
  div.buttons .cancel-button button:hover, .inverted-button:hover {
    box-shadow: 0px 0px 5px #777;
    background: var(--hover-background);
    color: var(--hover-color);
    border-color: var(--hover-border-color); }
  a.pk-button:disabled, a.lingo-basket-cell--item-pay:disabled, a.pk-big-button:disabled, a[class*='pk-button-']:disabled, a[class*='pk-big-button-']:disabled, .pk-button.link-cell ul > li > a:disabled, .link-cell.lingo-basket-cell--item-pay ul > li > a:disabled, .pk-big-button.link-cell ul > li > a:disabled,
  [class*='pk-button-'].link-cell ul > li > a:disabled, [class*='pk-big-button-'].link-cell ul > li > a:disabled, div.table-container ul.pagination li.previous a:disabled, div.table-container ul.pagination li.next a:disabled, .fargo-pick-popup button:disabled,
  button.ui-button:disabled,
  a#a2-continue:disabled,
  .gru-content button:disabled,
  input[type=submit]:disabled,
  div.buttons input:disabled, a.pk-button-submit:disabled, a.pk-big-button-submit:disabled, .pk-button-submit.link-cell ul > li > a:disabled, .pk-big-button-submit.link-cell ul > li > a:disabled, .godo-dialog--valid:disabled,
  div.buttons .submit-button button:disabled, a.pk-button-delete:disabled, a.pk-big-button-delete:disabled, .pk-button-delete.link-cell ul > li > a:disabled, .pk-big-button-delete.link-cell ul > li > a:disabled, .wcs-block-with-remove-button .remove-button:disabled, .godo-dialog--remove:disabled, a.pk-button-cancel:disabled, a.pk-big-button-cancel:disabled, .pk-button-cancel.link-cell ul > li > a:disabled, .pk-big-button-cancel.link-cell ul > li > a:disabled, .godo-dialog--cancel:disabled,
  div.buttons .cancel-button button:disabled, .inverted-button:disabled {
    box-shadow: none;
    cursor: not-allowed;
    filter: grayscale(100%); }
  a.pk-button:focus, a.lingo-basket-cell--item-pay:focus, a.pk-big-button:focus, a[class*='pk-button-']:focus, a[class*='pk-big-button-']:focus, .pk-button.link-cell ul > li > a:focus, .link-cell.lingo-basket-cell--item-pay ul > li > a:focus, .pk-big-button.link-cell ul > li > a:focus,
  [class*='pk-button-'].link-cell ul > li > a:focus, [class*='pk-big-button-'].link-cell ul > li > a:focus, div.table-container ul.pagination li.previous a:focus, div.table-container ul.pagination li.next a:focus, .fargo-pick-popup button:focus,
  button.ui-button:focus,
  a#a2-continue:focus,
  .gru-content button:focus,
  input[type=submit]:focus,
  div.buttons input:focus, a.pk-button-submit:focus, a.pk-big-button-submit:focus, .pk-button-submit.link-cell ul > li > a:focus, .pk-big-button-submit.link-cell ul > li > a:focus, .godo-dialog--valid:focus,
  div.buttons .submit-button button:focus, a.pk-button-delete:focus, a.pk-big-button-delete:focus, .pk-button-delete.link-cell ul > li > a:focus, .pk-big-button-delete.link-cell ul > li > a:focus, .wcs-block-with-remove-button .remove-button:focus, .godo-dialog--remove:focus, a.pk-button-cancel:focus, a.pk-big-button-cancel:focus, .pk-button-cancel.link-cell ul > li > a:focus, .pk-big-button-cancel.link-cell ul > li > a:focus, .godo-dialog--cancel:focus,
  div.buttons .cancel-button button:focus, .inverted-button:focus {
    outline: 1px dotted #333;
    outline-offset: 0; }

.inverted-button {
  background-color: white;
  color: #6c83af;
  border: 1px solid transparent; }
  .inverted-button:hover {
    background: white;
    color: #6c83af; }

.gru-content form.disabled-during-submit div.buttons {
  cursor: wait; }
  .gru-content form.disabled-during-submit div.buttons button {
    pointer-events: none;
    box-shadow: none;
    opacity: 0.7; }

input, input[type="search"], textarea, .godo--editor, select, .is-form-widget .godo--editor {
  background: white;
  color: #333;
  border: 1px solid #AAA;
  border-radius: 0;
  margin: 0.2em 0px;
  padding: 0.625rem 1rem;
  max-width: 100%;
  transition: background 0.5s ease, color 0.5s ease; }
  input:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea:focus:not([readonly]), .godo--editor:focus:not([readonly]), select:focus:not([readonly]), .is-form-widget .godo--editor:focus:not([readonly]) {
    background-color: white;
    border: 1px solid #AAA;
    color: #333;
    box-shadow: none; }
  input:focus, input[type="search"]:focus, textarea:focus, .godo--editor:focus, select:focus, .is-form-widget .godo--editor:focus {
    outline: 1px dotted #333;
    outline-offset: 0; }

select option {
  background: none;
  color: black; }

input[readonly], select[readonly], textarea[readonly], [readonly].godo--editor,
.widget-readonly span.select2-container span.select2-selection--single {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  border-radius: 0; }

.widget-readonly span.select2-container span.select2-selection__arrow {
  display: none; }

select[readonly] {
  background-image: none; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding-right: 4em;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDQuOCA0NDQuOCIgd2lkdGg9IjQ0NC44IiBoZWlnaHQ9IjQ0NC44Ij48cGF0aCBkPSJNMjQ4LjEgMzUyTDQzNCAxNjUuOWM3LjItNi45IDEwLjgtMTUuNCAxMC44LTI1LjcgMC0xMC4zLTMuNi0xOC44LTEwLjgtMjUuN2wtMjEuNC0yMS43Yy03LTctMTUuNi0xMC42LTI1LjctMTAuNi05LjkgMC0xOC42IDMuNS0yNiAxMC42TDIyMi40IDIzMS41IDgzLjcgOTIuOGMtNy03LTE1LjYtMTAuNi0yNS43LTEwLjYtOS45IDAtMTguNiAzLjUtMjYgMTAuNmwtMjEuNCAyMS43Yy03IDctMTAuNiAxNS42LTEwLjYgMjUuN3MzLjUgMTguNyAxMC42IDI1LjdMMTk2LjQgMzUyYzcuNCA3IDE2LjEgMTAuNiAyNiAxMC42IDEwLjEgMCAxOC43LTMuNSAyNS43LTEwLjZ6Ii8+PC9zdmc+Cg==");
  background-position: right 1.3rem center;
  background-repeat: no-repeat;
  background-size: 1rem auto; }
  select::-ms-expand {
    display: none; }

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  margin-right: 0.7em;
  margin-bottom: 0; }
  input[type="checkbox"]:focus,
  input[type="radio"]:focus {
    outline: 1px dotted #333;
    outline-offset: 0; }

CheckboxesWithImagesWidget .content:focus-within, .RadiobuttonsWithImagesWidget .content:focus-within {
  outline: 1px dotted #333;
  outline-offset: 0; }

.CheckboxesWidget .content label,
.RadiobuttonsWidget .content label {
  display: block;
  padding-bottom: 0.7em; }

.CheckboxesWidget.widget-inline-radio .content li, .CheckboxesWidget.widget-inline-radio .content label,
.RadiobuttonsWidget.widget-inline-radio .content li,
.RadiobuttonsWidget.widget-inline-radio .content label {
  display: inline-block; }

.RadiobuttonsWidget.pk-horizontal-radiobuttons .content li,
.CheckboxesWidget.pk-horizontal-checkboxes .content li {
  display: inline-block; }

.RadiobuttonsWidget.pk-horizontal-radiobuttons .content label {
  display: inline-block; }

div.content label {
  margin-right: 1em; }

span.helptext,
div.hint {
  display: block;
  font-size: 0.8em; }
  span.helptext p,
  div.hint p {
    margin: 0; }

form p label {
  display: block;
  font-weight: bold; }

div.a2-block form input,
div.a2-block form select {
  width: 100%; }

div.a2-block form input[type=checkbox],
div.a2-block form input[type=radio] {
  width: auto; }

div.a2-block form button,
div.a2-block form input[type=submit] {
  width: auto;
  min-width: 12em; }
  @media screen and (max-width: 560px) {
    div.a2-block form button,
    div.a2-block form input[type=submit] {
      min-width: 8em; } }
div.a2-block div#title + div.content {
  margin-left: 0;
  padding-left: 1em; }
  div.a2-block div#title + div.content span {
    margin-right: 2em; }

div.a2-block #id_do_not_ask_again + span {
  font-weight: normal; }

form ul.errorlist {
  padding: 0;
  margin: 2em 0 0 0;
  list-style: none; }
  form ul.errorlist li::before {
    content: "\f06a";
    font-family: FontAwesome;
    padding-right: 0.7em; }

body .ui-front {
  z-index: 1000; }

div.select2-container,
span.select2-container {
  min-width: 20em;
  margin: 0.2em 0px;
  padding-bottom: 1px; }
  div.select2-container a.select2-choice,
  span.select2-container a.select2-choice {
    padding: 0.1em 0.7em; }
  div.select2-container span.select2-selection--single,
  div.select2-container span.select2-selection--multiple,
  div.select2-container a.select2-choice,
  div.select2-container a.select2-choice div,
  span.select2-container span.select2-selection--single,
  span.select2-container span.select2-selection--multiple,
  span.select2-container a.select2-choice,
  span.select2-container a.select2-choice div {
    box-sizing: border-box;
    padding: 0.625rem 1rem;
    background: white;
    color: #333;
    border-radius: 0;
    border: 1px solid #AAA;
    height: auto; }
    div.select2-container span.select2-selection--single .select2-selection__choice,
    div.select2-container span.select2-selection--multiple .select2-selection__choice,
    div.select2-container a.select2-choice .select2-selection__choice,
    div.select2-container a.select2-choice div .select2-selection__choice,
    span.select2-container span.select2-selection--single .select2-selection__choice,
    span.select2-container span.select2-selection--multiple .select2-selection__choice,
    span.select2-container a.select2-choice .select2-selection__choice,
    span.select2-container a.select2-choice div .select2-selection__choice {
      margin: 0 0.5rem 0 0;
      border: none; }
  div.select2-container span.select2-selection--multiple,
  span.select2-container span.select2-selection--multiple {
    min-height: 0;
    padding-top: calc(0.625rem - 0.2rem);
    padding-bottom: calc(0.625rem - 0.2rem); }
    div.select2-container span.select2-selection--multiple .select2-selection__choice, div.select2-container span.select2-selection--multiple .select2-search,
    span.select2-container span.select2-selection--multiple .select2-selection__choice,
    span.select2-container span.select2-selection--multiple .select2-search {
      margin: 0.2rem 0.5rem 0.2rem 0; }
    div.select2-container span.select2-selection--multiple .select2-selection__rendered,
    span.select2-container span.select2-selection--multiple .select2-selection__rendered {
      display: block; }
  div.select2-container .select2-search--inline .select2-search__field,
  span.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
    margin-bottom: 0;
    border: none; }
  div.select2-container.select2-container--focus span.select2-selection--single,
  div.select2-container.select2-container--focus span.select2-selection--multiple,
  div.select2-container.select2-container--focus a.select2-choice,
  div.select2-container.select2-container--focus a.select2-choice div, div.select2-container.select2-container--open span.select2-selection--single,
  div.select2-container.select2-container--open span.select2-selection--multiple,
  div.select2-container.select2-container--open a.select2-choice,
  div.select2-container.select2-container--open a.select2-choice div,
  span.select2-container.select2-container--focus span.select2-selection--single,
  span.select2-container.select2-container--focus span.select2-selection--multiple,
  span.select2-container.select2-container--focus a.select2-choice,
  span.select2-container.select2-container--focus a.select2-choice div,
  span.select2-container.select2-container--open span.select2-selection--single,
  span.select2-container.select2-container--open span.select2-selection--multiple,
  span.select2-container.select2-container--open a.select2-choice,
  span.select2-container.select2-container--open a.select2-choice div {
    background: white;
    border: 1px solid #AAA;
    color: #333; }
    div.select2-container.select2-container--focus span.select2-selection--single span:not(.select2-selection__placeholder),
    div.select2-container.select2-container--focus span.select2-selection--multiple span:not(.select2-selection__placeholder),
    div.select2-container.select2-container--focus a.select2-choice span:not(.select2-selection__placeholder),
    div.select2-container.select2-container--focus a.select2-choice div span:not(.select2-selection__placeholder), div.select2-container.select2-container--open span.select2-selection--single span:not(.select2-selection__placeholder),
    div.select2-container.select2-container--open span.select2-selection--multiple span:not(.select2-selection__placeholder),
    div.select2-container.select2-container--open a.select2-choice span:not(.select2-selection__placeholder),
    div.select2-container.select2-container--open a.select2-choice div span:not(.select2-selection__placeholder),
    span.select2-container.select2-container--focus span.select2-selection--single span:not(.select2-selection__placeholder),
    span.select2-container.select2-container--focus span.select2-selection--multiple span:not(.select2-selection__placeholder),
    span.select2-container.select2-container--focus a.select2-choice span:not(.select2-selection__placeholder),
    span.select2-container.select2-container--focus a.select2-choice div span:not(.select2-selection__placeholder),
    span.select2-container.select2-container--open span.select2-selection--single span:not(.select2-selection__placeholder),
    span.select2-container.select2-container--open span.select2-selection--multiple span:not(.select2-selection__placeholder),
    span.select2-container.select2-container--open a.select2-choice span:not(.select2-selection__placeholder),
    span.select2-container.select2-container--open a.select2-choice div span:not(.select2-selection__placeholder) {
      color: #333; }
  div.select2-container.select2-container--focus span.select2-selection--single, div.select2-container.select2-container--focus span.select2-selection--multiple,
  span.select2-container.select2-container--focus span.select2-selection--single,
  span.select2-container.select2-container--focus span.select2-selection--multiple {
    outline: 1px dotted #333;
    outline-offset: 0; }
  div.select2-container .select2-choices,
  div.select2-container .select2-choice,
  span.select2-container .select2-choices,
  span.select2-container .select2-choice {
    box-shadow: none; }
  div.select2-container .select2-search--dropdown input,
  div.select2-container .select2-search--dropdown input:active,
  div.select2-container .select2-search--dropdown input:focus,
  span.select2-container .select2-search--dropdown input,
  span.select2-container .select2-search--dropdown input:active,
  span.select2-container .select2-search--dropdown input:focus {
    background: white;
    color: #333;
    border: 1px solid #ccc; }
  div.select2-container .select2-selection--single .select2-selection__rendered,
  span.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 0px;
    min-height: 1.2em;
    line-height: inherit; }
  div.select2-container .select2-selection--single .select2-selection__arrow,
  span.select2-container .select2-selection--single .select2-selection__arrow {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDQuOCA0NDQuOCIgd2lkdGg9IjQ0NC44IiBoZWlnaHQ9IjQ0NC44Ij48cGF0aCBkPSJNMjQ4LjEgMzUyTDQzNCAxNjUuOWM3LjItNi45IDEwLjgtMTUuNCAxMC44LTI1LjcgMC0xMC4zLTMuNi0xOC44LTEwLjgtMjUuN2wtMjEuNC0yMS43Yy03LTctMTUuNi0xMC42LTI1LjctMTAuNi05LjkgMC0xOC42IDMuNS0yNiAxMC42TDIyMi40IDIzMS41IDgzLjcgOTIuOGMtNy03LTE1LjYtMTAuNi0yNS43LTEwLjYtOS45IDAtMTguNiAzLjUtMjYgMTAuNmwtMjEuNCAyMS43Yy03IDctMTAuNiAxNS42LTEwLjYgMjUuN3MzLjUgMTguNyAxMC42IDI1LjdMMTk2LjQgMzUyYzcuNCA3IDE2LjEgMTAuNiAyNiAxMC42IDEwLjEgMCAxOC43LTMuNSAyNS43LTEwLjZ6Ii8+PC9zdmc+Cg==");
    background-position: right 1.3rem center;
    background-repeat: no-repeat;
    background-size: 1rem auto;
    width: 45px;
    right: 0;
    top: 0;
    height: 100%; }
    div.select2-container .select2-selection--single .select2-selection__arrow b,
    span.select2-container .select2-selection--single .select2-selection__arrow b {
      display: none; }
  div.select2-container .select2-selection--single .select2-selection__clear,
  span.select2-container .select2-selection--single .select2-selection__clear {
    margin-right: 40px;
    text-align: right;
    width: 30px; }
  div.select2-container .select2-dropdown,
  span.select2-container .select2-dropdown {
    border: 1px solid #AAA; }
    div.select2-container .select2-dropdown.select2-dropdown--below,
    span.select2-container .select2-dropdown.select2-dropdown--below {
      position: relative;
      top: -6px; }
  div.select2-container .select2-results .loading-results,
  span.select2-container .select2-results .loading-results {
    position: absolute;
    display: inline-block;
    right: 0;
    color: black; }
    @media screen and (max-width: 800px) {
      div.select2-container .select2-results .loading-results,
      span.select2-container .select2-results .loading-results {
        display: none; } }
  div.select2-container .select2-results .loading-results:last-child,
  span.select2-container .select2-results .loading-results:last-child {
    position: static;
    display: block;
    color: inherit; }

div.select2-container.select2-drop-above .select2-choice {
  background: white;
  border-radius: 0; }

div.select2-drop {
  box-shadow: none;
  border-radius: 0; }

div.select2-search {
  margin-top: 4px; }

.BlockWidget .list-add {
  clear: both; }

div.django-checkbox-input,
div.CheckboxWidget {
  position: relative; }
  div.django-checkbox-input div.title,
  div.CheckboxWidget div.title {
    margin-left: 1.5rem; }
  div.django-checkbox-input div.content label, div.django-checkbox-input div.content > span,
  div.CheckboxWidget div.content label,
  div.CheckboxWidget div.content > span {
    margin-right: 0;
    position: absolute;
    top: 0; }
  div.django-checkbox-input div.content .hint, div.django-checkbox-input div.content .error,
  div.CheckboxWidget div.content .hint,
  div.CheckboxWidget div.content .error {
    margin-left: 1.5rem; }

.error {
  font-size: 0.9em; }
  .error::before {
    content: "\f06a";
    font-family: FontAwesome;
    margin-right: .33em;
    vertical-align: baseline; }
  .error p {
    margin: 0;
    display: inline-block; }

.widget-with-error input, .widget-with-error textarea, .widget-with-error .godo--editor, .widget-with-error select {
  border-left-color: #DA0000;
  border-left-width: 3px; }

.widget-with-error .title label {
  color: #a80f0f; }

.widget-with-error div.hint, .widget-with-error .content label {
  color: #652424; }

.widget-with-error div.error {
  color: #DA0000; }

.quixote:not(#wf-actions) div.buttons {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.5em; }
  .quixote:not(#wf-actions) div.buttons button {
    margin-right: 0;
    margin-left: 1.5em; }
  @media (min-width: 561px) {
    .quixote:not(#wf-actions) div.buttons .previous-button {
      order: 1; }
    .quixote:not(#wf-actions) div.buttons .submit-button {
      order: 2; }
    .quixote:not(#wf-actions) div.buttons .cancel-button {
      order: 3; } }
  .quixote:not(#wf-actions) div.buttons .savedraft-button {
    display: none; }
  @media (max-width: 560px) {
    .quixote:not(#wf-actions) div.buttons .widget {
      flex-grow: 1; }
      .quixote:not(#wf-actions) div.buttons .widget.submit-button {
        flex-basis: 100%; }
    .quixote:not(#wf-actions) div.buttons .content {
      display: flex; }
    .quixote:not(#wf-actions) div.buttons button {
      flex-grow: 1; } }
/* force alignment for blocks defining grid elements within grids */
.BlockSubWidget.widget {
  margin-bottom: 0; }

.block-subwidget-error {
  margin-bottom: 3em;
  /* increased margin to avoid visual association with next field */ }

/* mark forms optional fields and hide the required ones */
.widget-optional span.optional {
  display: none; }

.pk-mark-optional-fields .widget-required span.required {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

.pk-mark-optional-fields .widget-optional:not(.django-checkbox-input) span.optional {
  display: inline;
  font-style: italic; }

.leaflet-search {
  width: 100%;
  display: flex;
  justify-content: right;
  align-items: start; }
  .leaflet-search--control {
    width: 0;
    display: flex;
    flex-direction: column;
    transition: all 0.2s; }
  .leaflet-search.open .leaflet-search--control {
    width: 100%; }
  .leaflet-search--result-list {
    background-color: white;
    padding-right: 0.7em; }
  .leaflet-search--result-item {
    padding: 0.2rem 0.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    color: #333; }
    .leaflet-search--result-item:hover, .leaflet-search--result-item.selected {
      background-color: #5897fb;
      color: white; }

.gadjo-password-field {
  position: relative; }
  .gadjo-password-field .title label {
    padding-right: 6em; }

.password-visibility-checkbox {
  display: flex;
  position: absolute;
  top: 0;
  right: 0; }
  .password-visibility-checkbox input + label {
    margin: 0; }
  .password-visibility-checkbox input {
    margin: 0 0.25em 0 0; }

/* godo rich text editor */
.godo .menuicon {
  margin: 0;
  padding: .16em .33em; }

.godo-dialog {
  padding: 0;
  box-shadow: 0 0 3px 3px black; }
  .godo-dialog--form {
    margin: 0;
    padding: 1rem; }
    .godo-dialog--form p {
      margin-top: 0; }
  .godo-dialog--valid, .godo-dialog--remove, .godo-dialog--cancel {
    margin-right: 0; }

div[class^='grid-'],
div[class*=' grid-'] {
  float: left;
  padding-right: 1rem; }
  @media screen and (max-width: 560px) {
    div[class^='grid-']:not(.never-alone),
    div[class*=' grid-']:not(.never-alone) {
      width: 100%;
      padding-right: 0; } }
  div[class^='grid-'] table, div[class^='grid-'] textarea, div[class^='grid-'] .godo--editor, div[class^='grid-'] select, div[class^='grid-'] input:not([type=checkbox]):not([type=radio]),
  div[class*=' grid-'] table,
  div[class*=' grid-'] textarea,
  div[class*=' grid-'] .godo--editor,
  div[class*=' grid-'] select,
  div[class*=' grid-'] input:not([type=checkbox]):not([type=radio]) {
    width: 100%; }
  div[class^='grid-'] .select2-container,
  div[class*=' grid-'] .select2-container {
    min-width: auto;
    width: 100% !important; }
  div[class^='grid-'].newline,
  div[class*=' grid-'].newline {
    clear: both; }
  div[class^='grid-'].cell, div.dataview div[class^='grid-'], form.quixote div[class^='grid-'],
  div[class*=' grid-'].cell, div.dataview div[class*=' grid-'], form.quixote div[class*=' grid-'] {
    clear: none; }
    div[class^='grid-'].cell.newline, div.dataview div[class^='grid-'].newline, form.quixote div[class^='grid-'].newline,
    div[class*=' grid-'].cell.newline, div.dataview div[class*=' grid-'].newline, form.quixote div[class*=' grid-'].newline {
      clear: both; }
  div.dataview div[class^='grid-'], form div[class^='grid-'], div.dataview div[class*=' grid-'], form div[class*=' grid-'] {
    box-sizing: content-box; }
    div.dataview div[class^='grid-'] ~ h3, div.dataview div[class^='grid-'] ~ h4, form div[class^='grid-'] ~ h3, form div[class^='grid-'] ~ h4, div.dataview div[class*=' grid-'] ~ h3, div.dataview div[class*=' grid-'] ~ h4, form div[class*=' grid-'] ~ h3, form div[class*=' grid-'] ~ h4 {
      padding-top: 1rem; }
  form div[class^='grid-'] ~ h3, form div[class^='grid-'] ~ h4, form div[class^='grid-'] ~ p, form div[class^='grid-'] + div, form div[class*=' grid-'] ~ h3, form div[class*=' grid-'] ~ h4, form div[class*=' grid-'] ~ p, form div[class*=' grid-'] + div {
    clear: both; }
  form div[class^='grid-'] span.select2-selection,
  form div[class^='grid-'] div.select2-container, form div[class*=' grid-'] span.select2-selection,
  form div[class*=' grid-'] div.select2-container {
    width: 100% !important; }
  div.dataview div[class^='grid-'] ~ div.title, div.dataview div[class^='grid-'] ~ div.subtitle, div.dataview div[class*=' grid-'] ~ div.title, div.dataview div[class*=' grid-'] ~ div.subtitle {
    clear: both; }
  .gru-content #columns > div[class^='grid-'].cell, .gru-content #columns > div[class*=' grid-'].cell {
    padding-right: 0;
    margin-right: 1rem; }

.grid-1-1 {
  width: calc( 100% - 1rem); }

.grid-1-2 {
  width: calc( 50% - 1rem); }

.grid-2-2 {
  width: calc( 100% - 1rem); }

.grid-1-3 {
  width: calc( 33.3333333333% - 1rem); }

.grid-2-3 {
  width: calc( 66.6666666667% - 1rem); }

.grid-3-3 {
  width: calc( 100% - 1rem); }

.grid-1-4 {
  width: calc( 25% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-1-4 {
      width: calc(50% - 1rem); } }
.grid-2-4 {
  width: calc( 50% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-2-4 {
      width: calc(50% - 1rem); } }
.grid-3-4 {
  width: calc( 75% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-3-4 {
      width: calc(100% - 1rem); } }
.grid-4-4 {
  width: calc( 100% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-4-4 {
      width: calc(100% - 1rem); } }
.grid-1-6 {
  width: calc( 16.6666666667% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-1-6 {
      width: calc(33.3333333333% - 1rem); } }
.grid-2-6 {
  width: calc( 33.3333333333% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-2-6 {
      width: calc(33.3333333333% - 1rem); } }
.grid-3-6 {
  width: calc( 50% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-3-6 {
      width: calc(50% - 1rem); } }
.grid-4-6 {
  width: calc( 66.6666666667% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-4-6 {
      width: calc(66.6666666667% - 1rem); } }
.grid-5-6 {
  width: calc( 83.3333333333% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-5-6 {
      width: calc(66.6666666667% - 1rem); } }
.grid-6-6 {
  width: calc( 100% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-6-6 {
      width: calc(100% - 1rem); } }
.grid-1-12 {
  width: calc( 8.3333333333% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-1-12 {
      width: calc(33.3333333333% - 1rem); } }
.grid-2-12 {
  width: calc( 16.6666666667% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-2-12 {
      width: calc(33.3333333333% - 1rem); } }
.grid-3-12 {
  width: calc( 25% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-3-12 {
      width: calc(33.3333333333% - 1rem); } }
.grid-4-12 {
  width: calc( 33.3333333333% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-4-12 {
      width: calc(33.3333333333% - 1rem); } }
.grid-5-12 {
  width: calc( 41.6666666667% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-5-12 {
      width: calc(50% - 1rem); } }
.grid-6-12 {
  width: calc( 50% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-6-12 {
      width: calc(50% - 1rem); } }
.grid-7-12 {
  width: calc( 58.3333333333% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-7-12 {
      width: calc(50% - 1rem); } }
.grid-8-12 {
  width: calc( 66.6666666667% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-8-12 {
      width: calc(66.6666666667% - 1rem); } }
.grid-9-12 {
  width: calc( 75% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-9-12 {
      width: calc(66.6666666667% - 1rem); } }
.grid-10-12 {
  width: calc( 83.3333333333% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-10-12 {
      width: calc(66.6666666667% - 1rem); } }
.grid-11-12 {
  width: calc( 91.6666666667% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-11-12 {
      width: calc(66.6666666667% - 1rem); } }
.grid-12-12 {
  width: calc( 100% - 1rem); }
  @media screen and (max-width: 800px) {
    .grid-12-12 {
      width: calc(100% - 1rem); } }
div#droite,
div#sidebox div#links {
  display: none; }

.form-content--sidebox, div#rub_service {
  margin-top: 15px; }

div#rub_service {
  background: white; }

.form-content--sidebox {
  clear: both;
  width: 18.5%;
  float: left; }

.form-content--sidebox + div#rub_service {
  width: calc(100% - 18.5% - 2%);
  clear: none;
  float: right; }

div#rub_service h3 {
  border: none;
  text-align: left;
  border-bottom: 2px solid white; }

div#rub_service div.dataview,
div#rub_service dl#evolutions,
div#rub_service .drafts-recall,
div#rub_service form {
  padding: 0.5rem; }

div#rub_service div.dataview div.title h3 {
  font-size: 115%;
  border: 0; }

div#rub_service div.dataview div.subtitle h4 {
  font-size: 110%; }

div#rub_service div.dataview div.field.status {
  clear: both; }

div#tracking-code div.tracking-code-part + form {
  margin-top: 1em; }

div#tracking-code a {
  font-size: 150%;
  display: inline-block;
  color: #444; }

@media (min-width: 801px) {
  div#tracking-code a, div#tracking-code .text-tracking-code-short-text {
    padding-left: 1rem;
    padding-right: 1rem; }
  div#tracking-code .text-tracking-code-short-text > * {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; } }

div#tracking-code {
  margin-bottom: 1em; }

@media screen and (max-width: 800px) {
  .form-content--sidebox {
    float: none;
    width: 100%; }
  div#side {
    display: flex;
    flex-direction: column; }
    div#side > div {
      flex: 1 0 auto; }
  div#tracking-code {
    font-size: 0.8em;
    order: 1; }
    div#tracking-code h3 {
      display: inline-block; }
    div#tracking-code .text-tracking-code-short-text {
      display: none; } }

@media screen and (max-width: 800px) {
  .form-content--sidebox + div#rub_service,
  div#rub_service {
    width: 100%;
    margin: 0;
    float: none; }
  .form-content--sidebox {
    text-align: left; }
    .form-content--sidebox div#tracking-code a {
      padding-left: 0.3em; } }

li.required-authentication span {
  display: none; }

div ul > li.required-authentication > a {
  padding-right: 2rem; }

li.required-authentication a:after {
  content: "\f084";
  font-family: FontAwesome;
  position: absolute;
  right: 0.7em;
  color: #444; }

.gru-content #disclose-dataview,
div#receipt-intro {
  margin: 1em;
  padding: 0;
  display: block; }

div.qommon-map {
  height: 280px; }

.pk-tall-map div.qommon-map {
  height: 560px;
  max-height: 90vh; }

p.use-file-from-fargo span {
  cursor: pointer;
  border-bottom: 1px dotted #999; }

ul#evolutions {
  position: relative; }

#evolutions:after {
  content: "";
  background: #bbb;
  position: absolute;
  width: 1px;
  top: 40px;
  left: 30px;
  height: calc(100% - 40px);
  z-index: 0;
  border-radius: 3px; }

ul#evolutions > li {
  list-style-image: none;
  margin: 1em 0 2em 0;
  z-index: 10;
  position: relative; }
  ul#evolutions > li li {
    margin: 1rem 0; }

ul#evolutions > li:after {
  content: "";
  background: #bbb;
  position: absolute;
  width: 100px;
  left: 30px;
  top: 39px;
  height: 1px;
  z-index: -10; }

ul#evolutions .evolution-metadata {
  width: auto;
  display: inline-block;
  background: white;
  margin: 0 0 0 60px;
  padding: 0.7em;
  padding-top: 30px;
  padding-bottom: 0; }

ul#evolutions span.time {
  display: block;
  color: #aaa; }

ul#evolutions li div.msg span.time {
  padding-left: 0; }

ul#evolutions span.status {
  font-weight: bold;
  display: inline-block; }

ul#evolutions span.user {
  display: block;
  opacity: 0.5; }

ul#evolutions span.user span {
  font-size: 0.8em; }

ul#evolutions li div.msg {
  padding: 0.7em;
  padding-top: 0;
  position: relative;
  background: white;
  margin-left: 60px;
  margin-right: 30px; }
  ul#evolutions li div.msg p.wf-attachment {
    overflow: hidden;
    text-overflow: ellipsis; }

ul#evolutions li div.msg div.comment {
  padding: 0.7em 1em;
  background: #EEEEEE; }

ul#evolutions li span.item {
  position: absolute;
  text-align: center;
  width: 31px;
  height: 31px;
  display: block;
  left: 15px;
  border-radius: 20px;
  border: 1px solid #888;
  top: 24px;
  background: white !important;
  box-shadow: 0 0 0px 5px white; }
  ul#evolutions li span.item::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: #f6433a;
    position: relative;
    left: 11px;
    top: 11px;
    border-radius: 5px; }

div.dataview div.field {
  margin-bottom: 0.7em; }

div.dataview div.field-type-items .value ul {
  margin-top: 0;
  margin-bottom: 0; }

div.dataview .label {
  font-weight: bold;
  margin: 0; }

div.dataview .value {
  display: block;
  margin-left: 0.7em; }

div.dataview .field-type-block > .value {
  margin-left: 0; }

form div.errornotice, form div.pk-error, form div.pk-error.cell {
  margin-top: 0; }

div.halfwidth {
  width: 45%;
  float: left; }

div.widget.halfwidth.right {
  clear: none;
  margin-left: 5%; }

div.fullwidth {
  width: 95%; }

div.halfwidth textarea, div.halfwidth .godo--editor, div.halfwidth select, div.halfwidth input,
div.fullwidth textarea,
div.fullwidth .godo--editor,
div.fullwidth select,
div.fullwidth input {
  width: 100%; }

div.buttons,
div.dataview > p,
div.dataview div.page {
  clear: both; }

div.form-validation div.page {
  background: #f0f0f0;
  padding-left: 0.7em;
  margin-bottom: 1.5em; }
  @media (max-width: 560px) {
    div.form-validation div.page {
      padding-right: 0.7em; } }
  div.form-validation div.page > h3 {
    padding-top: 0.7em;
    font-size: 140%; }
  @media (min-width: 561px) {
    div.form-validation div.page .widget:not(.BlockWidget):not(.BlockSubWidget):not([class*=' grid-']) {
      padding-right: 0.7em; } }
  div.form-validation div.page .wcs-block-with-remove-button .BlockSubWidget {
    border-right: none;
    padding-right: 0; }

div#rub_service div.form-validation div.page div h3 {
  border-bottom-width: 1px; }

label.activity {
  display: block;
  background: url(/static/img/spinner.gif) no-repeat top right;
  padding-right: 30px; }

span.geoloc-error {
  font-weight: normal;
  font-size: smaller;
  float: none;
  display: block;
  z-index: 100;
  background: #e40000;
  color: white;
  text-align: center; }

.fileprogress {
  border: 1px solid #888; }

.fileprogress .bar {
  background: linear-gradient(to right, #6c83af var(--progression), transparent var(--progression));
  line-height: 1.5em;
  padding-left: 0.7em;
  white-space: nowrap;
  transition: background linear 0.1s; }

.fileprogress.upload-error .bar {
  background: #FF7575;
  color: black;
  white-space: normal; }

.fileinfo {
  line-height: 1.5em; }

div.fileinfo a.remove {
  text-indent: 0;
  background: none;
  color: transparent;
  display: inline-block;
  text-indent: -10000px;
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  height: 3rem; }
  div.fileinfo a.remove::before {
    font-size: 150%;
    font-family: FontAwesome;
    content: "\f057";
    color: #6c83af;
    text-indent: 0;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center; }

div.RankedItemsWidget label input {
  margin-right: 1em; }

div.RadiobuttonsWidget.pk-hidden, div.RadiobuttonsWidget.hidden, div.SingleSelectHintWidget.pk-hidden, div.SingleSelectHintWidget.hidden,
div.SingleSelectWidget.pk-hidden,
div.SingleSelectWidget.hidden, div.SingleSelectWidgetWithOther.pk-hidden, div.SingleSelectWidgetWithOther.hidden {
  display: none !important; }

div.CheckboxesWidget div.content ul li.disabled {
  color: #b3b3b3; }

div.RadiobuttonsWidget div.content input[disabled] + span {
  color: #b3b3b3; }

div.file-upload-widget:not([class*="grid-"]) div.file-button {
  max-width: 500px; }

div.file-upload-widget div.file-button {
  overflow: hidden;
  background: white;
  margin: 0;
  border: 1px solid #AAA;
  border-radius: 0;
  min-height: 150px;
  position: relative;
  text-align: center; }
  div.file-upload-widget div.file-button:focus-within {
    border: 1px solid #AAA;
    outline: 1px dotted #333;
    outline-offset: 0; }
  div.file-upload-widget div.file-button div.widget.FileWidget {
    margin-bottom: 0; }
  div.file-upload-widget div.file-button input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.001;
    margin: 0;
    font-size: 0;
    cursor: pointer; }
  div.file-upload-widget div.file-button div.widget-message {
    padding-top: 20px; }
    div.file-upload-widget div.file-button div.widget-message p {
      margin: 0; }
    div.file-upload-widget div.file-button div.widget-message::before {
      pointer-events: none;
      font-family: FontAwesome;
      content: "\f016";
      box-sizing: content-box;
      font-size: 40px;
      height: 1em;
      display: block;
      margin-top: 10px;
      margin-bottom: 10px;
      line-height: 1; }
    div.file-upload-widget div.file-button div.widget-message::after {
      pointer-events: none;
      content: "\f055";
      font-family: FontAwesome;
      font-size: 20px;
      display: block;
      position: absolute;
      left: calc(50% + 10px);
      top: 20px;
      line-height: 1;
      color: #6c83af; }
    div.file-upload-widget div.file-button div.widget-message.upload-done::after {
      content: "\f05d"; }
  div.file-upload-widget div.file-button.file-image div.widget-message::before {
    content: "\f1c5"; }
  div.file-upload-widget div.file-button.file-image div.upload-done {
    background-color: rgba(0, 0, 0, 0.06);
    padding-top: 10px; }
    div.file-upload-widget div.file-button.file-image div.upload-done::before {
      content: "";
      background-image: var(--image-preview-url);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      font-size: 80px;
      margin-top: 0;
      margin-bottom: 0; }
    div.file-upload-widget div.file-button.file-image div.upload-done::after {
      content: none; }

div.file-upload-widget.has-file div.file-button .widget-message.click-to-upload {
  display: none; }

div.file-upload-widget.has-no-file div.file-button .widget-message.upload-done {
  display: none; }

div.file-upload-widget .filename {
  white-space: pre;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  max-width: 95%;
  margin: 0 auto; }

div.file-upload-widget.widget-readonly div.file-button {
  height: 150px; }
  div.file-upload-widget.widget-readonly div.file-button .fileinfo.thumbnail {
    height: 100%; }
  div.file-upload-widget.widget-readonly div.file-button div.widget-message {
    display: none; }
  div.file-upload-widget.widget-readonly div.file-button .fileinfo.thumbnail .filename {
    display: none; }
  div.file-upload-widget.widget-readonly div.file-button .filename {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    padding-top: 30px; }
    div.file-upload-widget.widget-readonly div.file-button .filename::before {
      pointer-events: none;
      content: "\f016";
      font-family: FontAwesome;
      font-size: 40px;
      display: block;
      padding-top: 25px;
      padding-bottom: 10px; }
  div.file-upload-widget.widget-readonly div.file-button img {
    max-height: 100%;
    max-width: auto;
    position: relative;
    z-index: 10; }

div.file-upload-widget.pk-compact-file div.file-button, div.file-upload-widget.short div.file-button {
  min-height: 70px; }
  div.file-upload-widget.pk-compact-file div.file-button div.widget-message, div.file-upload-widget.short div.file-button div.widget-message {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    text-align: left; }
    div.file-upload-widget.pk-compact-file div.file-button div.widget-message::before, div.file-upload-widget.short div.file-button div.widget-message::before {
      margin-right: 20px;
      font-size: 40px; }
    div.file-upload-widget.pk-compact-file div.file-button div.widget-message::after, div.file-upload-widget.short div.file-button div.widget-message::after {
      top: 5px;
      left: 38px; }
  div.file-upload-widget.pk-compact-file div.file-button div.fileinfo, div.file-upload-widget.short div.file-button div.fileinfo {
    text-align: left;
    padding-left: 55px;
    min-height: 1.5em;
    margin-top: -1.5em; }
  div.file-upload-widget.pk-compact-file div.file-button.file-image div.widget-message.upload-done, div.file-upload-widget.short div.file-button.file-image div.widget-message.upload-done {
    padding-top: 5px; }
    div.file-upload-widget.pk-compact-file div.file-button.file-image div.widget-message.upload-done::before, div.file-upload-widget.short div.file-button.file-image div.widget-message.upload-done::before {
      width: 2em;
      font-size: 60px;
      margin-top: 0; }
  div.file-upload-widget.pk-compact-file div.file-button.file-image div.fileinfo, div.file-upload-widget.short div.file-button.file-image div.fileinfo {
    padding-left: 140px; }

div.file-upload-widget.pk-compact-file.widget-readonly div.file-button, div.file-upload-widget.short.widget-readonly div.file-button {
  height: 70px; }
  div.file-upload-widget.pk-compact-file.widget-readonly div.file-button div.widget-message, div.file-upload-widget.short.widget-readonly div.file-button div.widget-message {
    display: none; }
  div.file-upload-widget.pk-compact-file.widget-readonly div.file-button .filename, div.file-upload-widget.short.widget-readonly div.file-button .filename {
    padding: 5px 10px;
    display: flex;
    align-items: center; }
    div.file-upload-widget.pk-compact-file.widget-readonly div.file-button .filename::before, div.file-upload-widget.short.widget-readonly div.file-button .filename::before {
      display: block;
      padding-top: 18px;
      padding-bottom: 15px;
      padding-right: 20px; }
  div.file-upload-widget.pk-compact-file.widget-readonly div.file-button div.fileinfo, div.file-upload-widget.short.widget-readonly div.file-button div.fileinfo {
    margin-top: 0; }

div.file-upload-widget div.fileprogress {
  position: absolute;
  border: none;
  overflow: hidden;
  width: 100%;
  left: 0;
  bottom: 0; }

.TableListRowsWidget .widget {
  margin-bottom: 0; }

.responsive-tableWidget th, .responsive-tableWidget td::before {
  text-align: left;
  font-weight: normal; }

@media (max-width: 800px) {
  .responsive-tableWidget, .responsive-tableWidget tbody {
    display: block; }
  .responsive-tableWidget thead th {
    display: none; }
  .responsive-tableWidget tbody th {
    display: block; }
  .responsive-tableWidget tbody tr {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
    .responsive-tableWidget tbody tr:nth-child(even) {
      background-color: rgba(0, 0, 0, 0.06); }
  .responsive-tableWidget tbody td {
    display: flex;
    align-items: last baseline; }
  .responsive-tableWidget tbody td::before {
    content: attr(data-col-header);
    display: block;
    flex: 0 1 33%;
    margin-right: .66em; } }

@media (max-width: 560px) {
  .responsive-tableWidget tbody td {
    display: block; } }

p.use-file-from-fargo {
  margin-top: 0; }

div.section.foldable {
  margin-bottom: 1rem; }
  div.section.foldable > h2:first-child {
    cursor: pointer; }
    div.section.foldable > h2:first-child::after {
      font-family: FontAwesome;
      content: "\f106";
      position: absolute;
      right: 1em; }
    div.section.foldable > h2:first-child:focus span.disclose-message, div.section.foldable > h2:first-child:hover span.disclose-message {
      text-decoration: underline; }
  div.section.foldable span.disclose-message {
    padding-left: 1ex;
    font-size: 1rem;
    display: none; }
  div.section.foldable.folded span.disclose-message {
    display: inline-block; }
    @media screen and (max-width: 800px) {
      div.section.foldable.folded span.disclose-message {
        display: none; } }
  div.section.foldable.folded div {
    display: none; }
  div.section.foldable.folded > h2:first-child::after {
    content: "\f107"; }

.wcs-block-with-remove-button .BlockSubWidget {
  position: relative;
  border-right: 3.5rem solid rgba(0, 0, 0, 0.06);
  padding-right: 1rem; }
  .wcs-block-with-remove-button .BlockSubWidget::after {
    display: block;
    clear: both;
    content: ""; }
  @supports (display: flow-root) {
    .wcs-block-with-remove-button .BlockSubWidget {
      display: flow-root; }
      .wcs-block-with-remove-button .BlockSubWidget::after {
        content: none; } }

.wcs-block-with-remove-button:not(.pk-blocks-zebra) .BlockSubWidget {
  margin-bottom: 0.5rem; }

.wcs-block-with-remove-button .remove-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  top: 0;
  bottom: 0;
  left: calc(100% + 0.5rem);
  margin: auto;
  padding: 0; }
  .wcs-block-with-remove-button .remove-button span {
    display: none; }
  .wcs-block-with-remove-button .remove-button::after {
    font-family: FontAwesome;
    content: "\f1f8"; }

.wcs-block-with-remove-button-single .BlockSubWidget {
  border-right-color: transparent; }

.wcs-block-with-remove-button-single .remove-button {
  visibility: hidden; }

.pk-blocks-zebra .BlockSubWidget {
  position: relative; }
  .pk-blocks-zebra .BlockSubWidget::after {
    display: block;
    clear: both;
    content: ""; }
  @supports (display: flow-root) {
    .pk-blocks-zebra .BlockSubWidget {
      display: flow-root; }
      .pk-blocks-zebra .BlockSubWidget::after {
        content: none; } }

.pk-blocks-zebra .error ~ .BlockSubWidget:nth-child(odd),
.pk-blocks-zebra .hint ~ .BlockSubWidget:nth-child(odd),
.pk-blocks-zebra .BlockSubWidget:first-child ~ .BlockSubWidget:nth-child(even) {
  background: rgba(0, 0, 0, 0.06);
  box-shadow: -0.5em -0.5em 0 0.5em rgba(0, 0, 0, 0.06); }

.form-content--body--title {
  display: none;
  visibility: hidden; }

.plain-text-pre {
  white-space: pre-line; }

div.file-field img {
  display: block;
  max-width: 100%;
  max-height: 25vh; }

a.debug-information--var-link {
  border-bottom: none; }
  a.debug-information--var-link::before {
    font-family: FontAwesome;
    content: "\f06e";
    /* fa-eye */ }

.template-evaluation label.star-choice span.star::before,
div.star-choice span.star::before {
  position: static;
  height: auto;
  width: auto;
  border: none;
  font-family: FontAwesome;
  content: "\f006";
  color: #776;
  font-size: 22px;
  display: inline-block;
  transition: transform ease 0.2s; }

.template-evaluation label.star-choice span.star.selected::before, .template-evaluation label.star-choice span.star:hover::before,
div.star-choice span.star.selected::before,
div.star-choice span.star:hover::before {
  content: "\f005";
  color: #ffaa00; }

.template-evaluation label.star-choice input[type=radio]:hover + span.star::before,
.template-evaluation label.star-choice input[type=radio]:focus + span.star::before,
.template-evaluation label.star-choice span.star:hover::before,
div.star-choice input[type=radio]:hover + span.star::before,
div.star-choice input[type=radio]:focus + span.star::before,
div.star-choice span.star:hover::before {
  transform: scale(1.4);
  opacity: 0.8; }

.RadiobuttonsWidget.template-evaluation br {
  display: none; }

.RadiobuttonsWidget.template-evaluation input:focus + span.star {
  outline: 1px dotted #333;
  outline-offset: 0; }

.RadiobuttonsWidget.template-evaluation input + span::after {
  display: none; }

.RadiobuttonsWidget.template-evaluation label {
  margin-right: 0; }

.RadiobuttonsWidget.template-evaluation input + span {
  padding-left: 0; }

.wcs-steps {
  background: transparent;
  margin-bottom: 0.7rem;
  border-radius: 0; }
  .wcs-steps h2 {
    display: none; }
  .wcs-steps.steps-1 {
    display: none; }
  .wcs-steps--list {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #767676; }

.wcs-step {
  border-radius: 0;
  background-color: transparent;
  display: flex; }
  .wcs-step--marker {
    text-decoration: none;
    font-size: 1em;
    text-align: center;
    display: flex;
    color: #767676;
    background: transparent;
    border-radius: 0;
    width: 2.1em;
    height: 2.1em;
    flex: 0 0 2.1em; }
    .wcs-step--marker-nb {
      margin: auto; }
    .wcs-step--marker-total {
      display: none; }
  .wcs-step--label {
    display: block;
    align-self: center;
    letter-spacing: 1px;
    line-height: 1.25; }
  .wcs-step.current {
    font-weight: bold;
    background: transparent; }
  .wcs-step.current .wcs-step--marker {
    background: transparent;
    color: #f6433a; }
  .wcs-step.current .wcs-step--label {
    color: #f6433a; }
  .wcs-step:not(.current) .wcs-step--label {
    display: none; }

@media (max-width: 560px) {
  .wcs-step--marker {
    width: 2.9em;
    height: 2.9em;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center; }
    .wcs-step--marker-nb {
      margin: 0;
      transform: translateY(-0.5em);
      order: 1; }
    .wcs-step--marker-total {
      display: block;
      transform: translateY(0.5em);
      font-size: 0.8em;
      font-weight: normal;
      order: 3; }
    .wcs-step--marker::before {
      content: "";
      display: block;
      flex: 0 0 0.1em;
      height: 2em;
      margin: 0 0.1em;
      background: currentColor;
      transform: rotate(30deg);
      order: 2; }
  .wcs-step--label {
    margin-left: 0.7rem; }
  .wcs-step:not(.current) {
    display: none; } }

@media (min-width: 561px) {
  .wcs-steps--list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2em; }
  .wcs-step {
    margin-bottom: 0.35rem;
    margin-right: 0.7rem;
    border-bottom: 1px solid #767676; }
    .wcs-step:last-child {
      margin-right: 0; }
    .wcs-step--label {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      padding-bottom: 0.35rem;
      text-align: left; }
    .wcs-step.current {
      border-bottom: 3px solid #f6433a; } }

@media (min-width: 801px) {
  .wcs-steps {
    font-size: 1.25em; }
    .wcs-steps.steps-1 {
      display: block; }
    .wcs-steps--list {
      flex-wrap: nowrap;
      flex-direction: column;
      padding-bottom: 0; }
  .wcs-step {
    margin-bottom: 0.35rem;
    padding-bottom: 0.35rem;
    margin-right: 0; }
    .wcs-step--label {
      position: static;
      font-size: 0.7em;
      margin-left: 0.35rem;
      padding-bottom: 0; }
    .wcs-step:not(.current) .wcs-step--label {
      display: block; } }

/*
 *	Nearby form
 *	
 *	Ajout de styles à un champ carte pour sélectionner un signalement identique à proximité
 *
 *	Template
 *		quommon/forms/widgets/nearby-forms.html
 *	JS
 *		static/js/plus1.js
 */
.nearby-forms {
  margin: 0;
  padding: 0; }

.nearby-form {
  margin: 5px auto;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  border: 1px solid #AAA;
  padding: 5px; }

.nearby-form--digest, .nearby-form--datetime, .nearby-form--marker-counter {
  margin: 0 5px; }

.nearby-form--digest {
  width: 60%; }

.nearby-form--datetime {
  width: 20%; }
  @media screen and (max-width: 800px) {
    .nearby-form--datetime {
      width: 30%; } }
.nearby-form--marker-counter {
  background: #6c83af;
  color: white;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  text-align: center;
  border-radius: 3px; }

.template-nearby-forms .nearby-marker a {
  display: block;
  padding: 0 3px;
  border-radius: 3px;
  background: #6c83af;
  color: white;
  min-width: 1.4em;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  outline: 1px solid white; }
  .template-nearby-forms .nearby-marker a:hover {
    outline-width: 3px; }

.signalements-thanks ~ .buttons .submit-button, .signalements-thanks ~ .buttons .previous-button {
  display: none; }

.signalements-thanks ~ .buttons .cancel-button button {
  text-indent: -9999px;
  line-height: 0; }
  .signalements-thanks ~ .buttons .cancel-button button::after {
    text-indent: 0;
    line-height: initial;
    display: block;
    content: 'Continuer'; }

div.textcell h3, div.textcell h4, div.textcell h5, div.textcell p, div.textcell table {
  margin: 0.7em 1rem; }

span#environment-label,
div#footer div.cell.test-banner {
  position: fixed;
  line-height: 200%;
  font-weight: bold;
  color: white;
  top: 5em;
  right: -5em;
  background: red;
  width: 25em;
  z-index: 1000;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  text-align: center;
  border: 2px solid #cc0000;
  white-space: pre;
  opacity: 0.9;
  pointer-events: none; }
  @media screen and (max-width: 800px) {
    span#environment-label,
    div#footer div.cell.test-banner {
      top: auto;
      bottom: 3rem;
      right: -1rem;
      width: 25vw;
      padding: 0 1rem;
      font-size: 0.8em;
      opacity: 0.7;
      border: 0;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transform-origin: bottom right;
      -moz-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
      -o-transform-origin: bottom right;
      transform-origin: bottom right; } }
div#footer div.cell.test-banner p {
  margin: 0; }

#login-methods {
  width: 48%;
  float: left; }

#welcome-text {
  padding: 0 1em;
  width: 48%;
  width: calc(48% - 2em);
  float: right; }

@media screen and (max-width: 800px) {
  #welcome-text,
  #login-methods {
    width: auto;
    float: none; } }

div#login-methods label {
  display: block; }

div#login-methods input {
  margin-left: 0.7em; }

#registration-blocks .a2-block:not(:first-child),
#login-page .block:not(:first-child) {
  position: relative;
  padding-left: 2rem;
  border-radius: 0;
  overflow: visible; }
  #registration-blocks .a2-block:not(:first-child)::after,
  #login-page .block:not(:first-child)::after {
    content: "OU";
    display: block;
    position: absolute;
    left: -1.5rem;
    width: 3rem;
    text-align: center;
    top: 0;
    height: 100%;
    line-height: 3rem;
    padding-top: 1rem;
    background-image: linear-gradient(black, black), linear-gradient(black, black);
    background-size: 1px 1rem, 1px 100%;
    background-repeat: no-repeat;
    background-position: center 0, center 4rem; }
  @media screen and (max-width: 800px) {
    #registration-blocks .a2-block:not(:first-child),
    #login-page .block:not(:first-child) {
      padding-left: 0;
      margin-top: 3rem; }
      #registration-blocks .a2-block:not(:first-child)::after,
      #login-page .block:not(:first-child)::after {
        padding-top: 0;
        left: 0;
        top: -3rem;
        height: 3rem;
        width: 100%;
        background-size: calc(50% - 2rem) 1px;
        background-repeat: no-repeat;
        background-position: right, left; } }
.block-fc a.button:focus {
  outline: 1px dotted #333;
  outline-offset: 0; }

div.card .label,
#profile .label,
.profile-cell .profile .label,
.pairs .label {
  color: #666666;
  font-size: 0.9em;
  display: block; }

div.card .value,
#profile .value,
.profile-cell .profile .value,
.pairs .value {
  display: block;
  margin-left: 0;
  margin-bottom: 0.7em; }
  div.card .value span.nodata,
  #profile .value span.nodata,
  .profile-cell .profile .value span.nodata,
  .pairs .value span.nodata {
    font-style: italic; }

.consents--list {
  padding-left: 0;
  list-style: none; }

.consents--form {
  display: flex;
  justify-content: space-between; }

.consents--client {
  display: block;
  font-size: 110%; }

.consents--dates {
  font-size: 0.9em; }

@media screen and (max-width: 800px) {
  .consents--since, .consents--expired {
    display: block; }
  .consents--separator {
    display: none; } }

.consents form div button {
  margin-right: 0;
  min-width: auto; }

a#publik-portal-agent {
  z-index: 10000;
  position: absolute;
  top: 0px;
  right: 5px;
  background: white;
  color: #767676;
  padding: 5px 10px;
  border: 1px solid;
  border-width: 0 1px 1px 1px; }
  @media screen and (max-width: 800px) {
    a#publik-portal-agent {
      display: none; } }
div#consent_banner {
  position: fixed;
  width: 100%;
  z-index: 10000;
  background: rgba(255, 255, 255, 0.95);
  text-align: center;
  box-shadow: 0 0 8px 1px #666;
  padding: 0.7em 0;
  bottom: 0; }
  div#consent_banner div.actions {
    padding-top: 0.7em; }
  div#consent_banner button {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    border: none;
    cursor: pointer; }

@media screen and (max-width: 800px) {
  .has-pwa-navigation div#consent_banner {
    position: absolute;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 0 8px 1px #333;
    top: 0;
    bottom: auto; } }

.block-password .widget {
  max-width: 25em; }
  .block-password .widget [type=text], .block-password .widget [type=password] {
    width: 100%; }

ul.logout-list {
  padding: 0;
  margin: 1em; }

div#continue-link {
  margin: 1em; }

div#page-change-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  transition: all 0.3s ease;
  z-index: 100000;
  background: white;
  opacity: 0; }

div#page-change-overlay.on {
  z-index: 100000;
  opacity: 0.9; }

#messages ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.errornotice, .pk-error, .pk-error.cell, form ul.errorlist.nonfield li, #messages li.error {
  --notification-color: #F9DEDE;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #F9DEDE;
  color: #000000;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  padding-left: calc(2rem + 2rem);
  position: relative;
  border: none;
  min-height: calc(2rem + 1rem); }
  .errornotice a:not(.pk-button):not(.lingo-basket-cell--item-pay), .pk-error a:not(.pk-button):not(.lingo-basket-cell--item-pay), form ul.errorlist.nonfield li a:not(.pk-button):not(.lingo-basket-cell--item-pay), #messages li.error a:not(.pk-button):not(.lingo-basket-cell--item-pay) {
    color: currentColor;
    text-decoration: underline; }
  .errornotice::before, .pk-error::before, .pk-error.cell::before, form ul.errorlist.nonfield li::before, #messages li.error::before {
    content: "";
    font-family: FontAwesome;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    margin: auto;
    left: 0;
    right: calc(100% - calc(2rem + 2rem));
    top: 0.5rem; }
  .errornotice p, .pk-error p, .pk-error.cell p, form ul.errorlist.nonfield li p, #messages li.error p {
    margin: 0 0 0.6rem 0; }
    .errornotice p:last-child, .pk-error p:last-child, form ul.errorlist.nonfield li p:last-child, #messages li.error p:last-child {
      margin-bottom: 0; }
  .errornotice details, .pk-error details, .pk-error.cell details, form ul.errorlist.nonfield li details, #messages li.error details {
    padding: 0.3em 0; }
  .errornotice[class*=grid-].comment-field, [class*=grid-].comment-field.pk-error, form ul.errorlist.nonfield li[class*=grid-].comment-field, #messages li[class*=grid-].comment-field.error {
    box-sizing: border-box;
    margin-right: 1rem; }
  .errornotice:not([class*=grid-]).comment-field, .pk-error:not([class*=grid-]).comment-field, form ul.errorlist.nonfield li:not([class*=grid-]).comment-field, #messages li.error:not([class*=grid-]).comment-field {
    clear: both; }
  .gru-content .errornotice.cell h2:first-child, .gru-content .cell.pk-error h2:first-child, .gru-content form ul.errorlist.nonfield li.cell h2:first-child, form ul.errorlist.nonfield .gru-content li.cell h2:first-child, .gru-content #messages li.cell.error h2:first-child, #messages .gru-content li.cell.error h2:first-child {
    background: transparent;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: inherit; }

.warningnotice, .pk-attention, .pk-attention.cell, #messages li.warning {
  --notification-color: #fdf4da;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fdf4da;
  color: #000000;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  padding-left: calc(2rem + 2rem);
  position: relative;
  border: none;
  min-height: calc(2rem + 1rem); }
  .warningnotice a:not(.pk-button):not(.lingo-basket-cell--item-pay), .pk-attention a:not(.pk-button):not(.lingo-basket-cell--item-pay), #messages li.warning a:not(.pk-button):not(.lingo-basket-cell--item-pay) {
    color: currentColor;
    text-decoration: underline; }
  .warningnotice::before, .pk-attention::before, .pk-attention.cell::before, #messages li.warning::before {
    content: "";
    font-family: FontAwesome;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    margin: auto;
    left: 0;
    right: calc(100% - calc(2rem + 2rem));
    top: 0.5rem; }
  .warningnotice p, .pk-attention p, .pk-attention.cell p, #messages li.warning p {
    margin: 0 0 0.6rem 0; }
    .warningnotice p:last-child, .pk-attention p:last-child, #messages li.warning p:last-child {
      margin-bottom: 0; }
  .warningnotice details, .pk-attention details, .pk-attention.cell details, #messages li.warning details {
    padding: 0.3em 0; }
  .warningnotice[class*=grid-].comment-field, [class*=grid-].comment-field.pk-attention, #messages li[class*=grid-].comment-field.warning {
    box-sizing: border-box;
    margin-right: 1rem; }
  .warningnotice:not([class*=grid-]).comment-field, .pk-attention:not([class*=grid-]).comment-field, #messages li.warning:not([class*=grid-]).comment-field {
    clear: both; }
  .gru-content .warningnotice.cell h2:first-child, .gru-content .cell.pk-attention h2:first-child, .gru-content #messages li.cell.warning h2:first-child, #messages .gru-content li.cell.warning h2:first-child {
    background: transparent;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: inherit; }

.successnotice, .pk-success, .pk-success.cell, #messages li.success {
  --notification-color: #def9de;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #def9de;
  color: #000000;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  padding-left: calc(2rem + 2rem);
  position: relative;
  border: none;
  min-height: calc(2rem + 1rem); }
  .successnotice a:not(.pk-button):not(.lingo-basket-cell--item-pay), .pk-success a:not(.pk-button):not(.lingo-basket-cell--item-pay), #messages li.success a:not(.pk-button):not(.lingo-basket-cell--item-pay) {
    color: currentColor;
    text-decoration: underline; }
  .successnotice::before, .pk-success::before, .pk-success.cell::before, #messages li.success::before {
    content: "";
    font-family: FontAwesome;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    margin: auto;
    left: 0;
    right: calc(100% - calc(2rem + 2rem));
    top: 0.5rem; }
  .successnotice p, .pk-success p, .pk-success.cell p, #messages li.success p {
    margin: 0 0 0.6rem 0; }
    .successnotice p:last-child, .pk-success p:last-child, #messages li.success p:last-child {
      margin-bottom: 0; }
  .successnotice details, .pk-success details, .pk-success.cell details, #messages li.success details {
    padding: 0.3em 0; }
  .successnotice[class*=grid-].comment-field, [class*=grid-].comment-field.pk-success, #messages li[class*=grid-].comment-field.success {
    box-sizing: border-box;
    margin-right: 1rem; }
  .successnotice:not([class*=grid-]).comment-field, .pk-success:not([class*=grid-]).comment-field, #messages li.success:not([class*=grid-]).comment-field {
    clear: both; }
  .gru-content .successnotice.cell h2:first-child, .gru-content .cell.pk-success h2:first-child, .gru-content #messages li.cell.success h2:first-child, #messages .gru-content li.cell.success h2:first-child {
    background: transparent;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: inherit; }

.infonotice, .pk-information, .pk-information.cell, div.timetable-widget .timetable-widget--nothing, #messages li.info {
  --notification-color: #dee7f9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #dee7f9;
  color: #000000;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  padding-left: calc(2rem + 2rem);
  position: relative;
  border: none;
  min-height: calc(2rem + 1rem); }
  .infonotice a:not(.pk-button):not(.lingo-basket-cell--item-pay), .pk-information a:not(.pk-button):not(.lingo-basket-cell--item-pay), div.timetable-widget .timetable-widget--nothing a:not(.pk-button):not(.lingo-basket-cell--item-pay), #messages li.info a:not(.pk-button):not(.lingo-basket-cell--item-pay) {
    color: currentColor;
    text-decoration: underline; }
  .infonotice::before, .pk-information::before, .pk-information.cell::before, div.timetable-widget .timetable-widget--nothing::before, #messages li.info::before {
    content: "";
    font-family: FontAwesome;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    margin: auto;
    left: 0;
    right: calc(100% - calc(2rem + 2rem));
    top: 0.5rem; }
  .infonotice p, .pk-information p, .pk-information.cell p, div.timetable-widget .timetable-widget--nothing p, #messages li.info p {
    margin: 0 0 0.6rem 0; }
    .infonotice p:last-child, .pk-information p:last-child, div.timetable-widget .timetable-widget--nothing p:last-child, #messages li.info p:last-child {
      margin-bottom: 0; }
  .infonotice details, .pk-information details, .pk-information.cell details, div.timetable-widget .timetable-widget--nothing details, #messages li.info details {
    padding: 0.3em 0; }
  .infonotice[class*=grid-].comment-field, [class*=grid-].comment-field.pk-information, div.timetable-widget [class*=grid-].comment-field.timetable-widget--nothing, #messages li[class*=grid-].comment-field.info {
    box-sizing: border-box;
    margin-right: 1rem; }
  .infonotice:not([class*=grid-]).comment-field, .pk-information:not([class*=grid-]).comment-field, div.timetable-widget .timetable-widget--nothing:not([class*=grid-]).comment-field, #messages li.info:not([class*=grid-]).comment-field {
    clear: both; }
  .gru-content .infonotice.cell h2:first-child, .gru-content .cell.pk-information h2:first-child, .gru-content div.timetable-widget .cell.timetable-widget--nothing h2:first-child, div.timetable-widget .gru-content .cell.timetable-widget--nothing h2:first-child, .gru-content #messages li.cell.info h2:first-child, #messages .gru-content li.cell.info h2:first-child {
    background: transparent;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: inherit; }

form ul.errorlist.nonfield {
  margin-top: 0; }
  form ul.errorlist.nonfield li {
    margin-top: 0; }

table.invoices th.invoice-amount,
td.amount {
  text-align: right; }

table.invoices {
  width: 100%; }
  table.invoices td:last-child {
    width: 8em;
    line-height: 150%; }
  table.invoices a.icon-view, table.invoices a.icon-pdf {
    white-space: nowrap; }
  table.invoices a.icon-view:before {
    padding-right: 0.7em;
    font-family: FontAwesome;
    content: "\f06e\00a0"; }
  table.invoices a.icon-pdf:before {
    padding-right: 0.7em;
    font-family: FontAwesome;
    content: "\f1c1\00a0"; }

div.ui-dialog #item span.amount, div.ui-dialog #item span.timestamp {
  flex-grow: 1;
  text-align: right; }

div.ui-dialog #item div {
  margin: 1.5em 0;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 0.3em;
  display: flex;
  flex-wrap: wrap; }
  div.ui-dialog #item div.paid-info::before, div.ui-dialog #item div.no-online-payment-reason::before {
    content: '\f05a';
    font-family: FontAwesome;
    margin-right: 0.3em; }

div.ui-dialog.alert .ui-dialog-titlebar {
  background: #E65050; }

div#user-files {
  position: relative; }
  div#user-files table {
    width: 100%;
    border-collapse: collapse; }
  div#user-files th {
    text-align: left;
    padding: 0.3em;
    text-transform: lowercase; }
  div#user-files th a {
    color: inherit; }
  div#user-files tbody tr {
    cursor: pointer; }
  div#user-files tbody tr:hover td.title {
    text-decoration: underline; }
  div#user-files tr.description-row {
    cursor: auto;
    font-size: 0.9em; }
  div#user-files td {
    padding: 0.3em 1em;
    border: 1px solid white; }
  div#user-files td.size {
    text-align: right; }
  div#user-files td.thumbnail {
    text-align: center; }
  div#user-files tbody tr.odd {
    background: white; }
  div#user-files tbody tr.even {
    background: rgba(0, 0, 0, 0.06); }
  div#user-files a.icon-remove,
  div#user-files a.icon-edit {
    display: inline-block; }
    div#user-files a.icon-remove::before,
    div#user-files a.icon-edit::before {
      font-family: FontAwesome;
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: none;
      content: "\f040";
      color: #6c83af; }
  div#user-files a.icon-remove::before {
    content: "\f057"; }
  div#user-files button.icon-remove-sign {
    border: none;
    background: none;
    box-shadow: none;
    padding: 2px;
    line-height: 100%;
    color: #6c83af;
    margin-right: 0; }
  div#user-files button.icon-remove-sign::before {
    font-family: FontAwesome;
    content: "\f057"; }
  div#user-files td.action-column {
    width: 1.5em;
    text-align: center;
    vertical-align: middle; }
  div#user-files tr::before {
    font-family: FontAwesome;
    content: "";
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    width: 2em; }
  div#user-files tr.mime-text::before {
    content: "\f0f6"; }
  div#user-files tr.mime-image::before {
    content: "\f1c5"; }
  div#user-files tr.mime-audio::before {
    content: "\f1c7"; }
  div#user-files tr.mime-video::before {
    content: "\f1c8"; }
  div#user-files tr.mime-application::before {
    content: "\f016"; }
  div#user-files tr.mime-application-pdf::before {
    content: "\f1c1"; }
  div#user-files td.thumbnail {
    max-width: 100px; }
    div#user-files td.thumbnail img {
      min-width: 60px; }

div.table-container ul.pagination {
  min-height: 2rem;
  list-style: none;
  margin: 0 0 1em 0;
  padding: 1.5em 0.7em 1em 0; }
  div.table-container ul.pagination li {
    display: none;
    float: left;
    line-height: 150%; }
  div.table-container ul.pagination > li.cardinality {
    float: right; }
  div.table-container ul.pagination li.previous, div.table-container ul.pagination li.next {
    display: block; }
  div.table-container ul.pagination li.current {
    display: block;
    position: absolute;
    right: 1rem; }

.fargo-pick-popup th {
  text-align: left;
  padding: 0.3em;
  text-transform: lowercase; }

table.shades tbody tr:nth-child(2n+1) {
  background: rgba(0, 0, 0, 0.06); }

table.headers th {
  background: #6c83af;
  color: white;
  padding: 0.7em 1em; }

table.centered-cells td {
  text-align: center; }

.combo-search-results em {
  background: yellow; }

div.timetable-widget {
  margin-top: 0.7em;
  display: flex;
  align-items: flex-start;
  width: 100%; }
  div.timetable-widget > div {
    flex: 0 1 auto;
    width: 20%;
    padding: 0 2px;
    text-align: center;
    display: none; }
  div.timetable-widget .timetable-widget--nothing {
    margin-top: 0;
    width: 100%; }
  div.timetable-widget div.head {
    padding-bottom: 0.7em; }
    div.timetable-widget div.head h5 {
      font-size: inherit;
      font-weight: inherit;
      margin: 0; }
  div.timetable-widget button {
    margin: 0;
    padding: 0;
    flex: 0 0 3em;
    height: 3em; }
    div.timetable-widget button.next {
      margin-left: 1em; }
    div.timetable-widget button.prev {
      margin-right: 1em; }
  div.timetable-widget div span.timetable-cell {
    display: block;
    cursor: pointer;
    padding: 0.2em 0;
    border-radius: 0;
    margin-bottom: 4px; }
    div.timetable-widget div span.timetable-cell.disabled {
      opacity: 0.3;
      cursor: not-allowed; }
  div.timetable-widget span.timetable-cell.selectable {
    background: rgba(108, 131, 175, 0.2); }
    div.timetable-widget span.timetable-cell.selectable:hover {
      background: #6c83af;
      color: white;
      box-shadow: 1px 0px 5px #6c83af; }
    div.timetable-widget span.timetable-cell.selectable.on {
      background: #6c83af;
      color: white; }
  div.timetable-widget.mobile > div {
    width: 100%; }
  div.timetable-widget.mobile div span.timetable-cell {
    display: inline-block;
    padding: 0.5em;
    margin: 0.5em; }
  div.timetable-widget.mobile button.prev, div.timetable-widget.mobile button.next {
    margin: 0; }

div.location-icon {
  pointer-events: none;
  width: 10px;
  height: 10px;
  background: red;
  border-radius: 100%;
  position: relative;
  top: -5px;
  left: -5px;
  border: 1px solid #800;
  z-index: -100 !important; }

.leaflet-container {
  font: inherit; }

.leaflet-control-attribution {
  font-size: 80%; }

div.leaflet-control-gps.pending {
  opacity: 0.5; }
  div.leaflet-control-gps.pending a {
    cursor: wait; }

#fc-linking.no-account {
  text-align: center; }

div.leaflet-bottom, div.leaflet-top {
  z-index: 800; }

.leaflet-top.leaflet-right {
  width: 40%; }
  @media (max-width: 800px) {
    .leaflet-top.leaflet-right {
      width: calc(100% - 65px); } }
.login-actions ul, .login-actions li {
  margin: 0;
  padding: 0;
  list-style: none; }

.field-live-hint {
  position: absolute;
  background: #ffffee;
  color: #333;
  z-index: 1000000;
  padding: 1em 1em;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16); }
  .field-live-hint p {
    margin: 0;
    display: inline-block; }
    .field-live-hint p::before {
      font-family: FontAwesome;
      content: "\f0eb";
      padding-right: 0.5em; }
  .field-live-hint button.action,
  .field-live-hint button.close {
    margin: 0 1em;
    padding: 0;
    color: blue !important;
    border: none !important;
    text-decoration: underline !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: auto; }
  .field-live-hint button.close {
    color: #333 !important;
    margin: 0;
    text-decoration: none !important; }
    .field-live-hint button.close::after {
      content: "×"; }

.leaflet-attribution-flag {
  display: none !important; }

.loader {
  --loader-color: var(--primary-color, black);
  margin: 2em auto;
  width: 40px;
  height: 30px;
  aspect-ratio: 1;
  --c: linear-gradient(var(--loader-color) 0 0);
  --r1: radial-gradient(farthest-side at bottom, var(--loader-color) 93%, var(--loader-color));
  --r2: radial-gradient(farthest-side at top   , var(--loader-color) 93%, var(--loader-color));
  background: var(--c), var(--r1), var(--r2), var(--c), var(--r1), var(--r2), var(--c), var(--r1), var(--r2);
  background-repeat: no-repeat;
  animation: l2 1s infinite alternate; }

@keyframes l2 {
  0%, 25% {
    background-size: 8px 0, 8px 4px, 8px 4px, 8px 0, 8px 4px, 8px 4px, 8px 0, 8px 4px, 8px 4px;
    background-position: 0 50%, 0 calc(50% - 2px), 0 calc(50% + 2px), 50% 50%, 50% calc(50% - 2px), 50% calc(50% + 2px), 100% 50%, 100% calc(50% - 2px), 100% calc(50% + 2px); }
  50% {
    background-size: 8px 100%, 8px 4px, 8px 4px, 8px 0, 8px 4px, 8px 4px, 8px 0, 8px 4px, 8px 4px;
    background-position: 0 50%, 0 calc(0% - 2px), 0 calc(100% + 2px), 50% 50%, 50% calc(50% - 2px), 50% calc(50% + 2px), 100% 50%, 100% calc(50% - 2px), 100% calc(50% + 2px); }
  75% {
    background-size: 8px 100%, 8px 4px, 8px 4px, 8px 100%, 8px 4px, 8px 4px, 8px 0, 8px 4px, 8px 4px;
    background-position: 0 50%, 0 calc(0% - 2px), 0 calc(100% + 2px), 50% 50%, 50% calc(0% - 2px), 50% calc(100% + 2px), 100% 50%, 100% calc(50% - 2px), 100% calc(50% + 2px); }
  95%, 100% {
    background-size: 8px 100%, 8px 4px,  8px 4px, 8px 100%, 8px 4px, 8px 4px, 8px 100%, 8px 4px, 8px 4px;
    background-position: 0 50%, 0 calc(0% - 2px), 0 calc(100% + 2px), 50% 50%, 50% calc(0% - 2px), 50% calc(100% + 2px), 100% 50%, 100% calc(0% - 2px), 100% calc(100% + 2px); } }

#nav-skip {
  position: absolute;
  top: 0;
  width: 10em; }
  #nav-skip ul, #nav-skip li {
    list-style: none;
    margin: 0;
    padding: 0; }

#nav-skip a {
  position: absolute;
  left: -7000px;
  z-index: 100;
  padding: 0.25em;
  background-color: white; }
  #nav-skip a:focus {
    left: 0; }

/* $carrousel-height: height of carrousel image */
/* $carrousel-text-position: [vertical option] [horizontal option] */
/* vertical options: top | middle | bottom */
/* horizontal options: left | middle | right */
/* Default: middle (eq to "middle middle"); */
/* $carrousel-navigation: visible or none */
/* $carrousel-navigation-color : color of navigation items (next, prev, bullet) */
/* $carrousel-navigation-bullet-color: color of active slide bullet */
/* $carrousel-navigation-bullet-size: height/width of slide bullets */
/* $carrousel-navigation-bullet-border: border of slide bullets */
/* $carrousel-arrows: visible or none */
/* $carrousel-arrows-color: color of prev and next arrows */
div.carrousel-content {
  position: relative;
  height: 20rem;
  overflow: hidden; }
  div.carrousel-content input {
    visibility: hidden; }
  div.carrousel-content input + div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity ease 0.5s; }
    div.carrousel-content input + div div.carrousel-item {
      position: relative;
      display: flex;
      background-position: center center;
      width: 100%;
      height: 100%;
      background-size: cover;
      padding: 10px;
      color: white;
      font-size: 120%; }
      div.carrousel-content input + div div.carrousel-item::after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background: rgba(0, 0, 0, 0.3); }
      div.carrousel-content input + div div.carrousel-item div.carrousel-item-content {
        margin-bottom: 1.5rem;
        z-index: 1;
        line-height: 110%; }
        div.carrousel-content input + div div.carrousel-item div.carrousel-item-content > a {
          display: block;
          color: inherit; }
        div.carrousel-content input + div div.carrousel-item div.carrousel-item-content > a {
          padding: 1rem;
          margin-left: 6rem;
          margin-right: 6rem; }
          @media screen and (max-width: 800px) {
            div.carrousel-content input + div div.carrousel-item div.carrousel-item-content > a {
              margin-left: 2rem;
              margin-right: 2rem; } }
        div.carrousel-content input + div div.carrousel-item div.carrousel-item-content p {
          margin-left: auto;
          margin-right: auto; }
        div.carrousel-content input + div div.carrousel-item div.carrousel-item-content p {
          max-width: 25em; }
  div.carrousel-content input:checked + div {
    opacity: 1;
    pointer-events: auto; }
  div.carrousel-content div.carrousel-nav {
    position: absolute;
    display: block;
    bottom: 10px;
    text-align: center;
    width: 100%;
    height: 20px;
    z-index: 100; }
    div.carrousel-content div.carrousel-nav label {
      display: inline-block;
      margin: 0 10px;
      width: 12px;
      height: 12px;
      border: 1px solid white;
      border-radius: 50%;
      cursor: pointer;
      transition: background-color 0.25s; }
  div.carrousel-content a.carrousel-previous,
  div.carrousel-content a.carrousel-next {
    display: block;
    position: absolute;
    text-decoration: none;
    top: calc(50% - 3rem);
    color: white;
    height: 6rem;
    line-height: 6rem;
    width: 6rem;
    cursor: pointer;
    z-index: 1000;
    text-align: center; }
    div.carrousel-content a.carrousel-previous::after,
    div.carrousel-content a.carrousel-next::after {
      font-family: FontAwesome;
      font-size: 24px; }
    div.carrousel-content a.carrousel-previous.carrousel-previous,
    div.carrousel-content a.carrousel-next.carrousel-previous {
      left: 0.7em; }
      div.carrousel-content a.carrousel-previous.carrousel-previous::after,
      div.carrousel-content a.carrousel-next.carrousel-previous::after {
        content: "\f053"; }
    div.carrousel-content a.carrousel-previous.carrousel-next,
    div.carrousel-content a.carrousel-next.carrousel-next {
      right: 0.7em; }
      div.carrousel-content a.carrousel-previous.carrousel-next::after,
      div.carrousel-content a.carrousel-next.carrousel-next::after {
        content: "\f054"; }
    @media screen and (max-width: 800px) {
      div.carrousel-content a.carrousel-previous,
      div.carrousel-content a.carrousel-next {
        display: none; } }
  div.carrousel-content .carrousel-radio-1:checked ~ .carrousel-nav label.carrousel-label-1 {
    background-color: white; }
  div.carrousel-content .carrousel-radio-2:checked ~ .carrousel-nav label.carrousel-label-2 {
    background-color: white; }
  div.carrousel-content .carrousel-radio-3:checked ~ .carrousel-nav label.carrousel-label-3 {
    background-color: white; }
  div.carrousel-content .carrousel-radio-4:checked ~ .carrousel-nav label.carrousel-label-4 {
    background-color: white; }
  div.carrousel-content .carrousel-radio-5:checked ~ .carrousel-nav label.carrousel-label-5 {
    background-color: white; }
  div.carrousel-content .carrousel-radio-6:checked ~ .carrousel-nav label.carrousel-label-6 {
    background-color: white; }
  div.carrousel-content .carrousel-radio-7:checked ~ .carrousel-nav label.carrousel-label-7 {
    background-color: white; }
  div.carrousel-content .carrousel-radio-8:checked ~ .carrousel-nav label.carrousel-label-8 {
    background-color: white; }
  div.carrousel-content .carrousel-radio-9:checked ~ .carrousel-nav label.carrousel-label-9 {
    background-color: white; }
  div.carrousel-content .carrousel-radio-10:checked ~ .carrousel-nav label.carrousel-label-10 {
    background-color: white; }

.carrousel-item {
  align-items: center;
  justify-content: center;
  text-align: center; }

.back-top {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

.back-top--link {
  display: inline-flex;
  align-items: center; }
  .back-top--link::before {
    content: "";
    font-family: fontawesome, sans-serif;
    font-size: 2.5em; }

.back-top--link-label {
  margin-left: 0.33em;
  margin-right: 0.33em; }

.back-top--link {
  position: static;
  z-index: 1000; }

.back-top {
  text-align: right; }

@keyframes back-top-show {
  0% {
    opacity: 0;
    z-index: -1; }
  1% {
    z-index: 1000; }
  100% {
    opacity: 1;
    z-index: 1000; } }

@keyframes back-top-hide {
  0% {
    opacity: 1;
    z-index: 1000; }
  99% {
    z-index: -1; }
  100% {
    opacity: 0;
    z-index: -1; } }

.back-top-scrollY {
  animation-fill-mode: both;
  animation-duration: 600ms; }
  .back-top-scrollY.below-scroll-limit {
    animation-name: back-top-show; }
  .back-top-scrollY.above-scroll-limit {
    animation-name: back-top-hide; }

.pk-table-wrapper {
  overflow: auto;
  max-width: 100%;
  background: linear-gradient(to right, white 30%, transparent), linear-gradient(to right, transparent, white 70%) 0 100%, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.25), transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.25), transparent) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
  background-position: 0 0, 100%, 0 0, 100%;
  background-attachment: local, local, scroll, scroll; }

table.pk-data-table {
  border-collapse: collapse; }
  table.pk-data-table caption {
    caption-side: top;
    color: #6c83af;
    font-size: 120%;
    padding: 1rem; }
  table.pk-data-table th, table.pk-data-table td {
    padding: 0.3em 1.5em 0.3em 0.7em;
    border-bottom: 1px solid #aaa; }
  table.pk-data-table th {
    border-bottom-width: 2px; }
  table.pk-data-table .pk-card-field-email, table.pk-data-table .pk-card-field-filename {
    word-break: break-all; }
  @media print {
    table.pk-data-table th {
      border: 2px solid #666; }
    table.pk-data-table td {
      border-top: 2px solid #666;
      border-bottom: 2px solid #666; }
      table.pk-data-table td:first-child {
        border-left: 2px solid #666; }
      table.pk-data-table td:last-child {
        border-right: 2px solid #666; } }
.pk-table-headers.pk-data-table thead th, .pk-table-headers .pk-data-table thead th {
  background: white;
  color: #6c83af;
  font-size: 1.867rem;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  font-family: "Segoe UI", "Helvetica Neue", helvetica, arial, sans-serif; }

.pk-table-borders.pk-data-table th, .pk-table-borders.pk-data-table td, .pk-table-borders .pk-data-table th, .pk-table-borders .pk-data-table td {
  border: 1px solid #aaa; }
  @media print {
    .pk-table-borders.pk-data-table th, .pk-table-borders.pk-data-table td, .pk-table-borders .pk-data-table th, .pk-table-borders .pk-data-table td {
      border: 2px solid #333; } }
.pk-table-borders.pk-data-table th, .pk-table-borders .pk-data-table th {
  border-bottom-width: 2px; }

.pk-table-center.pk-data-table th, .pk-table-center.pk-data-table td, .pk-table-center .pk-data-table th, .pk-table-center .pk-data-table td {
  text-align: center; }

.pk-table-🦓.pk-data-table tbody tr:nth-child(2n+1), .pk-table-🦓 .pk-data-table tbody tr:nth-child(2n+1),
.pk-table-zebra.pk-data-table tbody tr:nth-child(2n+1),
.pk-table-zebra .pk-data-table tbody tr:nth-child(2n+1) {
  background: rgba(0, 0, 0, 0.06); }

.pk-table-fit-container.pk-data-table, .pk-table-fit-container .pk-data-table {
  width: 100%; }

.text-cell .pk-table-fit-container.pk-data-table, .pk-table-fit-container.text-cell .pk-data-table {
  width: calc(100% - (0.7em * 2)); }

a.pk-button, a.lingo-basket-cell--item-pay, a.pk-big-button, a[class*='pk-button-'], a[class*='pk-big-button-'], .pk-button.link-cell ul > li > a, .link-cell.lingo-basket-cell--item-pay ul > li > a, .pk-big-button.link-cell ul > li > a,
[class*='pk-button-'].link-cell ul > li > a, [class*='pk-big-button-'].link-cell ul > li > a {
  display: inline-block;
  margin: 0;
  height: auto; }

.pk-button.link-cell.cell ul, .link-cell.cell.lingo-basket-cell--item-pay ul, .pk-button.link-cell.cell ul > li, .link-cell.cell.lingo-basket-cell--item-pay ul > li, .pk-big-button.link-cell.cell ul, .pk-big-button.link-cell.cell ul > li,
[class*='pk-button-'].link-cell.cell ul,
[class*='pk-button-'].link-cell.cell ul > li, [class*='pk-big-button-'].link-cell.cell ul, [class*='pk-big-button-'].link-cell.cell ul > li {
  all: unset; }
  .pk-button.link-cell.cell ul::before, .link-cell.cell.lingo-basket-cell--item-pay ul::before, .pk-button.link-cell.cell ul::after, .link-cell.cell.lingo-basket-cell--item-pay ul::after, .pk-button.link-cell.cell ul > li::before, .link-cell.cell.lingo-basket-cell--item-pay ul > li::before, .pk-button.link-cell.cell ul > li::after, .link-cell.cell.lingo-basket-cell--item-pay ul > li::after, .pk-big-button.link-cell.cell ul::before, .pk-big-button.link-cell.cell ul::after, .pk-big-button.link-cell.cell ul > li::before, .pk-big-button.link-cell.cell ul > li::after,
  [class*='pk-button-'].link-cell.cell ul::before,
  [class*='pk-button-'].link-cell.cell ul::after,
  [class*='pk-button-'].link-cell.cell ul > li::before,
  [class*='pk-button-'].link-cell.cell ul > li::after, [class*='pk-big-button-'].link-cell.cell ul::before, [class*='pk-big-button-'].link-cell.cell ul::after, [class*='pk-big-button-'].link-cell.cell ul > li::before, [class*='pk-big-button-'].link-cell.cell ul > li::after {
    content: none; }

.pk-button.link-cell.cell ul > li > a, .link-cell.cell.lingo-basket-cell--item-pay ul > li > a, .pk-big-button.link-cell.cell ul > li > a,
[class*='pk-button-'].link-cell.cell ul > li > a, [class*='pk-big-button-'].link-cell.cell ul > li > a {
  display: block; }

a.pk-big-button, a[class*='pk-big-button-'], .pk-big-button.link-cell ul > li > a, [class*='pk-big-button-'].link-cell ul > li > a {
  padding: 2rem 4rem; }

.pk-transparent.cell {
  border-color: transparent !important;
  background: transparent !important; }

.pk-no-border.cell {
  border: none !important; }

.pk-cell-bold-title.cell > div h2:first-child {
  font-weight: bold; }

.pk-cell-center-title.cell > div h2:first-child {
  text-align: center; }

.pk-important.widget .title label {
  font-weight: bold; }

.pk-budget-table table,
.budget-table table {
  width: 100%; }

.pk-budget-table th,
.budget-table th {
  text-align: left;
  font-weight: normal; }

.pk-budget-table tbody td:last-child,
.budget-table tbody td:last-child {
  width: 30%; }

#rub_service div.template-franceconnect-data .franceconnect--button {
  display: block;
  width: 160px;
  background-image: url("../img/franceconnect-avatar.svg");
  background-repeat: no-repeat;
  background-size: auto 35px;
  padding: 5px 2px 5px 40px;
  background-position: 5px center;
  font-size: 0.8em;
  cursor: pointer; }

#rub_service div.template-franceconnect-data div.content {
  position: relative; }
  #rub_service div.template-franceconnect-data div.content input {
    width: 100%; }

#rub_service div.template-franceconnect-data .franceconnect--clear {
  position: absolute;
  right: 0;
  bottom: 0.5em;
  display: none; }

#rub_service div.template-franceconnect-data .franceconnect--clear::before {
  font-family: FontAwesome;
  content: "\f057";
  color: #6c83af; }

#rub_service div.template-franceconnect-data .franceconnect--error {
  color: #DA0000;
  font-size: 0.9em; }

.service-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem; }
  .service-message + .a2-block {
    margin-top: 1rem; }

div#fc-button-wrapper, div#fc-explanation-text, div#fc-explanation-link {
  text-align: center;
  width: 100%; }

div#fc-explanation-link {
  padding-top: 8px;
  padding-bottom: 8px; }

div#fc-button-wrapper {
  margin-top: 20px;
  height: 60px; }

div#fc-button {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  border: none; }
  div#fc-button a.button {
    text-decoration: none;
    width: 216px;
    height: 60px;
    max-width: 100%;
    background-image: url(../img/FC-connect-button.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #000091;
    display: block;
    border: 1px solid #000091;
    border-radius: 3px;
    margin: auto; }
    div#fc-button a.button:hover {
      background-color: #0000DF; }
    div#fc-button a.button:focus-visible {
      outline: 2px solid #0063cb; }

.lingo--basket::before {
  font-family: FontAwesome;
  content: "\f291"; }

.lingo--basket-items {
  background: #e22;
  color: white;
  display: inline-block;
  width: 1em;
  border-radius: 100%;
  font-size: 80%;
  margin-left: -0.5em;
  text-align: center; }

/* End of core styles */
header.site-header {
  /*float: left;
	display: block;
	position: absolute;
	width: 100%;
	z-index: -1;*/ }
  header.site-header #logo a {
    background: transparent url(logo.png) bottom left no-repeat;
    height: 55px;
    width: 100%;
    margin: top; }
  header.site-header #logo.has-logo a {
    background-image: url(/assets/header:logo);
    text-indent: -10000px;
    overflow: hidden; }

nav.site-nav #nav-wrapper #nav {
  /*padding-left: 300px;*/ }
  nav.site-nav #nav-wrapper #nav li.selected > a, nav.site-nav #nav-wrapper #nav li:focus-within > a, nav.site-nav #nav-wrapper #nav li:hover > a {
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 7px; }

body.has-picture .site-nav::after {
  background-color: #c5ccdf;
  top: -0.8rem; }