@charset "UTF-8";
/* baloo 2 latin */
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 400;
  src: url("/static/fonts/baloo2/baloo-2-regular.woff2") format("woff2"); }

@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 500;
  src: url("/static/fonts/baloo2/baloo-2-medium.woff2") format("woff2"); }

@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 600;
  src: url("/static/fonts/baloo2/baloo-2-semibold.woff2") format("woff2"); }

@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 700;
  src: url("/static/fonts/baloo2/baloo-2-bold.woff2") format("woff2"); }

@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 800;
  src: url("/static/fonts/baloo2/baloo-2-extrabold.woff2") format("woff2"); }

@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; }

html {
  font-family: "Baloo 2", sans-serif;
  font-size: 18px;
  color: #0D306F;
  background: white;
  scroll-behavior: smooth; }

main, footer {
  line-height: 1.4; }

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

a {
  color: #0D306F;
  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#tracking-code h3, div#tracking-code .wcs-steps h2, .wcs-steps div#tracking-code h2, .form-content--title,
div#rub_service h2, .godo-dialog--title, div#rub_service div.category h3, div#rub_service div.category .wcs-steps h2, .wcs-steps div#rub_service div.category h2,
.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: transparent;
  color: #0D306F;
  padding: 0.7rem 1rem;
  margin: 0;
  text-decoration: none;
  font-weight: bold;
  font-size: 2em;
  font-family: "Baloo 2", sans-serif;
  font-style: normal;
  border-bottom: 0;
  border-top: 0; }

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

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

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

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

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

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

div#header {
  width: 100%;
  position: relative;
  padding: 0 0.7em; }
  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 {
    padding: 0 0.7em;
    max-width: 100%; }
  .column {
    float: none;
    width: auto; }
  .central-content {
    flex-direction: column; }
    .central-content #sidebar {
      flex: 0 0 auto;
      max-width: 100%;
      margin: 0 0.7em; }
      .central-content #sidebar div.cell {
        margin-left: 0;
        margin-right: 0; } }

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

#footer-wrapper {
  padding: 0.7em 0 1.5em 0;
  background-color: #0D306F; }

@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; } }

.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: 601px) {
  [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: 601px) {
  .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: white;
  color: #0D306F; }

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

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

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

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

div.gru-nav li > a {
  border-bottom: 0;
  border-bottom-color: transparent; }

div.gru-nav li.selected > a {
  border-bottom: 0;
  color: #0D306F; }

div.gru-nav li:focus-within > a,
div.gru-nav li:hover > a {
  border-bottom: 0;
  color: #0D306F; }

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; }
  div.gru-nav > ul ul > li a {
    color: white; }

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

div.gru-nav > ul ul li:last-child a {
  border-radius: 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;
  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(58px + 20px);
    background-position: calc(58px + 20px); }
  .gru-nav-wrapper {
    margin-top: calc(-1 * (58px + 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: 58px;
    height: 58px;
    padding: 0;
    margin: 0;
    background: #0D306F;
    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: white;
      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: #fff;
      height: 0px;
      border-top: 2px solid transparent; }
      div.gru-nav .gru-nav-button + ul li {
        display: block;
        float: none; }
      div.gru-nav .gru-nav-button + ul a {
        width: 100%;
        color: #0D306F;
        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: transparent;
        color: #0D306F; }
    div.gru-nav .gru-nav-button + ul li:last-child {
      border-bottom: 2px solid transparent; }
  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: #0097a4;
  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: transparent;
        color: white; }
      .pwa-navigation div > ul li.selected a,
      .pwa-navigation div#nav ul li.selected a {
        background-color: transparent;
        color: white; }
      .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: #fff;
        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, div.a2-continue,
div.a2-block,
.gru-content .cell,
.block {
  text-align: left;
  background: white;
  color: inherit;
  border: 0; }

.a2-block,
.gru-content div.cell,
.block {
  margin-top: 0;
  margin-bottom: 10px; }
  .a2-block h2 + div,
  .a2-block .cell--body,
  .gru-content div.cell h2 + div,
  .gru-content div.cell .cell--body,
  .block h2 + div,
  .block .cell--body {
    padding: 1rem; }
    .a2-block h2 + div > :only-child,
    .a2-block .cell--body > :only-child,
    .gru-content div.cell h2 + div > :only-child,
    .gru-content div.cell .cell--body > :only-child,
    .block h2 + div > :only-child,
    .block .cell--body > :only-child {
      margin-top: 0;
      margin-bottom: 0; }
  .a2-block h2 + div.links-list,
  .gru-content div.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, div#rub_service div.category .wcs-steps h2, .wcs-steps div#rub_service div.category h2,
.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: 0; }
  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: #0D306F;
    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;
  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: 0; }
  .gru-content div.cell.no-bottom-margin + div {
    margin-top: 0;
    border-radius: 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 .wcs-steps h2, .wcs-steps .gru-content div.cell div.textcell h2, .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: 0; }
  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%;
  -webkit-animation: cell-loading-pulse 2s linear infinite alternate;
  animation: cell-loading-pulse 2s linear infinite alternate; }

div.cell div.loading.error-loading {
  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: 0;
  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, div.feedcell .wcs-steps h2, .wcs-steps div.feedcell h2 {
  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: 0;
  margin-right: 2em;
  float: left; }

#registration-blocks.methods3 > .a2-block,
#login-page.methods3 > .block {
  width: 33%;
  width: calc(33% - 2em);
  margin: 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: 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, div.familyinfoscell .wcs-steps h2, .wcs-steps div.familyinfoscell h2 {
  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: 0; }

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: 0;
    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 {
  padding: 1rem; }
  .gru-content div.cell div.cell-items-pagination .cell-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; }

#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 #0D306F;
  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 */
.django-checkbox-input label,
.django-radio-select label,
.CheckboxWidget label,
.CheckboxesWidget label,
.RadiobuttonsWidget label {
  position: relative; }

.django-checkbox-input input,
.django-radio-select input,
.CheckboxWidget input,
.CheckboxesWidget input,
.RadiobuttonsWidget input {
  position: absolute;
  opacity: 0; }
  .django-checkbox-input input + span,
  .django-radio-select input + span,
  .CheckboxWidget input + span,
  .CheckboxesWidget input + span,
  .RadiobuttonsWidget input + span {
    padding-left: 1.2rem; }
    .django-checkbox-input input + span::before,
    .django-radio-select input + span::before,
    .CheckboxWidget input + span::before,
    .CheckboxesWidget input + span::before,
    .RadiobuttonsWidget input + span::before {
      box-sizing: content-box;
      display: block;
      content: '';
      position: absolute;
      margin: auto;
      height: 0.66rem;
      width: 0.66rem;
      background: transparent;
      top: 0.33rem;
      left: 0;
      border: 1px solid #ea7104; }
    .django-checkbox-input input + span::after,
    .django-radio-select input + span::after,
    .CheckboxWidget input + span::after,
    .CheckboxesWidget input + span::after,
    .RadiobuttonsWidget input + span::after {
      box-sizing: content-box;
      display: block;
      content: '';
      position: absolute;
      margin: auto;
      height: calc(0.66rem - 2px);
      width: calc(0.66rem - 2px);
      background: transparent;
      transition: background 0.2s linear;
      top: calc(0.33rem + 2px);
      left: 2px; }
  .django-checkbox-input input:checked + span::after,
  .django-radio-select input:checked + span::after,
  .CheckboxWidget input:checked + span::after,
  .CheckboxesWidget input:checked + span::after,
  .RadiobuttonsWidget input:checked + span::after {
    background: #ea7104; }
  .django-checkbox-input input[disabled]:checked + span::after,
  .django-radio-select input[disabled]:checked + span::after,
  .CheckboxWidget input[disabled]:checked + span::after,
  .CheckboxesWidget input[disabled]:checked + span::after,
  .RadiobuttonsWidget input[disabled]:checked + span::after {
    background: #777777; }
  .django-checkbox-input input:focus + span,
  .django-radio-select input:focus + span,
  .CheckboxWidget input:focus + span,
  .CheckboxesWidget input:focus + span,
  .RadiobuttonsWidget input:focus + span {
    outline: 0;
    outline-color: #444;
    outline-style: dotted; }
    .django-checkbox-input input:focus + span::before,
    .django-radio-select input:focus + span::before,
    .CheckboxWidget input:focus + span::before,
    .CheckboxesWidget input:focus + span::before,
    .RadiobuttonsWidget input:focus + span::before {
      box-shadow: #999 1px 1px 12px; }
  .django-checkbox-input input:active + span::before,
  .django-radio-select input:active + span::before,
  .CheckboxWidget input:active + span::before,
  .CheckboxesWidget input:active + span::before,
  .RadiobuttonsWidget input:active + span::before {
    top: calc(0.33rem - 4px);
    left: -4px;
    border: 5px solid #ea7104;
    opacity: 0.5; }

.django-radio-select input + span::before,
.RadiobuttonsWidget input + span::before {
  border-radius: 100%; }

.django-radio-select input + span::after,
.RadiobuttonsWidget input + span::after {
  border-radius: 100%; }

input, select, button, textarea, .godo--editor {
  font-size: 100%;
  font-family: "Baloo 2", 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; }

.cyan-button, div#stores a, a.cyan-button,
div.linkcell.cyan-button div.links-list ul > li > a, div.gru-nav ul li:last-child a, 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 {
  --color: #fff;
  --background: #ea7104;
  --hover-color: #ea7104;
  --hover-background: #fff;
  background: var(--background);
  text-align: center;
  color: var(--color);
  padding: 0.625rem 1rem;
  cursor: pointer;
  border: 2px solid #ea7104;
  border-radius: 1.5em;
  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; }
  [aria-pressed=true].cyan-button, div#stores a[aria-pressed=true],
  div.linkcell.cyan-button div.links-list ul > li > a[aria-pressed=true], div.gru-nav ul li:last-child a[aria-pressed=true], 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], .cyan-button:hover, div#stores a:hover,
  div.linkcell.cyan-button div.links-list ul > li > a:hover, div.gru-nav ul li:last-child a:hover, 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 {
    box-shadow: 0px 0px 5px #777;
    background: var(--hover-background);
    color: var(--hover-color); }
  .cyan-button:disabled, div#stores a:disabled,
  div.linkcell.cyan-button div.links-list ul > li > a:disabled, div.gru-nav ul li:last-child a:disabled, 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 {
    box-shadow: none;
    cursor: not-allowed;
    filter: grayscale(100%); }
  .cyan-button:focus, div#stores a:focus,
  div.linkcell.cyan-button div.links-list ul > li > a:focus, div.gru-nav ul li:last-child a:focus, 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 {
    outline: 1px dotted #ea7104; }

.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 {
  background: white;
  color: #000;
  border: 0;
  border-radius: 10em;
  margin: 0.2em 0px;
  padding: 0.625rem 1rem;
  max-width: 100%;
  transition: background 0.5s ease, color 0.5s ease;
  box-shadow: #ccc 1px 1px 10px; }
  input:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea:focus:not([readonly]), .godo--editor:focus:not([readonly]), select:focus:not([readonly]) {
    background-color: white;
    border: 0;
    color: #000;
    box-shadow: #999 1px 1px 12px; }
  input:focus, input[type="search"]:focus, textarea:focus, .godo--editor:focus, select:focus {
    outline: none;
    outline-offset: 0; }

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

input[readonly], select[readonly], textarea[readonly], [readonly].godo--editor {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  border-radius: 0; }

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: 0;
    outline-style: dotted;
    outline-color: #444; }

CheckboxesWithImagesWidget .content:focus-within, .RadiobuttonsWithImagesWidget .content:focus-within {
  outline: none;
  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; }

div.widget div.content ul {
  padding: 0;
  margin: 0;
  list-style: none; }

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: 600px) {
    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: #000;
    border-radius: 10em;
    border: 0;
    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: 0;
    color: #000; }
    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: #000; }
  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: none;
    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: 50px;
    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: 2em; }
  div.select2-container .select2-dropdown,
  span.select2-container .select2-dropdown {
    border: 0; }
    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; }

.CheckboxWidget div.content {
  position: relative; }

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,
  div.CheckboxWidget div.content {
    position: static; }
    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; }

.quixote:not(#wf-actions) div.buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: -1.5em; }
  .quixote:not(#wf-actions) div.buttons button {
    margin-right: 0;
    margin-left: 1.5em; }
  @media (min-width: 601px) {
    .quixote:not(#wf-actions) div.buttons .cancel-button {
      order: 1; }
    .quixote:not(#wf-actions) div.buttons .previous-button {
      order: 2; }
    .quixote:not(#wf-actions) div.buttons .submit-button {
      order: 3; } }
  .quixote:not(#wf-actions) div.buttons .savedraft-button {
    display: none; }
  @media (max-width: 600px) {
    .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; }

/* 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;
    font-size: 1.2em;
    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: 600px) {
    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 .wcs-steps div[class^='grid-'] ~ h2, .wcs-steps div.dataview div[class^='grid-'] ~ h2, div.dataview div[class^='grid-'] ~ h4, form div[class^='grid-'] ~ h3, form .wcs-steps div[class^='grid-'] ~ h2, .wcs-steps form div[class^='grid-'] ~ h2, form div[class^='grid-'] ~ h4, div.dataview div[class*=' grid-'] ~ h3, div.dataview .wcs-steps div[class*=' grid-'] ~ h2, .wcs-steps div.dataview div[class*=' grid-'] ~ h2, div.dataview div[class*=' grid-'] ~ h4, form div[class*=' grid-'] ~ h3, form .wcs-steps div[class*=' grid-'] ~ h2, .wcs-steps form div[class*=' grid-'] ~ h2, form div[class*=' grid-'] ~ h4 {
      padding-top: 1rem; }
  form div[class^='grid-'] ~ h3, form .wcs-steps div[class^='grid-'] ~ h2, .wcs-steps form div[class^='grid-'] ~ h2, form div[class^='grid-'] ~ h4, form div[class^='grid-'] ~ p, form div[class^='grid-'] + div, form div[class*=' grid-'] ~ h3, form .wcs-steps div[class*=' grid-'] ~ h2, .wcs-steps form div[class*=' grid-'] ~ h2, 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 {
  text-align: center; }
  .form-content--sidebox div#tracking-code {
    display: inline-block;
    min-width: 15rem; }
    .form-content--sidebox div#tracking-code a {
      padding-left: 0; }

div#rub_service h3, div#rub_service .wcs-steps h2, .wcs-steps div#rub_service h2 {
  border: none;
  text-align: left;
  border-bottom: 2px solid transparent; }

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, div#rub_service div.dataview div.title .wcs-steps h2, .wcs-steps div#rub_service div.dataview div.title h2 {
  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, div#tracking-code .wcs-steps h2, .wcs-steps div#tracking-code h2 {
      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; }

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

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

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

ul#evolutions {
  list-style: none;
  padding: 0;
  margin: 0;
  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: #fff !important;
  box-shadow: 0 0 0px 5px white; }
  ul#evolutions li span.item::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: #0D306F;
    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: 600px) {
    div.form-validation div.page {
      padding-right: 0.7em; } }
  div.form-validation div.page > h3, div.form-validation .wcs-steps div.page > h2, .wcs-steps div.form-validation div.page > h2 {
    padding-top: 0.7em;
    font-size: 140%; }
  @media (min-width: 601px) {
    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, div#rub_service div.form-validation div.page div .wcs-steps h2, .wcs-steps div#rub_service div.form-validation div.page div h2 {
  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: #ea7104;
  line-height: 1.5em;
  padding-left: 0.7em;
  white-space: nowrap;
  transition: background linear 0.1s; }

.fileprogress.upload-error .bar {
  background: #FF7575;
  color: black;
  width: 100% !important;
  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: #ea7104;
    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: #8aaff1; }

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

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: 0;
  border-radius: 10em;
  min-height: 150px;
  position: relative;
  text-align: center; }
  div.file-upload-widget div.file-button:focus-within {
    border: 0;
    outline: 0;
    outline-style: dotted; }
  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.upload-done {
    display: none; }
  div.file-upload-widget div.file-button div.click-to-upload {
    display: block; }
  div.file-upload-widget div.file-button div.widget-message {
    padding-top: 20px; }
    div.file-upload-widget div.file-button div.widget-message::before {
      pointer-events: none;
      content: "\f016";
      font-family: FontAwesome;
      font-size: 40px;
      display: block;
      padding-top: 20px;
      padding-bottom: 10px; }
    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: 30px;
      color: #ea7104; }
    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.has-file div.file-button div.upload-done {
  display: block; }

div.file-upload-widget.has-file div.file-button div.click-to-upload {
  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: 50px; }

div.file-upload-widget.pk-compact-file div.widget-message.click-to-upload, div.file-upload-widget.short div.widget-message.click-to-upload {
  display: flex; }

div.file-upload-widget.pk-compact-file div.widget-message.upload-done,
div.file-upload-widget.pk-compact-file div.widget-message.click-to-upload, div.file-upload-widget.short div.widget-message.upload-done,
div.file-upload-widget.short div.widget-message.click-to-upload {
  align-items: center;
  padding: 5px 10px;
  text-align: left; }
  div.file-upload-widget.pk-compact-file div.widget-message.upload-done::before,
  div.file-upload-widget.pk-compact-file div.widget-message.click-to-upload::before, div.file-upload-widget.short div.widget-message.upload-done::before,
  div.file-upload-widget.short div.widget-message.click-to-upload::before {
    padding-top: 10px;
    padding-right: 20px; }
  div.file-upload-widget.pk-compact-file div.widget-message.upload-done::after,
  div.file-upload-widget.pk-compact-file div.widget-message.click-to-upload::after, div.file-upload-widget.short div.widget-message.upload-done::after,
  div.file-upload-widget.short div.widget-message.click-to-upload::after {
    top: 2px;
    left: 38px; }

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.upload-done, div.file-upload-widget.short.widget-readonly div.file-button div.widget-message.upload-done {
    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.pk-compact-file.has-file div.widget-message.upload-done, div.file-upload-widget.short.has-file div.widget-message.upload-done {
  display: flex; }

div.file-upload-widget.pk-compact-file div.fileinfo, div.file-upload-widget.short div.fileinfo {
  text-align: left;
  padding-left: 55px;
  min-height: 1.5em;
  margin-top: -1.5em; }

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: 600px) {
  .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 .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; }

.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: 0;
  outline-color: #444;
  outline-style: dotted; }

.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; }
  .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 {
  background-color: transparent;
  display: flex; }
  .wcs-step--marker {
    text-decoration: none;
    font-size: 1em;
    text-align: center;
    display: flex;
    color: #767676;
    background: transparent;
    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: #fff; }
  .wcs-step.current .wcs-step--label {
    color: #fff; }
  .wcs-step:not(.current) .wcs-step--label {
    display: none; }

@media (max-width: 5120px) {
  .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: 5121px) {
  .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 #fff; } }

@media (min-width: 801px) {
  .wcs-steps {
    font-size: 1.25em; }
    .wcs-steps--list {
      justify-content: center; }
  .wcs-step {
    margin-bottom: 1.05rem;
    margin-right: 1.05rem; }
    .wcs-step--label {
      text-align: center; } }

/*
 *	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: 0;
  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: #ea7104;
  color: #fff;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  text-align: center;
  border-radius: 3px; }

.template-nearby-forms div.leaflet-div-icon {
  box-sizing: content-box;
  padding: 3px;
  margin: auto;
  border-radius: 3px;
  display: flex; }
  .template-nearby-forms div.leaflet-div-icon a {
    line-height: 1;
    margin: auto; }

.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 .wcs-steps h2, .wcs-steps div.textcell h2, 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; }

.block-fc a.button:focus {
  outline: 1px dotted #ea7104; }

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

div.card .value,
#profile .value,
.profile-cell .profile .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 {
    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 {
  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 {
  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 {
  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 {
  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: #ea7104; }
  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: #ea7104;
    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: #ea7104;
  color: #fff;
  padding: 0.7em 1em; }

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

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

div.a2-continue {
  padding: 1em; }

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: 1.5em;
    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(234, 113, 4, 0.2); }
    div.timetable-widget span.timetable-cell.selectable:hover {
      background: #ea7104;
      color: #fff;
      box-shadow: 1px 0px 5px #ea7104; }
    div.timetable-widget span.timetable-cell.selectable.on {
      background: #ea7104;
      color: #fff; }
  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; }

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; }

#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: #fff;
    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: #fff; }
  div.carrousel-content .carrousel-radio-2:checked ~ .carrousel-nav label.carrousel-label-2 {
    background-color: #fff; }
  div.carrousel-content .carrousel-radio-3:checked ~ .carrousel-nav label.carrousel-label-3 {
    background-color: #fff; }
  div.carrousel-content .carrousel-radio-4:checked ~ .carrousel-nav label.carrousel-label-4 {
    background-color: #fff; }
  div.carrousel-content .carrousel-radio-5:checked ~ .carrousel-nav label.carrousel-label-5 {
    background-color: #fff; }
  div.carrousel-content .carrousel-radio-6:checked ~ .carrousel-nav label.carrousel-label-6 {
    background-color: #fff; }
  div.carrousel-content .carrousel-radio-7:checked ~ .carrousel-nav label.carrousel-label-7 {
    background-color: #fff; }
  div.carrousel-content .carrousel-radio-8:checked ~ .carrousel-nav label.carrousel-label-8 {
    background-color: #fff; }
  div.carrousel-content .carrousel-radio-9:checked ~ .carrousel-nav label.carrousel-label-9 {
    background-color: #fff; }
  div.carrousel-content .carrousel-radio-10:checked ~ .carrousel-nav label.carrousel-label-10 {
    background-color: #fff; }

.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: #0D306F;
    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: transparent;
  color: #0D306F;
  font-size: 2em;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  font-family: "Baloo 2", 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: #0D306F; }

#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; }

/* End of core styles */
@media (max-width: 800px) {
  html {
    font-size: 16px; } }

@media (max-width: 800px) {
  div#rub_service div.category h3, div#rub_service div.category .wcs-steps h2, .wcs-steps div#rub_service div.category h2,
  .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, .godo-dialog--title, .form-content--title,
  div#rub_service h2, div#tracking-code h3, div#tracking-code .wcs-steps h2, .wcs-steps div#tracking-code h2 {
    font-size: 1.5em; } }

h1 {
  font-size: 3.2em;
  font-weight: 800;
  line-height: 1.1; }

h2 {
  font-size: 2.8em;
  font-weight: 700; }

main {
  background: url("img/grille_points_bleu.svg") left top no-repeat, url("img/grille_points_orange.svg") right bottom no-repeat; }

.cyan-button, div#stores a, a.cyan-button,
div.linkcell.cyan-button div.links-list ul > li > a, div.gru-nav ul li:last-child a, .fargo-pick-popup button,
button.ui-button,
a#a2-continue,
.gru-content button,
input[type=submit],
div.buttons input, .gru-content button.cancel-button,
div.buttons .cancel-button button, .gru-content button.submit-button,
div.buttons .submit-button button, .godo-dialog--valid, .godo-dialog--remove, .godo-dialog--cancel, .wcs-block-with-remove-button .remove-button, div.table-container ul.pagination li.previous a, div.table-container ul.pagination li.next a, 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, 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, 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, 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 {
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 1.5em;
  padding-right: 1.5em; }

.django-checkbox-input input[type="checkbox"] + span::before,
.django-radio-select input[type="checkbox"] + span::before,
.CheckboxWidget input[type="checkbox"] + span::before,
.CheckboxesWidget input[type="checkbox"] + span::before,
.RadiobuttonsWidget input[type="checkbox"] + span::before {
  border-radius: 3px; }

.django-checkbox-input input + span::before,
.django-radio-select input + span::before,
.CheckboxWidget input + span::before,
.CheckboxesWidget input + span::before,
.RadiobuttonsWidget input + span::before {
  top: 0.22rem;
  height: 0.9rem;
  width: 0.88rem;
  border: 2px solid #ea7104; }

.django-checkbox-input input + span::after,
.django-radio-select input + span::after,
.CheckboxWidget input + span::after,
.CheckboxesWidget input + span::after,
.RadiobuttonsWidget input + span::after {
  height: calc(0.9rem - 4px);
  width: calc(0.88rem - 4px);
  top: calc(0.22rem + 4px);
  left: 4px; }

span.select2 {
  color: #000;
  border-radius: 10em;
  border: 0;
  box-shadow: #ccc 1px 1px 10px; }
  span.select2:focus {
    outline: none; }
  span.select2-search {
    padding-top: 0; }
    span.select2-search input {
      border-radius: 0.25rem; }

.rounded-corners, div#tracking-code a, .gru-content div.trackingcodeinputcell input, .gru-content div.trackingcodeinputcell {
  border-radius: 1.5em; }

strong {
  font-weight: 600; }

#logo.has-logo {
  height: 120px;
  display: flex; }
  @media (max-width: 800px) {
    #logo.has-logo {
      padding-left: 0.5em; } }
  @media (max-width: 600px) {
    #logo.has-logo {
      padding-left: 0; } }
.lso-page-header {
  height: 510px;
  background: url("/assets/banner:background") center no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2em; }
  .lso-page-header--default {
    width: 1146px;
    margin: 0 auto;
    color: #fff;
    text-align: center; }
    .lso-page-header--default h1 {
      text-transform: uppercase;
      position: relative; }
      .lso-page-header--default h1::after {
        position: absolute;
        bottom: -0.25em;
        left: calc(50% - 0.75em);
        content: "";
        width: 1.5em;
        height: 6px;
        background-color: #fff;
        display: block;
        border-radius: 1em 0 1em 0; }
  @media (max-width: 800px) {
    .lso-page-header {
      height: 350px; } }
.lso-home--wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: -460px;
  background: url("img/logo.svg") top right no-repeat;
  padding-top: 280px;
  margin-bottom: 2em; }
  @media (max-width: 800px) {
    .lso-home--wrapper {
      background: url("img/logo.svg") top center no-repeat;
      background-size: auto 230px;
      padding-top: 230px;
      margin-top: -350px; } }
  @media (max-width: 460px) {
    .lso-home--wrapper {
      background-size: contain; } }
  .lso-home--wrapper div.linkcell {
    padding: 0.5em; }
    .lso-home--wrapper div.linkcell li {
      width: 228px;
      height: 228px;
      border-radius: 50%;
      margin: 0 0.75em;
      display: flex;
      justify-content: center; }
      @media (max-width: 800px) {
        .lso-home--wrapper div.linkcell li {
          width: 160px;
          height: 160px; } }
    .lso-home--wrapper div.linkcell a {
      color: #fff;
      font-weight: bold;
      align-items: center; }
      .lso-home--wrapper div.linkcell a:hover {
        background: transparent; }
    .lso-home--wrapper div.linkcell.lien-signalements li {
      background: #91c020;
      border: 3px solid #91c020; }
      .lso-home--wrapper div.linkcell.lien-signalements li a {
        background: url("img/picto-signalements.svg") center 25% no-repeat;
        padding-top: 3em; }
        @media (max-width: 800px) {
          .lso-home--wrapper div.linkcell.lien-signalements li a {
            background-size: auto 3em; } }
      .lso-home--wrapper div.linkcell.lien-signalements li:hover {
        background: #fff; }
        .lso-home--wrapper div.linkcell.lien-signalements li:hover a {
          color: #91c020;
          background: url("img/picto-signalements-hover.svg") center 25% no-repeat; }
          @media (max-width: 800px) {
            .lso-home--wrapper div.linkcell.lien-signalements li:hover a {
              background-size: auto 3em; } }
    .lso-home--wrapper div.linkcell.lien-demarches li {
      background: #0097a4;
      border: 3px solid #0097a4; }
      .lso-home--wrapper div.linkcell.lien-demarches li a {
        background: url("img/picto-demarches.svg") center 25% no-repeat;
        padding-top: 3em; }
        @media (max-width: 800px) {
          .lso-home--wrapper div.linkcell.lien-demarches li a {
            background-size: auto 3em; } }
      .lso-home--wrapper div.linkcell.lien-demarches li:hover {
        background: #fff; }
        .lso-home--wrapper div.linkcell.lien-demarches li:hover a {
          color: #0097a4;
          background: url("img/picto-demarches-hover.svg") center 25% no-repeat; }
          @media (max-width: 800px) {
            .lso-home--wrapper div.linkcell.lien-demarches li:hover a {
              background-size: auto 3em; } }
    .lso-home--wrapper div.linkcell.lien-connexion li {
      background: #ea7104;
      border: 3px solid #ea7104; }
      .lso-home--wrapper div.linkcell.lien-connexion li a {
        background: url("img/picto-connexion.svg") center 25% no-repeat;
        padding-top: 3em; }
        @media (max-width: 800px) {
          .lso-home--wrapper div.linkcell.lien-connexion li a {
            background-size: auto 3em; } }
      .lso-home--wrapper div.linkcell.lien-connexion li:hover {
        background: #fff; }
        .lso-home--wrapper div.linkcell.lien-connexion li:hover a {
          color: #ea7104;
          background: url("img/picto-connexion-hover.svg") center 25% no-repeat; }
          @media (max-width: 800px) {
            .lso-home--wrapper div.linkcell.lien-connexion li:hover a {
              background-size: auto 3em; } }
h1.has-logo a {
  width: 260px; }

@media (min-width: 801px) {
  #top {
    display: flex;
    align-items: center;
    justify-content: space-between; } }

div.gru-nav ul li {
  margin: 0 0.5em; }
  @media (max-width: 800px) {
    div.gru-nav ul li {
      text-align: center; } }
  div.gru-nav ul li:last-child a {
    margin: 0; }
  div.gru-nav ul li a.registration:hover::after {
    background: url("img/fleche-hover.svg") center no-repeat; }
  div.gru-nav ul li a.registration::after {
    margin-left: 0.4em;
    content: '';
    background: url("img/fleche.svg") center no-repeat;
    width: 1em;
    height: 0.8em;
    display: inline-block;
    vertical-align: middle; }
  @media (max-width: 800px) {
    div.gru-nav ul li a.account-link {
      display: none; } }
div.gru-nav .gru-nav-button {
  border-radius: 50%;
  position: absolute;
  right: 3em;
  top: 2em; }
  @media (max-width: 800px) {
    div.gru-nav .gru-nav-button + ul {
      margin-top: 2em;
      padding-bottom: 1em; }
      div.gru-nav .gru-nav-button + ul a {
        width: auto; } }
  div.gru-nav .gru-nav-button .icon-bar {
    width: 50%;
    left: 25%; }
    div.gru-nav .gru-nav-button .icon-bar-1 {
      top: 30%; }
    div.gru-nav .gru-nav-button .icon-bar-2 {
      top: 50%; }
    div.gru-nav .gru-nav-button .icon-bar-3 {
      top: 70%; }
  div.gru-nav .gru-nav-button.toggled {
    background: transparent; }
    div.gru-nav .gru-nav-button.toggled + ul {
      margin-top: 4em; }
    div.gru-nav .gru-nav-button.toggled .icon-bar {
      background-color: #0D306F; }

.pwa-navigation {
  padding: 1em 0; }
  .pwa-navigation div > ul li a {
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
    background-position: 50% 5px;
    background-size: auto calc( 32px - 5px); }
    .pwa-navigation div > ul li a span {
      height: auto;
      width: 100%;
      font-size: 0.85em; }
  @media (max-width: 800px) {
    .pwa-navigation {
      left: 0; } }
  @media (min-width: 801px) {
    .pwa-navigation {
      position: static;
      background-color: white; }
      .pwa-navigation div > ul li a, .pwa-navigation div > ul li.selected a, .pwa-navigation div > ul li.selected:hover a, .pwa-navigation div > ul li:hover a {
        color: #0097a4;
        background-color: transparent; }
      .pwa-navigation div > ul li a {
        color: #e2127f; } }
.gru-content div.wcsformsofcategorycell h2:first-child {
  background: #ea7104;
  color: #fff;
  border-radius: 0.5em;
  text-transform: uppercase; }

.gru-content div.wcsformsofcategorycell li {
  box-shadow: #ccc 1px 1px 10px;
  border-radius: 1em;
  margin: 1em 0; }
  .gru-content div.wcsformsofcategorycell li a {
    color: #ea7104;
    font-size: 1.5em;
    padding-left: 2.5em;
    justify-content: space-between; }
    .gru-content div.wcsformsofcategorycell li a::after {
      content: '\f0a9';
      /* fa-arrow-right */
      font-family: FontAwesome;
      font-size: 1.5em; }

.gru-content div.trackingcodeinputcell {
  color: #fff;
  background: #0097a4;
  padding: 1.5em; }
  .gru-content div.trackingcodeinputcell input {
    color: #fff;
    background: transparent;
    border: 2px solid #fff;
    margin: 0 1em;
    box-shadow: none; }
  .gru-content div.trackingcodeinputcell button {
    background-image: url("img/fleche.svg");
    background-position: 95% 50%;
    background-repeat: no-repeat;
    padding-right: 1.75em; }
    .gru-content div.trackingcodeinputcell button:hover {
      background-image: url("img/fleche-hover.svg"); }

.gru-content div.cell--title {
  font-size: 1.4em;
  background: url("img/suivez-votre-demarche.svg") center left no-repeat;
  padding-left: 3em;
  margin: 0.25em 0; }
  .gru-content div.cell--title div {
    line-height: 1em; }
    .gru-content div.cell--title div:first-child {
      font-size: 2.4em;
      font-weight: bold; }
  @media (max-width: 600px) {
    .gru-content div.cell--title {
      padding-left: 3.5em; }
      .gru-content div.cell--title div:first-child {
        font-size: 2em; } }
.gru-content div.wcs-tracking-code-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (max-width: 800px) {
    .gru-content div.wcs-tracking-code-input {
      justify-content: center; }
      .gru-content div.wcs-tracking-code-input form * {
        margin: 0.5em 0; } }
  @media (max-width: 600px) {
    .gru-content div.wcs-tracking-code-input form * {
      width: 100%; } }
.gru-content div.linkcell ul li a, .gru-content div.linklistcell ul li a {
  font-size: 1.3em; }
  .gru-content div.linkcell ul li a:hover, .gru-content div.linklistcell ul li a:hover {
    font-weight: bold; }

.gru-content div.linkcell.has-asset-picture h2, .gru-content div.linkcell.has-asset-picture a, .gru-content div.linklistcell.has-asset-picture h2, .gru-content div.linklistcell.has-asset-picture a {
  display: flex;
  align-items: center; }
  .gru-content div.linkcell.has-asset-picture h2 div, .gru-content div.linkcell.has-asset-picture h2 span, .gru-content div.linkcell.has-asset-picture a div, .gru-content div.linkcell.has-asset-picture a span, .gru-content div.linklistcell.has-asset-picture h2 div, .gru-content div.linklistcell.has-asset-picture h2 span, .gru-content div.linklistcell.has-asset-picture a div, .gru-content div.linklistcell.has-asset-picture a span {
    width: 2.5em;
    height: 2.5em;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #fff;
    background-size: cover;
    background-position: center;
    margin-right: 0.5em;
    flex-shrink: 0; }

.gru-content div.linklistcell {
  border-radius: 1.5em;
  background: #0D306F; }
  .gru-content div.linklistcell h2:first-child {
    color: #fff;
    text-transform: uppercase;
    line-height: 1em; }
  .gru-content div.linklistcell ul {
    padding-bottom: 0.5em; }
    .gru-content div.linklistcell ul::before {
      content: '';
      height: 2px;
      display: block;
      background: rgba(255, 255, 255, 0.15);
      margin: 0 1.5em; }
  .gru-content div.linklistcell li a {
    color: #fff;
    background: url("img/fleche-d.svg") center left no-repeat;
    margin-left: 1.5em;
    padding-left: 1.5em; }
    .gru-content div.linklistcell li a:hover {
      color: #fff;
      background: transparent url("img/fleche-d-bold.svg") center left no-repeat; }

textarea, .godo--editor {
  border-radius: 1em; }

div#columns > div.trackingcodeinputcell:first-child {
  margin-top: -6em; }

div.cell.foldable > div > h2:first-child {
  padding-right: 1.75em; }
  div.cell.foldable > div > h2:first-child::after {
    top: calc(50% - 0.5em);
    right: 0.5em;
    content: '';
    width: 1em;
    height: 1em;
    display: block;
    background-image: url("img/fleche-haut.svg");
    background-position: center;
    background-repeat: no-repeat; }

div.cell.foldable.folded > div > h2:first-child::after {
  content: '';
  background-image: url("img/fleche-bas.svg"); }

div.cell.dark-blue-bg {
  background-color: #0D306F;
  color: #fff; }
  div.cell.dark-blue-bg div.links-list ul > li > a {
    color: #fff; }
    div.cell.dark-blue-bg div.links-list ul > li > a:hover {
      background: transparent; }

div.cell.dark-gray-bg {
  background-color: #555555;
  color: #fff; }
  div.cell.dark-gray-bg div.links-list ul > li > a {
    color: #fff; }
    div.cell.dark-gray-bg div.links-list ul > li > a:hover {
      background: transparent; }

div.cell.red-bg {
  background-color: #cc0e1f;
  color: #fff; }
  div.cell.red-bg div.links-list ul > li > a {
    color: #fff; }
    div.cell.red-bg div.links-list ul > li > a:hover {
      background: transparent; }

div.cell.violet-bg {
  background-color: #e2127f;
  color: #fff; }
  div.cell.violet-bg div.links-list ul > li > a {
    color: #fff; }
    div.cell.violet-bg div.links-list ul > li > a:hover {
      background: transparent; }

div.cell.cyan-bg {
  background-color: #0097a4;
  color: #fff; }
  div.cell.cyan-bg div.links-list ul > li > a {
    color: #fff; }
    div.cell.cyan-bg div.links-list ul > li > a:hover {
      background: transparent; }

div.cell.orange-bg {
  background-color: #ea7104;
  color: #fff; }
  div.cell.orange-bg div.links-list ul > li > a {
    color: #fff; }
    div.cell.orange-bg div.links-list ul > li > a:hover {
      background: transparent; }

div.cell.light-green-bg {
  background-color: #91c020;
  color: #fff; }
  div.cell.light-green-bg div.links-list ul > li > a {
    color: #fff; }
    div.cell.light-green-bg div.links-list ul > li > a:hover {
      background: transparent; }

div.cell.green-bg {
  background-color: #068633;
  color: #fff; }
  div.cell.green-bg div.links-list ul > li > a {
    color: #fff; }
    div.cell.green-bg div.links-list ul > li > a:hover {
      background: transparent; }

div.cell.purple-bg {
  background-color: #632584;
  color: #fff; }
  div.cell.purple-bg div.links-list ul > li > a {
    color: #fff; }
    div.cell.purple-bg div.links-list ul > li > a:hover {
      background: transparent; }

div.cell.blue-bg {
  background-color: #0076ff;
  color: #fff; }
  div.cell.blue-bg div.links-list ul > li > a {
    color: #fff; }
    div.cell.blue-bg div.links-list ul > li > a:hover {
      background: transparent; }

label {
  color: #ea7104; }

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

div.widget-with-error div.content input, div.widget-with-error div.content select, div.widget-with-error div.content textarea, div.widget-with-error div.content .godo--editor {
  border: 1px solid #cc0e1f;
  background: rgba(255, 0, 0, 0.2); }

div.submit-button button, .gru-content button.submit-button {
  background: #ffff;
  color: #ea7104; }

.form-content--title {
  background: #ea7104;
  color: #fff;
  border-radius: 20px; }

div#side {
  background: #0097a4;
  display: flex;
  border-radius: 10px;
  padding: 0.5em 2em;
  justify-content: space-between;
  align-items: center; }

div#tracking-code div.tracking-code-part {
  background-image: url("img/suivez-votre-demarche.svg");
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 4.5em; }

div#tracking-code.has-discard-button form {
  margin: 0;
  display: flex;
  justify-content: center; }

div#tracking-code h3, div#tracking-code .wcs-steps h2, .wcs-steps div#tracking-code h2, div#tracking-code a {
  text-transform: uppercase;
  color: #fff;
  display: inline-block; }

div#tracking-code a {
  border: 1px solid #fff; }
  @media (min-width: 601px) {
    div#tracking-code a {
      margin-left: 2em; } }
div#tracking-code, .wcs-steps {
  margin: 0; }

.form-content--sidebox div#tracking-code a {
  padding: 0 0.5em; }

.wcs-steps h2 {
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  margin: 0;
  color: #fff;
  line-height: 1.2em; }
  @media (max-width: 800px) {
    .wcs-steps h2 {
      text-align: center; } }
.wcs-step {
  margin: 0; }
  @media (max-width: 800px) {
    .wcs-step {
      justify-content: center; } }
  .wcs-step--marker {
    width: auto;
    font-size: 1.2em; }

@media (min-width: 601px) {
  .wcs-steps {
    max-width: 40%; } }

.wcs-steps--list {
  margin-top: -1em; }

#footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (max-width: 800px) {
    #footer {
      justify-content: center; } }
  #footer a {
    font-size: 1em;
    font-weight: bold; }

#footer-wrapper {
  padding-top: 2em; }

.footer-logo {
  text-align: center; }
  .footer-logo img {
    width: 250px;
    height: auto; }
  @media (min-width: 801px) {
    .footer-logo {
      float: left;
      height: 100%;
      margin-right: 1.5rem; } }
.footer-post {
  background: #022d55;
  text-align: center;
  color: #fff;
  padding: 0.5em 0;
  font-size: 0.8em; }
  .footer-post a {
    color: #fff; }

a.orange-link,
div.linkcell.orange-link div.links-list ul > li > a {
  color: #ea7104;
  text-decoration: underline; }
  a.orange-link:hover,
  div.linkcell.orange-link div.links-list ul > li > a:hover {
    color: #0D306F;
    background-color: transparent; }

.cyan-button, div#stores a, a.cyan-button,
div.linkcell.cyan-button div.links-list ul > li > a {
  background: #0097a4;
  border: 0; }
  .cyan-button:hover, div#stores a:hover,
  div.linkcell.cyan-button div.links-list ul > li > a:hover {
    color: #0097a4;
    background: #fff; }

div#stores {
  color: #fff;
  background: url("/assets/stores:background") center no-repeat; }
  div#stores h2 {
    margin: 0;
    line-height: 1em; }
  div#stores a {
    display: inline-block;
    white-space: nowrap; }

/*# sourceMappingURL=style.css.map */