@charset "UTF-8";
/* Common */
/* Variables */
/* Mixin */
@media (max-width: 1400px) {
  .xxl-none {
    display: none !important;
  }
}

.xxl-only {
  display: none !important;
}

@media (max-width: 1400px) {
  .xxl-only {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 1200px) {
  .xl-none {
    display: none !important;
  }
}

.xl-only {
  display: none;
}

@media (max-width: 1200px) {
  .xl-only {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 992px) {
  .lg-none {
    display: none !important;
  }
}

@media (max-width: 992px) {
  .lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.lg-only {
  display: none !important;
}

@media (max-width: 992px) {
  .lg-only {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 768px) {
  .md-none {
    display: none !important;
  }
}

.md-only {
  display: none;
}

@media (max-width: 768px) {
  .md-only {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* Variables */
/* Classes color */
.c-white {
  color: #fff;
}

.c-black {
  color: #000;
}
.c-blue {
    color: #0013c2;
}

.c-green {
    color: #03c200;
}

.c-yellow {
    color: #ffff00;
}

.c-red {
    color: #ff0000;
}

.c-orange {
    color: #ff7b00;
}

.c-purple {
    color: #db09ca;
}
.c-primary {
  color: var(--mud-palette-primary);
}

.c-secondary {
  color: var(--mud-palette-secondary);
}

.c-gray-l {
  color: #D7D3D3;
}

.c-gray-m {
  color: #787878;
}

.c-gray-d {
  color: #5A5A5A;
}

.c-gray-vd {
  color: #474747;
}

/* Classes background */
.bg-white {
  background: #fff !important;
}

.bg-white-bg {
  background: var(--mud-palette-background-gray);
}

.bg-black {
  background: #000;
}

.bg-primary {
  background: var(--mud-palette-primary);
}

.bg-secondary {
  background: var(--mud-palette-secondary);
}

.bg-gray-bl {
  background: #E2E2E2;
}

.bg-gray-l {
  background: #D7D3D3;
}

.bg-gray-m {
  background: #787878;
}

.bg-gray-d {
  background: #5A5A5A;
}

.bg-blue {
    color: #0013c2;
}

.bg-green {
    color: #03c200;
}

.bg-yellow {
    color: #ffff00;
}

.bg-red {
    color: #ff0000;
}

.bg-orange {
    color: #ff7b00;
}

.bg-purple {
    color: #db09ca;
}



/* Font-weight */
.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

/* Font-size */
.fs-8 {
  font-size: 8px;
}

.fs-9 {
  font-size: 9px;
}

.fs-10 {
  font-size: 10px;
}

.fs-12 {
  font-size: 12px;
}

@media (max-width: 576px) {
  .fs-12 {
    font-size: 10px;
  }
}

.fs-14 {
  font-size: 14px;
}

@media (max-width: 576px) {
  .fs-14 {
    font-size: 12px;
  }
}

.fs-16 {
  font-size: 16px;
}

@media (max-width: 576px) {
  .fs-16 {
    font-size: 14px;
  }
}

.fs-26 {
  font-size: 26px;
}

@media (max-width: 576px) {
  .fs-26 {
    font-size: 20px;
  }
}

/* Line-height */
.lh-140 {
  line-height: 140%;
}

h1, h2, h3, p, a, span, label, input, select, textarea, li, legend, td, th {
  font-family: 'Montserrat', sans-serif;
  line-height: 100%;
  font-style: normal;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  min-height: 100vh;
  padding-bottom: 60px;
  background: var(--mud-palette-background-gray);
}

@media (max-width: 768px) {
  body.form-cta footer {
    bottom: 60px;
  }
}

@media (max-width: 768px) {
  body {
    padding-bottom: 125px;
  }
}

a {
  text-decoration: none;
}

hr {
  border: none;
}

canvas {
  width: 100% !important;
}

.w-full {
  width: 100%;
}

.text-center {
  text-align: center;
}

.col {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc( (1*100%) / 12);
          flex: 0 0 calc( (1*100%) / 12);
}

@media (max-width: 992px) {
  .col-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media (max-width: 576px) {
  .col-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc( (2*100%) / 12);
          flex: 0 0 calc( (2*100%) / 12);
}

@media (max-width: 992px) {
  .col-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media (max-width: 576px) {
  .col-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc( (3*100%) / 12);
          flex: 0 0 calc( (3*100%) / 12);
}

@media (max-width: 992px) {
  .col-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media (max-width: 576px) {
  .col-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc( (4*100%) / 12);
          flex: 0 0 calc( (4*100%) / 12);
}

@media (max-width: 992px) {
  .col-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media (max-width: 576px) {
  .col-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc( (5*100%) / 12);
          flex: 0 0 calc( (5*100%) / 12);
}

@media (max-width: 992px) {
  .col-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media (max-width: 576px) {
  .col-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc( (6*100%) / 12);
          flex: 0 0 calc( (6*100%) / 12);
}

@media (max-width: 992px) {
  .col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media (max-width: 576px) {
  .col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc( (7*100%) / 12);
          flex: 0 0 calc( (7*100%) / 12);
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc( (8*100%) / 12);
          flex: 0 0 calc( (8*100%) / 12);
}

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc( (9*100%) / 12);
          flex: 0 0 calc( (9*100%) / 12);
}

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc( (10*100%) / 12);
          flex: 0 0 calc( (10*100%) / 12);
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc( (11*100%) / 12);
          flex: 0 0 calc( (11*100%) / 12);
}

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc( (12*100%) / 12);
          flex: 0 0 calc( (12*100%) / 12);
}

@media (max-width: 1200px) {
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (1*100%) / 12);
            flex: 0 0 calc( (1*100%) / 12);
  }
}

@media (max-width: 1200px) {
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (2*100%) / 12);
            flex: 0 0 calc( (2*100%) / 12);
  }
}

@media (max-width: 1200px) {
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (3*100%) / 12);
            flex: 0 0 calc( (3*100%) / 12);
  }
}

@media (max-width: 1200px) {
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (4*100%) / 12);
            flex: 0 0 calc( (4*100%) / 12);
  }
}

@media (max-width: 1200px) {
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (5*100%) / 12);
            flex: 0 0 calc( (5*100%) / 12);
  }
}

@media (max-width: 1200px) {
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (6*100%) / 12);
            flex: 0 0 calc( (6*100%) / 12);
  }
}

@media (max-width: 1200px) {
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (7*100%) / 12);
            flex: 0 0 calc( (7*100%) / 12);
  }
}

@media (max-width: 1200px) {
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (8*100%) / 12);
            flex: 0 0 calc( (8*100%) / 12);
  }
}

@media (max-width: 1200px) {
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (9*100%) / 12);
            flex: 0 0 calc( (9*100%) / 12);
  }
}

@media (max-width: 1200px) {
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (10*100%) / 12);
            flex: 0 0 calc( (10*100%) / 12);
  }
}

@media (max-width: 1200px) {
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (11*100%) / 12);
            flex: 0 0 calc( (11*100%) / 12);
  }
}

@media (max-width: 1200px) {
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (12*100%) / 12);
            flex: 0 0 calc( (12*100%) / 12);
  }
}

@media (max-width: 992px) {
  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (1*100%) / 12);
            flex: 0 0 calc( (1*100%) / 12);
  }
}

@media (max-width: 992px) {
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (2*100%) / 12);
            flex: 0 0 calc( (2*100%) / 12);
  }
}

@media (max-width: 992px) {
  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (3*100%) / 12);
            flex: 0 0 calc( (3*100%) / 12);
  }
}

@media (max-width: 992px) {
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (4*100%) / 12);
            flex: 0 0 calc( (4*100%) / 12);
  }
}

@media (max-width: 992px) {
  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (5*100%) / 12);
            flex: 0 0 calc( (5*100%) / 12);
  }
}

@media (max-width: 992px) {
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (6*100%) / 12);
            flex: 0 0 calc( (6*100%) / 12);
  }
}

@media (max-width: 992px) {
  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (7*100%) / 12);
            flex: 0 0 calc( (7*100%) / 12);
  }
}

@media (max-width: 992px) {
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (8*100%) / 12);
            flex: 0 0 calc( (8*100%) / 12);
  }
}

@media (max-width: 992px) {
  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (9*100%) / 12);
            flex: 0 0 calc( (9*100%) / 12);
  }
}

@media (max-width: 992px) {
  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (10*100%) / 12);
            flex: 0 0 calc( (10*100%) / 12);
  }
}

@media (max-width: 992px) {
  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (11*100%) / 12);
            flex: 0 0 calc( (11*100%) / 12);
  }
}

@media (max-width: 992px) {
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (12*100%) / 12);
            flex: 0 0 calc( (12*100%) / 12);
  }
}

@media (max-width: 768px) {
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (1*100%) / 12);
            flex: 0 0 calc( (1*100%) / 12);
  }
}

@media (max-width: 768px) {
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (2*100%) / 12);
            flex: 0 0 calc( (2*100%) / 12);
  }
}

@media (max-width: 768px) {
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (3*100%) / 12);
            flex: 0 0 calc( (3*100%) / 12);
  }
}

@media (max-width: 768px) {
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (4*100%) / 12);
            flex: 0 0 calc( (4*100%) / 12);
  }
}

@media (max-width: 768px) {
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (5*100%) / 12);
            flex: 0 0 calc( (5*100%) / 12);
  }
}

@media (max-width: 768px) {
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (6*100%) / 12);
            flex: 0 0 calc( (6*100%) / 12);
  }
}

@media (max-width: 768px) {
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (7*100%) / 12);
            flex: 0 0 calc( (7*100%) / 12);
  }
}

@media (max-width: 768px) {
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (8*100%) / 12);
            flex: 0 0 calc( (8*100%) / 12);
  }
}

@media (max-width: 768px) {
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (9*100%) / 12);
            flex: 0 0 calc( (9*100%) / 12);
  }
}

@media (max-width: 768px) {
  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (10*100%) / 12);
            flex: 0 0 calc( (10*100%) / 12);
  }
}

@media (max-width: 768px) {
  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (11*100%) / 12);
            flex: 0 0 calc( (11*100%) / 12);
  }
}

@media (max-width: 768px) {
  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (12*100%) / 12);
            flex: 0 0 calc( (12*100%) / 12);
  }
}

.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.grid.gap-50 {
  margin-left: -25px;
  margin-right: -25px;
}

@media (max-width: 768px) {
  .grid.gap-50 {
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media (max-width: 576px) {
  .grid.gap-50 {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.grid.gap-50 > * {
  padding-left: 25px;
  padding-right: 25px;
}

@media (max-width: 768px) {
  .grid.gap-50 > * {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 576px) {
  .grid.gap-50 > * {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.grid.gap-30 {
  margin-left: -15px;
  margin-right: -15px;
}

@media (max-width: 768px) {
  .grid.gap-30 {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media (max-width: 576px) {
  .grid.gap-30 {
    margin-left: -5px;
    margin-right: -5px;
  }
}

.grid.gap-30 > * {
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 768px) {
  .grid.gap-30 > * {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 576px) {
  .grid.gap-30 > * {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.grid.gap-20 {
  margin-left: -10px;
  margin-right: -10px;
}

@media (max-width: 576px) {
  .grid.gap-20 {
    margin-left: -5px;
    margin-right: -5px;
  }
}

.grid.gap-20 > * {
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width: 576px) {
  .grid.gap-20 > * {
    margin-left: -5px;
    margin-right: -5px;
  }
}

.grid.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.d-flex.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.d-flex.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 992px) {
  .d-flex.column-lg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 768px) {
  .d-flex.row-reverse-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-space-btw {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 992px) {
  .justify-lg-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.align-items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex-auto{
    flex: auto;
}

.legend {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  opacity: 0;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.legend::before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.03846 0L14 12.0577H0.0769496L7.03846 0Z" fill="%23241464"/></svg>');
  position: absolute;
  bottom: 100%;
  width: 15px;
  height: 5px;
}

.legend-parent {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.legend-parent.legend-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.legend-parent.legend-right .legend::before {
  right: 4px;
}

.legend-parent .legend {
  top: calc(100% + 7px);
  z-index: 5;
}

.legend-parent:hover .legend {
  opacity: 1;
  pointer-events: auto;
}

.legend-modal {
  max-width: 100%;
  position: absolute;
  padding: 25px;
  pointer-events: none;
  opacity: 0;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.legend-modal-parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.legend-modal-parent .legend-modal {
  z-index: 5;
}

.legend-modal-parent:hover .legend-modal {
  opacity: 1;
  pointer-events: auto;
}

.dashed-title {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, #D7D3D3), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #D7D3D3 33%, rgba(255, 255, 255, 0) 0%);
  background-position: center;
  background-size: 20px 1px;
  background-repeat: repeat-x;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dashed-title.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dashed-title.center h3 {
  padding: 0 10px;
}

.dashed-title.left h3 {
  padding-right: 10px;
}

.dashed-title.right h3 {
  padding-left: 10px;
}

.dashed-title h3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.dashed-title .cta-group {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}

    .dashed-title .cta-group > div, .dashed-title .cta-group > a {
        padding: 0 10px;
        background: var(--mud-palette-background);
    }

@media (max-width: 768px) {
  form .dashed-title {
    margin-bottom: 0px;
  }
}

form > .required {
  position: relative;
}

form > .required::after {
  content: "* Champs obligatoires";
  font-family: "Montserrat";
  font-size: 12px;
  font-style: italic;
  font-weight: 500;
  color: #787878;
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

form .totop {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 40px auto 0;
}

.pointer {
  cursor: pointer;
}

.mh-auto {
  margin-left: auto;
  margin-right: auto;
}

.mv-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.ml-65 {
  margin-left: 65px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.ml-85 {
  margin-left: 85px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.ml-95 {
  margin-left: 95px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mr-85 {
  margin-right: 85px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.mr-95 {
  margin-right: 95px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

@media (max-width: 992px) {
  .ml-lg-0 {
    margin-left: 0px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-5 {
    margin-left: 5px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-10 {
    margin-left: 10px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-15 {
    margin-left: 15px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-20 {
    margin-left: 20px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-25 {
    margin-left: 25px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-30 {
    margin-left: 30px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-35 {
    margin-left: 35px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-40 {
    margin-left: 40px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-45 {
    margin-left: 45px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-50 {
    margin-left: 50px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-55 {
    margin-left: 55px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-60 {
    margin-left: 60px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-65 {
    margin-left: 65px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-70 {
    margin-left: 70px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-75 {
    margin-left: 75px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-80 {
    margin-left: 80px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-85 {
    margin-left: 85px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-90 {
    margin-left: 90px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-95 {
    margin-left: 95px !important;
  }
}

@media (max-width: 992px) {
  .ml-lg-100 {
    margin-left: 100px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-0 {
    margin-right: 0px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-5 {
    margin-right: 5px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-10 {
    margin-right: 10px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-15 {
    margin-right: 15px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-20 {
    margin-right: 20px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-25 {
    margin-right: 25px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-30 {
    margin-right: 30px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-35 {
    margin-right: 35px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-40 {
    margin-right: 40px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-45 {
    margin-right: 45px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-50 {
    margin-right: 50px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-55 {
    margin-right: 55px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-60 {
    margin-right: 60px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-65 {
    margin-right: 65px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-70 {
    margin-right: 70px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-75 {
    margin-right: 75px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-80 {
    margin-right: 80px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-85 {
    margin-right: 85px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-90 {
    margin-right: 90px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-95 {
    margin-right: 95px !important;
  }
}

@media (max-width: 992px) {
  .mr-lg-100 {
    margin-right: 100px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-0 {
    margin-top: 0px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-5 {
    margin-top: 5px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-10 {
    margin-top: 10px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-15 {
    margin-top: 15px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-20 {
    margin-top: 20px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-25 {
    margin-top: 25px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-30 {
    margin-top: 30px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-35 {
    margin-top: 35px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-40 {
    margin-top: 40px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-45 {
    margin-top: 45px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-50 {
    margin-top: 50px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-55 {
    margin-top: 55px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-60 {
    margin-top: 60px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-65 {
    margin-top: 65px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-70 {
    margin-top: 70px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-75 {
    margin-top: 75px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-80 {
    margin-top: 80px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-85 {
    margin-top: 85px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-90 {
    margin-top: 90px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-95 {
    margin-top: 95px !important;
  }
}

@media (max-width: 992px) {
  .mt-lg-100 {
    margin-top: 100px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-0 {
    margin-bottom: 0px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-5 {
    margin-bottom: 5px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-10 {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-15 {
    margin-bottom: 15px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-20 {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-25 {
    margin-bottom: 25px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-30 {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-35 {
    margin-bottom: 35px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-40 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-45 {
    margin-bottom: 45px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-50 {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-55 {
    margin-bottom: 55px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-60 {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-65 {
    margin-bottom: 65px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-70 {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-75 {
    margin-bottom: 75px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-80 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-85 {
    margin-bottom: 85px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-90 {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-95 {
    margin-bottom: 95px !important;
  }
}

@media (max-width: 992px) {
  .mb-lg-100 {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-0 {
    margin-left: 0px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-5 {
    margin-left: 5px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-10 {
    margin-left: 10px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-15 {
    margin-left: 15px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-20 {
    margin-left: 20px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-25 {
    margin-left: 25px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-30 {
    margin-left: 30px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-35 {
    margin-left: 35px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-40 {
    margin-left: 40px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-45 {
    margin-left: 45px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-50 {
    margin-left: 50px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-55 {
    margin-left: 55px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-60 {
    margin-left: 60px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-65 {
    margin-left: 65px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-70 {
    margin-left: 70px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-75 {
    margin-left: 75px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-80 {
    margin-left: 80px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-85 {
    margin-left: 85px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-90 {
    margin-left: 90px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-95 {
    margin-left: 95px !important;
  }
}

@media (max-width: 768px) {
  .ml-md-100 {
    margin-left: 100px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-0 {
    margin-right: 0px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-5 {
    margin-right: 5px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-10 {
    margin-right: 10px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-15 {
    margin-right: 15px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-20 {
    margin-right: 20px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-25 {
    margin-right: 25px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-30 {
    margin-right: 30px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-35 {
    margin-right: 35px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-40 {
    margin-right: 40px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-45 {
    margin-right: 45px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-50 {
    margin-right: 50px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-55 {
    margin-right: 55px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-60 {
    margin-right: 60px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-65 {
    margin-right: 65px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-70 {
    margin-right: 70px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-75 {
    margin-right: 75px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-80 {
    margin-right: 80px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-85 {
    margin-right: 85px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-90 {
    margin-right: 90px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-95 {
    margin-right: 95px !important;
  }
}

@media (max-width: 768px) {
  .mr-md-100 {
    margin-right: 100px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-0 {
    margin-top: 0px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-5 {
    margin-top: 5px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-10 {
    margin-top: 10px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-15 {
    margin-top: 15px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-20 {
    margin-top: 20px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-25 {
    margin-top: 25px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-30 {
    margin-top: 30px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-35 {
    margin-top: 35px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-40 {
    margin-top: 40px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-45 {
    margin-top: 45px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-50 {
    margin-top: 50px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-55 {
    margin-top: 55px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-60 {
    margin-top: 60px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-65 {
    margin-top: 65px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-70 {
    margin-top: 70px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-75 {
    margin-top: 75px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-80 {
    margin-top: 80px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-85 {
    margin-top: 85px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-90 {
    margin-top: 90px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-95 {
    margin-top: 95px !important;
  }
}

@media (max-width: 768px) {
  .mt-md-100 {
    margin-top: 100px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-5 {
    margin-bottom: 5px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-10 {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-15 {
    margin-bottom: 15px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-25 {
    margin-bottom: 25px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-30 {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-35 {
    margin-bottom: 35px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-45 {
    margin-bottom: 45px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-50 {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-55 {
    margin-bottom: 55px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-60 {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-65 {
    margin-bottom: 65px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-70 {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-75 {
    margin-bottom: 75px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-80 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-85 {
    margin-bottom: 85px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-90 {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-95 {
    margin-bottom: 95px !important;
  }
}

@media (max-width: 768px) {
  .mb-md-100 {
    margin-bottom: 100px !important;
  }
}

.pl-0 {
  padding-left: 0px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pl-55 {
  padding-left: 55px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pl-65 {
  padding-left: 65px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.pl-75 {
  padding-left: 75px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pl-85 {
  padding-left: 85px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.pl-95 {
  padding-left: 95px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pr-55 {
  padding-right: 55px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pr-65 {
  padding-right: 65px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.pr-75 {
  padding-right: 75px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pr-85 {
  padding-right: 85px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.pr-95 {
  padding-right: 95px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-65 {
  padding-top: 65px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-85 {
  padding-top: 85px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pt-95 {
  padding-top: 95px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-85 {
  padding-bottom: 85px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

@media (max-width: 992px) {
  .pl-lg-0 {
    padding-left: 0px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-5 {
    padding-left: 5px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-10 {
    padding-left: 10px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-15 {
    padding-left: 15px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-20 {
    padding-left: 20px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-25 {
    padding-left: 25px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-30 {
    padding-left: 30px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-35 {
    padding-left: 35px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-40 {
    padding-left: 40px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-45 {
    padding-left: 45px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-50 {
    padding-left: 50px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-55 {
    padding-left: 55px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-60 {
    padding-left: 60px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-65 {
    padding-left: 65px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-70 {
    padding-left: 70px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-75 {
    padding-left: 75px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-80 {
    padding-left: 80px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-85 {
    padding-left: 85px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-90 {
    padding-left: 90px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-95 {
    padding-left: 95px !important;
  }
}

@media (max-width: 992px) {
  .pl-lg-100 {
    padding-left: 100px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-0 {
    padding-right: 0px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-5 {
    padding-right: 5px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-10 {
    padding-right: 10px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-15 {
    padding-right: 15px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-20 {
    padding-right: 20px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-25 {
    padding-right: 25px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-30 {
    padding-right: 30px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-35 {
    padding-right: 35px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-40 {
    padding-right: 40px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-45 {
    padding-right: 45px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-50 {
    padding-right: 50px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-55 {
    padding-right: 55px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-60 {
    padding-right: 60px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-65 {
    padding-right: 65px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-70 {
    padding-right: 70px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-75 {
    padding-right: 75px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-80 {
    padding-right: 80px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-85 {
    padding-right: 85px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-90 {
    padding-right: 90px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-95 {
    padding-right: 95px !important;
  }
}

@media (max-width: 992px) {
  .pr-lg-100 {
    padding-right: 100px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-0 {
    padding-top: 0px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-5 {
    padding-top: 5px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-10 {
    padding-top: 10px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-15 {
    padding-top: 15px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-20 {
    padding-top: 20px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-25 {
    padding-top: 25px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-30 {
    padding-top: 30px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-35 {
    padding-top: 35px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-40 {
    padding-top: 40px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-45 {
    padding-top: 45px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-50 {
    padding-top: 50px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-55 {
    padding-top: 55px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-60 {
    padding-top: 60px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-65 {
    padding-top: 65px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-70 {
    padding-top: 70px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-75 {
    padding-top: 75px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-80 {
    padding-top: 80px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-85 {
    padding-top: 85px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-90 {
    padding-top: 90px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-95 {
    padding-top: 95px !important;
  }
}

@media (max-width: 992px) {
  .pt-lg-100 {
    padding-top: 100px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-0 {
    padding-bottom: 0px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-5 {
    padding-bottom: 5px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-10 {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-15 {
    padding-bottom: 15px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-20 {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-25 {
    padding-bottom: 25px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-30 {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-35 {
    padding-bottom: 35px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-40 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-45 {
    padding-bottom: 45px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-50 {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-55 {
    padding-bottom: 55px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-60 {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-65 {
    padding-bottom: 65px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-70 {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-75 {
    padding-bottom: 75px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-80 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-85 {
    padding-bottom: 85px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-90 {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-95 {
    padding-bottom: 95px !important;
  }
}

@media (max-width: 992px) {
  .pb-lg-100 {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-0 {
    padding-left: 0px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-5 {
    padding-left: 5px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-10 {
    padding-left: 10px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-15 {
    padding-left: 15px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-20 {
    padding-left: 20px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-25 {
    padding-left: 25px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-30 {
    padding-left: 30px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-35 {
    padding-left: 35px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-40 {
    padding-left: 40px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-45 {
    padding-left: 45px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-50 {
    padding-left: 50px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-55 {
    padding-left: 55px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-60 {
    padding-left: 60px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-65 {
    padding-left: 65px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-70 {
    padding-left: 70px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-75 {
    padding-left: 75px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-80 {
    padding-left: 80px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-85 {
    padding-left: 85px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-90 {
    padding-left: 90px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-95 {
    padding-left: 95px !important;
  }
}

@media (max-width: 768px) {
  .pl-md-100 {
    padding-left: 100px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-0 {
    padding-right: 0px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-5 {
    padding-right: 5px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-10 {
    padding-right: 10px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-15 {
    padding-right: 15px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-20 {
    padding-right: 20px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-25 {
    padding-right: 25px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-30 {
    padding-right: 30px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-35 {
    padding-right: 35px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-40 {
    padding-right: 40px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-45 {
    padding-right: 45px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-50 {
    padding-right: 50px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-55 {
    padding-right: 55px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-60 {
    padding-right: 60px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-65 {
    padding-right: 65px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-70 {
    padding-right: 70px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-75 {
    padding-right: 75px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-80 {
    padding-right: 80px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-85 {
    padding-right: 85px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-90 {
    padding-right: 90px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-95 {
    padding-right: 95px !important;
  }
}

@media (max-width: 768px) {
  .pr-md-100 {
    padding-right: 100px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-0 {
    padding-top: 0px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-5 {
    padding-top: 5px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-10 {
    padding-top: 10px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-15 {
    padding-top: 15px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-20 {
    padding-top: 20px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-25 {
    padding-top: 25px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-30 {
    padding-top: 30px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-35 {
    padding-top: 35px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-40 {
    padding-top: 40px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-45 {
    padding-top: 45px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-50 {
    padding-top: 50px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-55 {
    padding-top: 55px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-60 {
    padding-top: 60px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-65 {
    padding-top: 65px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-70 {
    padding-top: 70px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-75 {
    padding-top: 75px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-80 {
    padding-top: 80px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-85 {
    padding-top: 85px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-90 {
    padding-top: 90px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-95 {
    padding-top: 95px !important;
  }
}

@media (max-width: 768px) {
  .pt-md-100 {
    padding-top: 100px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-0 {
    padding-bottom: 0px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-5 {
    padding-bottom: 5px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-10 {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-15 {
    padding-bottom: 15px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-20 {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-25 {
    padding-bottom: 25px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-30 {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-35 {
    padding-bottom: 35px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-40 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-45 {
    padding-bottom: 45px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-50 {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-55 {
    padding-bottom: 55px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-60 {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-65 {
    padding-bottom: 65px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-70 {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-75 {
    padding-bottom: 75px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-80 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-85 {
    padding-bottom: 85px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-90 {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-95 {
    padding-bottom: 95px !important;
  }
}

@media (max-width: 768px) {
  .pb-md-100 {
    padding-bottom: 100px !important;
  }
}

/* Components */
header {
    position: relative;
    height: 150px;
    background: var(--mud-palette-background);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 10;
}

header.planning-header {
  height: 110px;
  z-index: auto;
}

@media (max-width: 768px) {
  header.planning-header {
    height: 130px;
  }
}

header.planning-header .icon {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header.planning-header .icon .modal {
  cursor: auto;
}

header.planning-header .icon .modal .dataTables_wrapper {
  position: static;
}

header.planning-header .icon .modal .dataTables_wrapper .legend-modal-parent .legend-modal {
  left: 5px;
  max-width: calc(100% - 10px);
}

@media (max-width: 768px) {
  header.planning-header .icon .modal .dataTables_wrapper .legend-modal-parent .legend-modal {
    left: 35px;
    max-width: calc(100% - 70px);
  }
}

@media (max-width: 768px) {
  header.planning-header .icon .modal .dataTables_wrapper .legend-modal-parent {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

header.planning-header .modal {
  z-index: 10;
}

header.planning-header .planning-menu {
  position: fixed;
  top: 0;
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 60px;
  padding: 0 15px;
  z-index: 11;
}

@media (max-width: 768px) {
  header.planning-header .planning-menu {
    padding: 40px 15px 0;
    height: 90px;
  }
}

header.planning-header .planning-menu .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 15px;
          column-gap: 15px;
}

@media (max-width: 768px) {
  header.planning-header .planning-menu .container.gap-md-10 {
    -webkit-column-gap: 10px;
            column-gap: 10px;
  }
}

header.planning-header .planning-menu .container .icon {
  height: 70%;
}

header.planning-header .planning-menu .container hr {
  background: #E2E2E2;
  height: 20px;
  width: 2px;
}

header.planning-header .planning-menu .container .switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: inset 0 0 0 1px var(--mud-palette-primary);
          box-shadow: inset 0 0 0 1px var(--mud-palette-primary);
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}

header.planning-header .planning-menu .container .switch span {
  padding: 6px 9px;
}

header.planning-header .planning-menu .container .switch span.active {
  color: #fff;
  background: var(--mud-palette-primary);
}

header.planning-header .planning-menu .container .switch span.active:first-child {
  border-radius: 0px 6px 6px 0px;
}

header.planning-header .planning-menu .container .switch span.active:last-child {
  border-radius: 6px 0px 0px 6px;
}

header.planning-header .planning-menu .container .association, header.planning-header .planning-menu .container .environment {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  header.planning-header .planning-menu .container .association, header.planning-header .planning-menu .container .environment {
    position: absolute;
    top: 0;
    height: 40px;
    width: 50%;
    margin: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 10px;
    z-index: 2;
    background: #FFFFFF;
  }
}

header.planning-header .planning-menu .container .association .label, header.planning-header .planning-menu .container .environment .label {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 25px;
}

@media (max-width: 1200px) {
  header.planning-header .planning-menu .container .association .label, header.planning-header .planning-menu .container .environment .label {
    padding-right: 18px;
  }
}

@media (max-width: 768px) {
  header.planning-header .planning-menu .container .association .label, header.planning-header .planning-menu .container .environment .label {
    position: static;
    padding-right: 25px;
  }
}

header.planning-header .planning-menu .container .association .label::after, header.planning-header .planning-menu .container .environment .label::after {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.88 1.29L6 5.17L2.12 1.29C1.73 0.899998 1.1 0.899998 0.710003 1.29C0.320003 1.68 0.320003 2.31 0.710003 2.7L5.3 7.29C5.69 7.68 6.32 7.68 6.71 7.29L11.3 2.7C11.69 2.31 11.69 1.68 11.3 1.29C10.91 0.909998 10.27 0.899998 9.88 1.29Z" fill="%23241464"/></svg>');
  width: 12px;
  height: 8px;
  position: absolute;
  right: 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

@media (max-width: 768px) {
  header.planning-header .planning-menu .container .association .label::after, header.planning-header .planning-menu .container .environment .label::after {
    right: 10px;
  }
}

@media (max-width: 1200px) {
  header.planning-header .planning-menu .container .association .label, header.planning-header .planning-menu .container .environment .label {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  header.planning-header .planning-menu .container .association .label, header.planning-header .planning-menu .container .environment .label {
    font-size: 12px;
  }
}

header.planning-header .planning-menu .container .association .content, header.planning-header .planning-menu .container .environment .content {
    position: absolute;
    top: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 30px;
    background: var(--mud-palette-background);
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

@media (max-width: 768px) {
  header.planning-header .planning-menu .container .association .content, header.planning-header .planning-menu .container .environment .content {
    z-index: 1;
    width: 100vw;
    top: 100%;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

header.planning-header .planning-menu .container .association .content a, header.planning-header .planning-menu .container .environment .content a {
  padding: 15px 0;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

header.planning-header .planning-menu .container .association .content a:hover, header.planning-header .planning-menu .container .environment .content a:hover {
  color: var(--mud-palette-secondary);
}

header.planning-header .planning-menu .container .association:hover .label::after, header.planning-header .planning-menu .container .environment:hover .label::after {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}

header.planning-header .planning-menu .container .association:hover .content, header.planning-header .planning-menu .container .environment:hover .content {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 768px) {
  header.planning-header .planning-menu .container .association {
    left: 0;
  }
}

@media (max-width: 768px) {
  header.planning-header .planning-menu .container .association .content {
    left: 0;
  }
}

@media (max-width: 768px) {
  header.planning-header .planning-menu .container .environment {
    right: 0;
  }
}

@media (max-width: 768px) {
  header.planning-header .planning-menu .container .environment .content {
    right: 0;
  }
}

header.planning-header .planning-menu .container .menu {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 768px) {
  header.planning-header .planning-menu .container .menu {
    position: static;
  }
}

header.planning-header .planning-menu .container .menu .burger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  position: relative;
  row-gap: 3px;
}

header.planning-header .planning-menu .container .menu .burger span {
  background: var(--mud-palette-primary);
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  height: 2px;
  width: 18px;
}

header.planning-header .planning-menu .container .menu .content {
    position: absolute;
    width: 100%;
    height: calc(100vh - 60px);
    top: 100%;
    left: 0;
    padding: 50px;
    background: var(--mud-palette-background);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-box-shadow: inset 0px 25px 10px -20px rgba(0, 0, 0, 0.1), 0px 4px 15px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 25px 10px -20px rgba(0, 0, 0, 0.1), 0px 4px 15px rgba(0, 0, 0, 0.1);
    -webkit-transition: 1s;
    transition: 1s;
    overflow-y: auto;
}

@media (max-width: 768px) {
  header.planning-header .planning-menu .container .menu .content {
    height: calc(100vh - 90px);
    padding: 30px 30px 50px;
  }
}

header.planning-header .planning-menu .container .menu .content .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden auto;
}

header.planning-header .planning-menu .container .menu .content .wrapper::-webkit-scrollbar {
  display: none;
}

header.planning-header .planning-menu .container .menu .content .wrapper div.open > h3::after,
header.planning-header .planning-menu .container .menu .content .wrapper li.open > h3::after {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}

header.planning-header .planning-menu .container .menu .content .wrapper div.open > h3::before,
header.planning-header .planning-menu .container .menu .content .wrapper li.open > h3::before {
  display: block;
}

header.planning-header .planning-menu .container .menu .content .wrapper div.open > ul,
header.planning-header .planning-menu .container .menu .content .wrapper li.open > ul {
  display: block;
}

header.planning-header .planning-menu .container .menu .content .wrapper div {
  position: relative;
  margin-bottom: 10px;
}

header.planning-header .planning-menu .container .menu .content .wrapper div h3 {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
  cursor: pointer;
}

header.planning-header .planning-menu .container .menu .content .wrapper div h3::after {
  content: "";
  position: absolute;
  left: calc(100% + 15px);
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

header.planning-header .planning-menu .container .menu .content .wrapper div > h3 {
  padding: 0 0 10px 0;
}

header.planning-header .planning-menu .container .menu .content .wrapper div > h3::before {
  content: "";
  display: none;
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 1px;
  background: #D7D3D3;
}

header.planning-header .planning-menu .container .menu .content .wrapper div .current {
  color: var(--mud-palette-secondary);
}

header.planning-header .planning-menu .container .menu .content .wrapper div > ul {
  margin-bottom: 20px;
}

header.planning-header .planning-menu .container .menu .content .wrapper div > ul li.sub-menu {
  padding: 0;
}

header.planning-header .planning-menu .container .menu .content .wrapper div > ul li.sub-menu > ul {
  padding-left: 20px;
}

header.planning-header .planning-menu .container .menu .content .wrapper div > ul > li.sub-menu {
  position: relative;
  padding: 5px 0;
  margin: 5px 0;
}

header.planning-header .planning-menu .container .menu .content .wrapper div > ul > li.sub-menu + .sub-menu {
  margin-top: 0;
  padding-top: 0;
}

header.planning-header .planning-menu .container .menu .content .wrapper div > ul > li.sub-menu + .sub-menu::before {
  display: none;
}

header.planning-header .planning-menu .container .menu .content .wrapper div > ul > li.sub-menu::before, header.planning-header .planning-menu .container .menu .content .wrapper div > ul > li.sub-menu::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  background: #D7D3D3;
}

header.planning-header .planning-menu .container .menu .content .wrapper div > ul > li.sub-menu::before {
  top: 0;
}

header.planning-header .planning-menu .container .menu .content .wrapper div > ul > li.sub-menu::after {
  bottom: 0;
}

header.planning-header .planning-menu .container .menu .content .wrapper div ul {
  padding: 5px 0;
  display: none;
}

header.planning-header .planning-menu .container .menu .content .wrapper div ul li {
  list-style: none;
  padding: 5px 0;
}

header.planning-header .planning-menu .container .menu .content .credit {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

header.planning-header .planning-menu .container .menu.active .burger span:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(4px, 3px);
          transform: rotate(45deg) translate(4px, 3px);
}

header.planning-header .planning-menu .container .menu.active .burger span:nth-child(2) {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  opacity: 0;
}

header.planning-header .planning-menu .container .menu.active .burger span:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(4px, -3px);
          transform: rotate(-45deg) translate(4px, -3px);
}

header.planning-header .planning-menu .container .menu.active .content {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

header.planning-header .planning-menu .container .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-column-gap: 15px;
          column-gap: 15px;
}

@media (max-width: 768px) {
  header.planning-header .planning-menu .container .wrap {
    -webkit-column-gap: 10px;
            column-gap: 10px;
  }
}

@media (max-width: 1200px) {
  header.planning-header .planning-menu .container .wrap.active .options {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

header.planning-header .planning-menu .container .wrap .dots, header.planning-header .planning-menu .container .wrap .cross {
  cursor: pointer;
}

header.planning-header .planning-menu .container .wrap .options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-column-gap: 15px;
          column-gap: 15px;
  background: #FFFFFF;
}

@media (max-width: 1200px) {
  header.planning-header .planning-menu .container .wrap .options {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    position: absolute;
    width: 100%;
    right: 0;
    z-index: 1;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
}

@media (max-width: 768px) {
  header.planning-header .planning-menu .container .wrap .options {
    height: 50px;
  }
}

header.planning-header .planning-menu .container .wrap .account.active .profil {
  pointer-events: auto;
}

header.planning-header .planning-menu .container .wrap .account.active .profil .wrapper {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

header.planning-header .planning-menu .container .wrap .account > .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

header.planning-header .planning-menu .container .wrap .account > .label p {
  border-radius: 6px;
  background: rgba(36, 20, 100, 0.1);
  padding: 6px 10px;
  margin-right: 10px;
}

header.planning-header .planning-menu .container .wrap .account .profil {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  overflow: hidden;
  margin-bottom: 0;
  padding-bottom: 30px;
  pointer-events: none;
}

header.planning-header .planning-menu .container .wrap .account .profil .wrapper {
  background: #FFFFFF;
  padding: 25px 30px;
  -webkit-box-shadow: inset 0px 25px 10px -20px rgba(0, 0, 0, 0.1), 0px 4px 15px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0px 25px 10px -20px rgba(0, 0, 0, 0.1), 0px 4px 15px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: 1s;
  transition: 1s;
}

@media (max-width: 768px) {
  header.planning-header .planning-menu .container .wrap .account .profil .wrapper {
    padding-top: 40px;
  }
}

@media (max-width: 992px) {
  header.planning-header .planning-menu .container .wrap .account .profil .label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media (max-width: 992px) {
  header.planning-header .planning-menu .container .wrap .account .profil .label .caps {
    margin: 0 0 15px 0;
  }
}

header.planning-header .planning-menu .container .wrap .account .profil .cross {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

header.planning-header .planning-menu .container .wrap .account .profil .info {
  margin-bottom: 5px;
}

header.planning-header .planning-sub-menu {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  top: 60px;
  background: var(--mud-palette-primary);
  width: 100%;
  height: 50px;
  padding: 0 15px 0 0;
  z-index: 10;
}

header.planning-header .planning-sub-menu.overlay {
  z-index: 11;
}

@media (max-width: 768px) {
  header.planning-header .planning-sub-menu {
    height: 40px;
    top: 90px;
  }
}

@media (max-width: 992px) {
  header.planning-header .planning-sub-menu {
    padding: 0 10px 0 0;
  }
}

header.planning-header .planning-sub-menu hr {
  background: #FFFFFF;
  height: 20px;
  opacity: 0.25;
  width: 2px;
}

header.planning-header .planning-sub-menu > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
          column-gap: 10px;
}

@media (max-width: 992px) {
  header.planning-header .planning-sub-menu > .container {
    -webkit-column-gap: 8px;
            column-gap: 8px;
  }
}

header.planning-header .planning-sub-menu > .container .options {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header.planning-header .planning-sub-menu > .container .options .option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 15px;
  cursor: pointer;
}

@media (max-width: 992px) {
  header.planning-header .planning-sub-menu > .container .options .option {
    padding-left: 10px;
  }
}

header.planning-header .planning-sub-menu > .container .options .option hr {
  margin: 0 10px 0 13px;
}

header.planning-header .planning-sub-menu > .container .options:hover .content {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

header.planning-header .planning-sub-menu > .container .options .content {
  position: absolute;
  top: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: translateX(-105%);
          transform: translateX(-105%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

header.planning-header .planning-sub-menu > .container .options .content .option {
  background: var(--mud-palette-primary);
  padding: 15px;
}

header.planning-header .planning-sub-menu .icons-group {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 15px;
          column-gap: 15px;
}

header.planning-header .planning-sub-menu .icons-group .icon {
  height: 100%;
}

@media (max-width: 768px) {
  header.planning-header .planning-sub-menu .icons-group .icon > svg {
    height: 20px;
    width: auto;
  }
}

@media (max-width: 992px) {
  header.planning-header .planning-sub-menu .icons-group {
    position: absolute;
    right: 0;
    width: 10%;
    background: var(--mud-palette-primary);
    -webkit-column-gap: normal !important;
            column-gap: normal !important;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    overflow: hidden;
  }
  header.planning-header .planning-sub-menu .icons-group > .icon, header.planning-header .planning-sub-menu .icons-group .button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  header.planning-header .planning-sub-menu .icons-group.active {
    width: 100%;
  }
  header.planning-header .planning-sub-menu .icons-group.active .button {
    width: auto;
  }
  header.planning-header .planning-sub-menu .icons-group.active .button .dots {
    display: none;
  }
  header.planning-header .planning-sub-menu .icons-group.active .button .cross {
    display: block;
  }
}

header.planning-header .planning-sub-menu .icons-group .button {
  width: 100%;
  height: 100%;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

@media (max-width: 992px) {
  header.planning-header .planning-sub-menu .icons-group .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

header.planning-header .planning-sub-menu .icons-group .button .cross {
  display: none;
}

@media (max-width: 768px) {
  header {
    height: 160px;
  }
}

header .bar-menu {
    position: fixed;
    width: 100%;
    height: 100px;
    padding: 0 25px;
    background: var(--mud-palette-background);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}

@media (max-width: 1200px) {
  header .bar-menu {
    padding: 0 15px;
  }
}

@media (max-width: 768px) {
  header .bar-menu {
    padding: 40px 15px 0;
    height: 110px;
  }
}

header .bar-menu .logo {
  height: auto;
}

@media (max-width: 1200px) {
  header .bar-menu .logo {
    width: 200px;
  }
}

header .bar-menu .container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .bar-menu .container > * {
  margin-left: 25px;
}

@media (max-width: 1200px) {
  header .bar-menu .container > * {
    margin-left: 20px;
  }
}

@media (max-width: 768px) {
  header .bar-menu .container > * {
    margin-left: 25px;
  }
}

header .bar-menu .container .association, header .bar-menu .container .environment {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  header .bar-menu .container .association, header .bar-menu .container .environment {
    position: absolute;
    top: 0;
    height: 40px;
    width: 50%;
    margin: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 10px;
  }
}

header .bar-menu .container .association .label, header .bar-menu .container .environment .label {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 25px;
}

@media (max-width: 1200px) {
  header .bar-menu .container .association .label, header .bar-menu .container .environment .label {
    padding-right: 18px;
  }
}

@media (max-width: 768px) {
  header .bar-menu .container .association .label, header .bar-menu .container .environment .label {
    position: static;
    padding-right: 25px;
  }
}

header .bar-menu .container .association .label::after, header .bar-menu .container .environment .label::after {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.88 1.29L6 5.17L2.12 1.29C1.73 0.899998 1.1 0.899998 0.710003 1.29C0.320003 1.68 0.320003 2.31 0.710003 2.7L5.3 7.29C5.69 7.68 6.32 7.68 6.71 7.29L11.3 2.7C11.69 2.31 11.69 1.68 11.3 1.29C10.91 0.909998 10.27 0.899998 9.88 1.29Z" fill="%23241464"/></svg>');
  width: 12px;
  height: 8px;
  position: absolute;
  right: 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

@media (max-width: 768px) {
  header .bar-menu .container .association .label::after, header .bar-menu .container .environment .label::after {
    right: 10px;
  }
}

@media (max-width: 1200px) {
  header .bar-menu .container .association .label, header .bar-menu .container .environment .label {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  header .bar-menu .container .association .label, header .bar-menu .container .environment .label {
    font-size: 12px;
  }
}

header .bar-menu .container .association .content, header .bar-menu .container .environment .content {
    position: absolute;
    top: 80%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 30px;
    background: var(--mud-palette-background);
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

@media (max-width: 768px) {
  header .bar-menu .container .association .content, header .bar-menu .container .environment .content {
    z-index: 1;
    width: 100vw;
    top: 100%;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

header .bar-menu .container .association .content a, header .bar-menu .container .environment .content a {
  padding: 15px 0;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

header .bar-menu .container .association .content a:hover, header .bar-menu .container .environment .content a:hover {
  color: var(--mud-palette-secondary);
}

header .bar-menu .container .association:hover .label::after, header .bar-menu .container .environment:hover .label::after {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}

header .bar-menu .container .association:hover .content, header .bar-menu .container .environment:hover .content {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 768px) {
  header .bar-menu .container .association {
    left: 0;
  }
}

@media (max-width: 768px) {
  header .bar-menu .container .association .content {
    left: 0;
  }
}

@media (max-width: 768px) {
  header .bar-menu .container .environment {
    right: 0;
  }
}

@media (max-width: 768px) {
  header .bar-menu .container .environment .content {
    right: 0;
  }
}

header .bar-menu .container hr {
  background: #E2E2E2;
  height: 25px;
  opacity: 0.25;
  width: 2px;
}

header .bar-menu .container .notification {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  header .bar-menu .container .notification {
    position: static;
  }
}

header .bar-menu .container .notification .label {
  position: relative;
  padding-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

@media (max-width: 1200px) {
  header .bar-menu .container .notification .label {
    padding-right: 10px;
  }
}

header .bar-menu .container .notification .label svg {
  height: auto;
}

@media (max-width: 1200px) {
  header .bar-menu .container .notification .label svg {
    width: 15px;
  }
}

header .bar-menu .container .notification .label .number {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--mud-palette-primary);
  border-radius: 20px;
  width: 17px;
  height: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1200px) {
  header .bar-menu .container .notification .label .number {
    top: -3px;
  }
}

header .bar-menu .container .notification .content {
    position: absolute;
    top: 80%;
    max-height: 260px;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 30px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background: var(--mud-palette-background);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

@media (max-width: 768px) {
  header .bar-menu .container .notification .content {
    top: 100%;
    width: 100vw;
    left: 0;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

@media (max-width: 1200px) {
  header .bar-menu .container .notification .content {
    right: 0;
  }
}

header .bar-menu .container .notification .content .notif {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 110px 20px 0;
}

header .bar-menu .container .notification .content .notif .option {
  position: absolute;
  right: 0;
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .bar-menu .container .notification .content .notif .option p {
  text-align: right;
}

header .bar-menu .container .notification .content .notif .option .trash {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .bar-menu .container .notification .content .notif.seen p {
  color: #787878;
}

header .bar-menu .container .notification.active .content {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

header .bar-menu .container .menu {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 768px) {
  header .bar-menu .container .menu {
    position: static;
  }
}

header .bar-menu .container .menu .burger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  position: relative;
}

header .bar-menu .container .menu .burger span {
  background: var(--mud-palette-primary);
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  height: 3px;
  width: 30px;
}

@media (max-width: 1200px) {
  header .bar-menu .container .menu .burger span {
    width: 20px;
    height: 2px;
  }
}

header .bar-menu .container .menu .burger span:nth-child(2) {
  margin: 6px 0;
  -webkit-transform-origin: left;
          transform-origin: left;
}

@media (max-width: 1200px) {
  header .bar-menu .container .menu .burger span:nth-child(2) {
    margin: 4px 0;
  }
}

header .bar-menu .container .menu .content {
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 30px;
    background: var(--mud-palette-background);
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

@media (max-width: 768px) {
  header .bar-menu .container .menu .content {
    top: 100%;
    width: 100vw;
    left: 0;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

header .bar-menu .container .menu .content a {
  padding: 15px 0;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

header .bar-menu .container .menu .content a:hover {
  color: var(--mud-palette-secondary);
}

header .bar-menu .container .menu.active .burger span:nth-child(1) {
  transform: rotate(45deg) translate(7px, 6px);
  -webkit-transform: rotate(45deg) translate(7px, 6px);
  -moz-transform: rotate(45deg) translate(7px, 6px);
  -ms-transform: rotate(45deg) translate(7px, 6px);
  -o-transform: rotate(45deg) translate(7px, 6px);
}

@media (max-width: 1200px) {
  header .bar-menu .container .menu.active .burger span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 4px);
    -webkit-transform: rotate(45deg) translate(5px, 4px);
    -moz-transform: rotate(45deg) translate(5px, 4px);
    -ms-transform: rotate(45deg) translate(5px, 4px);
    -o-transform: rotate(45deg) translate(5px, 4px);
  }
}

header .bar-menu .container .menu.active .burger span:nth-child(2) {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  opacity: 0;
}

header .bar-menu .container .menu.active .burger span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -6px);
  -webkit-transform: rotate(-45deg) translate(7px, -6px);
  -moz-transform: rotate(-45deg) translate(7px, -6px);
  -ms-transform: rotate(-45deg) translate(7px, -6px);
  -o-transform: rotate(-45deg) translate(7px, -6px);
}

@media (max-width: 1200px) {
  header .bar-menu .container .menu.active .burger span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -4px);
    -webkit-transform: rotate(-45deg) translate(5px, -4px);
    -moz-transform: rotate(-45deg) translate(5px, -4px);
    -ms-transform: rotate(-45deg) translate(5px, -4px);
    -o-transform: rotate(-45deg) translate(5px, -4px);
  }
}

header .bar-menu .container .menu.active .content {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

header .bar-menu .container .account {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media (max-width: 768px) {
  header .bar-menu .container .account {
    position: static;
  }
}

header .bar-menu .container .account .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  background: rgba(36, 20, 100, 0.15);
  padding: 12px 12px 12px 16px;
  cursor: pointer;
}

@media (max-width: 1200px) {
  header .bar-menu .container .account .label {
    padding: 0;
    width: 40px;
    height: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

header .bar-menu .container .account .content {
  padding: 30px 20px 20px;
  position: absolute;
  opacity: 0;
  right: 0;
  top: 80%;
  width: 375px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  pointer-events: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
  header .bar-menu .container .account .content {
    top: 100%;
    width: 100vw;
    left: 0;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

header .bar-menu .container .account .content hr {
  width: 100%;
  height: 1px;
  background: var(--mud-palette-background-gray);
  margin: 30px 0 20px;
}

header .bar-menu .container .account .content img {
  width: auto;
  height: auto;
  max-height: 40px;
  max-width: 160px;
}

header .bar-menu .container .account .content .user {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding-right: 40px;
  margin-bottom: 20px;
}

header .bar-menu .container .account .content .user .edit {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .bar-menu .container .account .content .option {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

header .bar-menu .container .account .content .option .disconnect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .bar-menu .container .account:hover .content {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}

header .bar-sub-menu {
  position: fixed;
  top: 100px;
  width: 100%;
}

@media (max-width: 768px) {
  header .bar-sub-menu {
    top: 110px;
  }
}

header .bar-sub-menu .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  height: 50px;
  background: var(--mud-palette-primary);
}

header .bar-sub-menu .label .burger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  position: relative;
}

    header .bar-sub-menu .label .burger span {
        background: var(--mud-palette-background);
        border-radius: 5px;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        height: 2px;
        width: 18px;
    }

header .bar-sub-menu .label .burger span:nth-child(2) {
  margin: 3px 0;
  -webkit-transform-origin: left;
          transform-origin: left;
}

    header .bar-sub-menu .label hr {
        opacity: 0.25;
        width: 2px;
        height: 100%;
        margin: 0 15px;
        background: var(--mud-palette-background);
    }

header .bar-sub-menu .label .breadcrumb-trail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

header .bar-sub-menu .label .breadcrumb-trail .arrow {
  padding: 0;
}

header .bar-sub-menu .label .breadcrumb-trail a, header .bar-sub-menu .label .breadcrumb-trail p {
  padding: 0 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

header .bar-sub-menu .label .breadcrumb-trail a span, header .bar-sub-menu .label .breadcrumb-trail p span {
  position: absolute;
  left: 0;
}

header .bar-sub-menu .sub-menu {
  position: absolute;
  top: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25))), var(--mud-palette-primary);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), var(--mud-palette-primary);
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 768px) {
  header .bar-sub-menu .sub-menu {
    height: calc(100vh - 160px);
    overflow: auto;
  }
}

header .bar-sub-menu .sub-menu .grid {
  padding: 15px 0;
}

header .bar-sub-menu .sub-menu .grid .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 25px 40px;
}

    header .bar-sub-menu .sub-menu .grid .wrap hr {
        margin: 10px 0;
        opacity: 0.25;
        width: 30px;
        height: 2px;
        background: var(--mud-palette-background);
    }

header .bar-sub-menu .sub-menu .grid .wrap a {
  padding: 3px 0;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

header .bar-sub-menu .sub-menu .grid .wrap a:hover {
  color: var(--mud-palette-secondary);
}

header .bar-sub-menu.active .label .burger span:nth-child(1) {
  transform: rotate(45deg) translate(4px, 3px);
  -webkit-transform: rotate(45deg) translate(4px, 3px);
  -moz-transform: rotate(45deg) translate(4px, 3px);
  -ms-transform: rotate(45deg) translate(4px, 3px);
  -o-transform: rotate(45deg) translate(4px, 3px);
}

header .bar-sub-menu.active .label .burger span:nth-child(2) {
  transform: scaleX(0);
  opacity: 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
}

header .bar-sub-menu.active .label .burger span:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -3px);
  -webkit-transform: rotate(-45deg) translate(4px, -3px);
  -moz-transform: rotate(-45deg) translate(4px, -3px);
  -ms-transform: rotate(-45deg) translate(4px, -3px);
  -o-transform: rotate(-45deg) translate(4px, -3px);
}

header .bar-sub-menu.active .sub-menu {
  opacity: 1;
  pointer-events: auto;
}

header .bar-alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 100%;
  width: 100%;
  height: 50px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(36, 20, 100, 0.15)), to(rgba(36, 20, 100, 0.15))), #FFFFFF;
  background: linear-gradient(0deg, rgba(36, 20, 100, 0.15), rgba(36, 20, 100, 0.15)), #FFFFFF;
  z-index: -1;
  padding: 0 15px;
  text-align: center;
}

main {
  padding: 80px 75px 0;
}

@media (max-width: 768px) {
  main {
    padding: 80px 25px 0;
  }
}

.banner {
  position: relative;
  padding-left: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 20px;
}

.banner.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.banner.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 992px) {
  .banner {
    padding-left: 0;
  }
}

.banner .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 17px 0;
}

@media (max-width: 992px) {
  .banner .title {
    padding: 70px 0 10px;
  }
}

.banner .title .picto {
  position: absolute;
  left: 0;
  top: 0;
  height: 60px;
  width: auto;
}

.banner .title hr {
  margin-left: 20px;
  height: 20px;
}

.banner .title .bookmark {
  margin-left: 25px;
  cursor: pointer;
}

.banner .title .bookmark svg path {
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.banner .title .bookmark.active svg path, .banner .title .bookmark:hover svg path {
  fill: var(--mud-palette-primary);
}

.banner .progress-bar {
  width: 260px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media (max-width: 992px) {
  .banner .progress-bar {
    position: relative;
    margin-left: 0;
  }
}

.banner .progress-bar .background {
  width: 100%;
  background: #E8E8E8;
}

.banner .progress-bar .background, .banner .progress-bar .background .fill {
  height: 100%;
  border-radius: 10px;
}

.banner .progress-bar .background .fill {
  background: var(--mud-palette-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.banner .sub-title .link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 992px) {
  .banner .sub-title .link-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.banner .sub-title .link-list > hr {
  height: 15px;
}

@media (max-width: 992px) {
  .banner .sub-title .link-list > hr {
    width: 15px;
    height: 2px;
    margin-left: 10px;
  }
}

.banner .sub-title .link-list > a {
  padding: 0 15px 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.banner .sub-title .link-list > a, .banner .sub-title .link-list > a::after {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

@media (max-width: 992px) {
  .banner .sub-title .link-list > a {
    padding: 10px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.banner .sub-title .link-list > a.active, .banner .sub-title .link-list > a:hover {
  color: var(--mud-palette-primary);
}

.banner .sub-title .link-list > a.active:after, .banner .sub-title .link-list > a:hover:after {
  width: 100%;
}

@media (max-width: 992px) {
  .banner .sub-title .link-list > a.active:after, .banner .sub-title .link-list > a:hover:after {
    width: 2px;
    height: 100%;
  }
}

.banner .sub-title .link-list > a::after {
  content: "";
  position: absolute;
  background: var(--mud-palette-primary);
  bottom: 0;
  width: 0%;
  height: 3px;
}

@media (max-width: 992px) {
  .banner .sub-title .link-list > a::after {
    left: 0;
    height: 0%;
    width: 2px;
  }
}

.banner .sub-title .link-list .responsive-modal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.banner .sub-title .link-list .responsive-modal .dots {
  padding: 0 15px;
  cursor: pointer;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

    .banner .sub-title .link-list .responsive-modal .content {
        position: absolute;
        top: 30px;
        background: var(--mud-palette-background);
        padding: 30px;
        z-index: 5;
        -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        transform: translateY(40px);
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        opacity: 0;
        pointer-events: none;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
    }

.banner .sub-title .link-list .responsive-modal .content a {
  white-space: nowrap;
  position: relative;
}

.banner .sub-title .link-list .responsive-modal .content a, .banner .sub-title .link-list .responsive-modal .content a::after {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.banner .sub-title .link-list .responsive-modal .content a.active, .banner .sub-title .link-list .responsive-modal .content a:hover {
  color: var(--mud-palette-primary);
}

.banner .sub-title .link-list .responsive-modal .content a.active:after, .banner .sub-title .link-list .responsive-modal .content a:hover:after {
  width: 2px;
  height: 100%;
}

.banner .sub-title .link-list .responsive-modal .content a::after {
  content: "";
  position: absolute;
  background: var(--mud-palette-primary);
  bottom: 0;
  right: -10px;
  height: 0%;
  width: 2px;
}

.banner .sub-title .link-list .responsive-modal .content hr {
  margin: 15px 0;
  width: 100%;
  height: 2px;
  background: var(--mud-palette-background-gray);
}

.banner .sub-title .link-list .responsive-modal.active .content {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.banner .cta-group {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 992px) {
  .banner .cta-group {
    top: 15px;
  }
}

.banner hr {
  width: 2px;
  background: #E2E2E2;
}

.search-person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.search-person > * {
  margin-left: 20px;
}

@media (max-width: 768px) {
  .search-person .search-control {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 60px;
    padding: 0 100px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    background: var(--mud-palette-primary);
    z-index: 5;
    margin: 0;
  }
  .search-person .search-control a svg path {
    fill: #fff;
  }
  .search-person .search-control input {
    background: var(--mud-palette-primary);
    color: #fff;
  }
  .search-person .search-control input::-webkit-input-placeholder {
    color: #fff;
  }
  .search-person .search-control input:-ms-input-placeholder {
    color: #fff;
  }
  .search-person .search-control input::-ms-input-placeholder {
    color: #fff;
  }
  .search-person .search-control input::placeholder {
    color: #fff;
  }
}

.search-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.search-control a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-control > * {
  margin: 0 3px;
}

@media (max-width: 576px) {
  .search-control > * {
    margin: 0 2px;
  }
}

.search-control input {
  border: none;
  background: transparent;
  text-align: center;
  width: 110px;
  height: 24px;
}

.search-control input::-webkit-input-placeholder {
  color: var(--mud-palette-primary);
}

.search-control input:-ms-input-placeholder {
  color: var(--mud-palette-primary);
}

.search-control input::-ms-input-placeholder {
  color: var(--mud-palette-primary);
}

.search-control input::placeholder {
  color: var(--mud-palette-primary);
}

.search-control input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.search-control input:focus:-ms-input-placeholder {
  opacity: 0;
}

.search-control input:focus::-ms-input-placeholder {
  opacity: 0;
}

.search-control input:focus::placeholder {
  opacity: 0;
}

.search-cta {
  width: 45px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--mud-palette-primary);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

@media (max-width: 768px) {
  .search-person-body .cta-side, .search-person-body .form-options {
    bottom: 80px;
  }
  .search-person-body footer {
    bottom: 60px;
  }
}

@media (max-width: 768px) {
  .search-person-body-cta {
    padding-bottom: 240px;
  }
  .search-person-body-cta .cta-side, .search-person-body-cta .form-options {
    bottom: 80px;
  }
  .search-person-body-cta footer {
    bottom: 120px;
  }
}

.profil {
  margin-bottom: 20px;
}

.profil .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}

.profil .label .caps {
  margin-left: 20px;
}

.profil .info {
  margin-bottom: 10px;
}

.profil .md-only {
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .card.dashboard {
    width: 100%;
  }
}

.card.dashboard .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 260px;
    min-height: 260px;
    padding: 30px 30px 55px;
    background: var(--mud-palette-background);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

@media (max-width: 768px) {
  .card.dashboard .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    min-height: 100px;
    padding: 0 50px 0 100px !important;
  }
}

.card.dashboard .container > svg {
  height: 100px;
  width: auto;
  margin-bottom: 25px;
}

@media (max-width: 768px) {
  .card.dashboard .container > svg {
    position: absolute;
    left: 20px;
    height: 60px;
    margin-bottom: 0;
  }
}

.card.dashboard .container > p {
  text-align: center;
}

@media (max-width: 768px) {
  .card.dashboard .container > p {
    text-align: left;
    font-size: 12px;
  }
}

.card.dashboard .container .option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card.dashboard .container .option > * {
  position: absolute;
}

.card.dashboard .container .option .drag {
  top: 15px;
  left: 15px;
  cursor: -webkit-grab;
  cursor: grab;
}

@media (max-width: 768px) {
  .card.dashboard .container .option .drag {
    top: auto;
    bottom: 20px;
    left: auto;
    right: 20px;
  }
}

.card.dashboard .container .option .bookmark {
  top: 15px;
  right: 15px;
}

@media (max-width: 768px) {
  .card.dashboard .container .option .bookmark {
    top: 20px;
    right: 20px;
  }
}

.card.dashboard .container .option .bookmark svg path {
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.card.dashboard .container .option .bookmark:hover svg path {
  fill: var(--mud-palette-primary);
}

.card.dashboard .container .option .more {
  bottom: 30px;
}

.card.dashboard.add .container {
  box-shadow: none;
  -webkit-box-shadow: none;
  background: transparent;
  padding-top: 155px;
  border: 1px dashed #474747;
}

@media (max-width: 768px) {
  .card.dashboard.add .container > svg {
    left: 70px;
    height: 20px;
  }
}

.field.text .container, .field.date .container, .field.select .container, .field.password .container, .field.number .container {
  padding-top: 30px;
  position: relative;
}

@media (max-width: 768px) {
  .field.text .container, .field.date .container, .field.select .container, .field.password .container, .field.number .container {
    padding-top: 25px;
  }
}

.field.text .container label, .field.date .container label, .field.select .container label, .field.password .container label, .field.number .container label {
  position: absolute;
  top: 30px;
  left: 10px;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

@media (max-width: 768px) {
  .field.text .container label, .field.date .container label, .field.select .container label, .field.password .container label, .field.number .container label {
    top: 25px;
  }
}

@media (max-width: 768px) {
  .field.text-toggle .container input[type=text] {
    display: none;
  }
}

@media (max-width: 768px) {
  .field.text-toggle.active .container input[type=text] {
    display: block;
  }
}

@media (max-width: 768px) {
  .field.select-toggle .container select {
    display: none;
  }
}

@media (max-width: 768px) {
  .field.select-toggle.active .container select {
    display: block;
  }
}

.field.text-toggle .container, .field.select-toggle .container {
  padding-top: 30px;
  position: relative;
}

@media (max-width: 768px) {
  .field.text-toggle .container, .field.select-toggle .container {
    padding-top: 15px;
  }
}

.field.text-toggle .container div, .field.select-toggle .container div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 10px 0;
}

@media (max-width: 768px) {
  .field.text-toggle .container div, .field.select-toggle .container div {
    padding-left: 0;
  }
}

.field.text-toggle .container div input[type=checkbox], .field.select-toggle .container div input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  width: 33px;
  height: 18px;
}

.field.text-toggle .container div input[type=checkbox]:checked + svg rect, .field.select-toggle .container div input[type=checkbox]:checked + svg rect {
  fill: var(--mud-palette-primary);
}

.field.text-toggle .container div input[type=checkbox]:checked + svg circle, .field.select-toggle .container div input[type=checkbox]:checked + svg circle {
  transform: translateX(14px);
  -webkit-transform: translateX(14px);
  -moz-transform: translateX(14px);
  -ms-transform: translateX(14px);
  -o-transform: translateX(14px);
}

.field.text-toggle .container div input[type=checkbox]:checked ~ label, .field.select-toggle .container div input[type=checkbox]:checked ~ label {
  color: var(--mud-palette-primary);
}

.field.text-toggle .container div > *, .field.select-toggle .container div > * {
  cursor: pointer;
}

.field.text-toggle .container div svg, .field.select-toggle .container div svg {
  margin-right: 10px;
}

.field.text-toggle .container div label, .field.text-toggle .container div svg rect, .field.text-toggle .container div svg circle, .field.select-toggle .container div label, .field.select-toggle .container div svg rect, .field.select-toggle .container div svg circle {
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.field.text-toggle.annex-radio, .field.select-toggle.annex-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .field.text-toggle.annex-radio, .field.select-toggle.annex-radio {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.field.text-toggle.annex-radio .grid, .field.select-toggle.annex-radio .grid {
  margin-left: 15px;
  padding-top: 50px;
}

@media (max-width: 768px) {
  .field.text-toggle.annex-radio .grid, .field.select-toggle.annex-radio .grid {
    padding-top: 0;
    margin: 0 -15px;
  }
}

.field.text-toggle.annex-radio .grid .field, .field.select-toggle.annex-radio .grid .field {
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .field.text-toggle.annex-radio .grid .field, .field.select-toggle.annex-radio .grid .field {
    padding-top: 20px;
  }
}

.field.text-toggle.annex-radio .grid .field .container, .field.select-toggle.annex-radio .grid .field .container {
  padding: 0;
}

.field.text .container .link, .field.password .container .link {
  position: absolute;
  right: 10px;
  bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.field.text.annex, .field.select.annex, .field.number.annex {
  padding-bottom: 35px;
}

.field.text.annex .container span, .field.select.annex .container span, .field.number.annex .container span {
  position: absolute;
  left: 10px;
  top: calc(100% + 10px);
}

.field.text.annex .container input:-moz-read-only ~ span, .field.number.annex .container input:-moz-read-only ~ span {
  color: #787878;
}

.field.text.annex .container input:read-only ~ span, .field.number.annex .container input:read-only ~ span {
  color: #787878;
}

.field.password .container input[type=password] ~ .link .eye-disable {
  display: none;
}

.field.password .container input[type=text] ~ .link .eye-enable {
  display: none;
}

.field.password .container .link {
  right: 10px;
  bottom: 17px;
}

.field.checkbox .container, .field.radio .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px 0 20px 0;
}

@media (max-width: 768px) {
  .field.checkbox .container, .field.radio .container {
    padding: 45px 0 0;
  }
}

.field.checkbox .container input[type=checkbox], .field.checkbox .container input[type=radio], .field.radio .container input[type=checkbox], .field.radio .container input[type=radio] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.field.checkbox .container input[type=checkbox]:disabled, .field.checkbox .container input[type=radio]:disabled, .field.radio .container input[type=checkbox]:disabled, .field.radio .container input[type=radio]:disabled {
  pointer-events: none;
}

.field.checkbox .container input[type=checkbox]:disabled::before, .field.checkbox .container input[type=radio]:disabled::before, .field.radio .container input[type=checkbox]:disabled::before, .field.radio .container input[type=radio]:disabled::before {
  border-color: #787878;
}

.field.checkbox .container input[type=checkbox]:disabled::after, .field.checkbox .container input[type=radio]:disabled::after, .field.radio .container input[type=checkbox]:disabled::after, .field.radio .container input[type=radio]:disabled::after {
  background: #787878;
}

.field.checkbox .container input[type=checkbox]:disabled + label, .field.checkbox .container input[type=radio]:disabled + label, .field.radio .container input[type=checkbox]:disabled + label, .field.radio .container input[type=radio]:disabled + label {
  pointer-events: none;
}

.field.checkbox .container input[type=checkbox]::before, .field.checkbox .container input[type=radio]::before, .field.radio .container input[type=checkbox]::before, .field.radio .container input[type=radio]::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
}

.field.checkbox .container input[type=checkbox]::after, .field.checkbox .container input[type=radio]::after, .field.radio .container input[type=checkbox]::after, .field.radio .container input[type=radio]::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: currentColor;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.field.checkbox .container input[type=checkbox]:checked::after, .field.checkbox .container input[type=radio]:checked::after, .field.radio .container input[type=checkbox]:checked::after, .field.radio .container input[type=radio]:checked::after {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.field.radio .container input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.field.radio .container input[type=radio]::before, .field.radio .container input[type=radio]::after {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.field.textarea, .field.textarea-toggle {
  padding-top: 75px;
}

.field.textarea.small, .field.textarea-toggle.small {
  padding-top: 50px;
}

@media (max-width: 768px) {
  .field.textarea.small, .field.textarea-toggle.small {
    padding-top: 40px;
  }
}

.field.textarea.small .container textarea, .field.textarea-toggle.small .container textarea {
  height: 100px;
}

@media (max-width: 768px) {
  .field.textarea.small .container textarea, .field.textarea-toggle.small .container textarea {
    height: 200px;
  }
}

@media (max-width: 768px) {
  .field.textarea, .field.textarea-toggle {
    padding-top: 40px;
  }
}

.field.textarea .container, .field.textarea-toggle .container {
  position: relative;
}

.field.textarea .container > label, .field.textarea-toggle .container > label {
  position: absolute;
  top: -18px;
  left: 10px;
  padding: 10px;
  transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -moz-transform: translateY(25px);
  -ms-transform: translateY(25px);
  -o-transform: translateY(25px);
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.field.textarea .container textarea, .field.textarea-toggle .container textarea {
  position: relative;
  height: 200px;
  width: 100%;
  border: none;
  box-shadow: inset 0 0 0 1px currentColor;
  -webkit-box-shadow: inset 0 0 0 1px currentColor;
  padding: 20px;
  line-height: 140%;
  resize: none;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  -ms-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
}

.field.textarea .container textarea::-webkit-scrollbar, .field.textarea-toggle .container textarea::-webkit-scrollbar {
  width: 30px;
}

.field.textarea .container textarea::-webkit-scrollbar:vertical, .field.textarea-toggle .container textarea::-webkit-scrollbar:vertical {
  width: 30px;
}

@media (max-width: 768px) {
  .field.textarea .container textarea::-webkit-scrollbar:vertical, .field.textarea-toggle .container textarea::-webkit-scrollbar:vertical {
    width: 3px;
  }
}

.field.textarea .container textarea::after, .field.textarea-toggle .container textarea::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
}

.field.textarea .container textarea::-webkit-scrollbar-corner, .field.textarea-toggle .container textarea::-webkit-scrollbar-corner {
  background: transparent;
}

.field.textarea .container textarea::-webkit-scrollbar-track, .field.textarea-toggle .container textarea::-webkit-scrollbar-track {
  background: #E8E8E8;
  background-clip: padding-box;
}

.field.textarea .container textarea::-webkit-scrollbar-track:vertical, .field.textarea-toggle .container textarea::-webkit-scrollbar-track:vertical {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

@media (max-width: 768px) {
  .field.textarea .container textarea::-webkit-scrollbar-track, .field.textarea-toggle .container textarea::-webkit-scrollbar-track {
    border: none;
  }
}

.field.textarea .container textarea::-webkit-scrollbar-thumb, .field.textarea-toggle .container textarea::-webkit-scrollbar-thumb {
  background: #787878;
  background-clip: padding-box;
  min-height: 60px;
}

.field.textarea .container textarea::-webkit-scrollbar-thumb:vertical, .field.textarea-toggle .container textarea::-webkit-scrollbar-thumb:vertical {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

@media (max-width: 768px) {
  .field.textarea .container textarea::-webkit-scrollbar-thumb, .field.textarea-toggle .container textarea::-webkit-scrollbar-thumb {
    border: none;
  }
}

.field.textarea .container textarea::-webkit-input-placeholder, .field.textarea-toggle .container textarea::-webkit-input-placeholder {
  opacity: 0;
  color: #D7D3D3;
}

.field.textarea .container textarea:-ms-input-placeholder, .field.textarea-toggle .container textarea:-ms-input-placeholder {
  opacity: 0;
  color: #D7D3D3;
}

.field.textarea .container textarea::-ms-input-placeholder, .field.textarea-toggle .container textarea::-ms-input-placeholder {
  opacity: 0;
  color: #D7D3D3;
}

.field.textarea .container textarea::placeholder, .field.textarea-toggle .container textarea::placeholder {
  opacity: 0;
  color: #D7D3D3;
}

.field.textarea .container textarea::-webkit-scrollbar, .field.textarea-toggle .container textarea::-webkit-scrollbar {
  position: relative;
  right: 5px;
}

.field.textarea .container textarea:-moz-read-only, .field.textarea-toggle .container textarea:-moz-read-only {
  box-shadow: inset 0 0 0 1px #787878;
  -webkit-box-shadow: inset 0 0 0 1px #787878;
  color: #787878;
}

.field.textarea .container textarea:read-only, .field.textarea-toggle .container textarea:read-only {
  box-shadow: inset 0 0 0 1px #787878;
  -webkit-box-shadow: inset 0 0 0 1px #787878;
  color: #787878;
}

.field.textarea .container textarea:-moz-read-only + label, .field.textarea-toggle .container textarea:-moz-read-only + label {
  pointer-events: none;
  color: #787878;
}

.field.textarea .container textarea:read-only + label, .field.textarea-toggle .container textarea:read-only + label {
  pointer-events: none;
  color: #787878;
}

.field.textarea .container textarea:focus, .field.textarea-toggle .container textarea:focus {
  outline: none;
  box-shadow: inset 0 0 0 2px currentColor;
  -webkit-box-shadow: inset 0 0 0 2px currentColor;
}

.field.textarea .container textarea:focus::-webkit-input-placeholder, .field.textarea-toggle .container textarea:focus::-webkit-input-placeholder {
  opacity: 1;
}

.field.textarea .container textarea:focus:-ms-input-placeholder, .field.textarea-toggle .container textarea:focus:-ms-input-placeholder {
  opacity: 1;
}

.field.textarea .container textarea:focus::-ms-input-placeholder, .field.textarea-toggle .container textarea:focus::-ms-input-placeholder {
  opacity: 1;
}

.field.textarea .container textarea:focus::placeholder, .field.textarea-toggle .container textarea:focus::placeholder {
  opacity: 1;
}

.field.textarea .container textarea:focus + label, .field.textarea .container textarea:not(:placeholder-shown) + label, .field.textarea-toggle .container textarea:focus + label, .field.textarea-toggle .container textarea:not(:placeholder-shown) + label {
  background: var(--mud-palette-background-gray);
  font-size: 12px;
  color: #474747;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}

.field.textarea .container > a, .field.textarea-toggle .container > a {
  position: absolute;
  top: -12px;
  right: 10px;
  width: 34px;
  background: var(--mud-palette-background-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.field.textarea .container > a svg path, .field.textarea-toggle .container > a svg path {
  fill: var(--mud-palette-primary);
}

.field.textarea .container .cta-group, .field.textarea-toggle .container .cta-group {
  position: absolute;
  top: -12px;
  right: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.field.textarea .container .cta-group a, .field.textarea-toggle .container .cta-group a {
  margin: 0 8px;
  padding: 0 5px;
}

.field.textarea .container .cta-group a svg path, .field.textarea-toggle .container .cta-group a svg path {
  fill: var(--mud-palette-primary);
}

.field.textarea-toggle .container div {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.field.textarea-toggle .container div input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  width: 33px;
  height: 18px;
}

.field.textarea-toggle .container div input[type=checkbox]:checked + svg rect {
  fill: var(--mud-palette-primary);
}

.field.textarea-toggle .container div input[type=checkbox]:checked + svg circle {
  transform: translateX(14px);
  -webkit-transform: translateX(14px);
  -moz-transform: translateX(14px);
  -ms-transform: translateX(14px);
  -o-transform: translateX(14px);
}

.field.textarea-toggle .container div input[type=checkbox]:checked ~ label {
  color: var(--mud-palette-primary);
}

.field.textarea-toggle .container div > * {
  cursor: pointer;
}

.field.textarea-toggle .container div svg {
  margin-right: 10px;
}

.field.textarea-toggle .container div label, .field.textarea-toggle .container div svg rect, .field.textarea-toggle .container div svg circle {
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.field.toggle .container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px 0 20px 0;
}

@media (max-width: 768px) {
  .field.toggle .container {
    padding: 45px 0 0;
  }
}

.field.toggle .container input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  width: 33px;
  height: 18px;
}

.field.toggle .container input[type=checkbox]:checked + svg rect {
  fill: var(--mud-palette-primary);
}

.field.toggle .container input[type=checkbox]:checked + svg circle {
  transform: translateX(14px);
  -webkit-transform: translateX(14px);
  -moz-transform: translateX(14px);
  -ms-transform: translateX(14px);
  -o-transform: translateX(14px);
}

.field.toggle .container input[type=checkbox]:checked ~ label {
  color: var(--mud-palette-primary);
}

.field.toggle .container input[type=checkbox]:disabled + svg, .field.toggle .container input[type=checkbox]:disabled ~ label {
  opacity: 0.5;
}

.field.toggle .container > * {
  cursor: pointer;
}

.field.toggle .container svg {
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.field.toggle .container label, .field.toggle .container svg rect, .field.toggle .container svg circle {
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

@media (max-width: 768px) {
  .field.toggle.annex {
    padding-bottom: 15px;
  }
}

@media (max-width: 768px) {
  .field.toggle.annex .container {
    padding-bottom: 15px;
  }
}

.field.toggle.annex .container input[type=checkbox]:checked ~ span {
  color: var(--mud-palette-primary);
}

.field.toggle.annex .container span {
  position: absolute;
  left: 0;
  top: calc(100% - 10px);
  color: #787878;
  padding-left: 43px;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.field.toggle.annex-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 50px;
}

@media (max-width: 768px) {
  .field.toggle.annex-radio {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.field.toggle.annex-radio .container {
  padding: 0 0 0 10px;
}

@media (max-width: 768px) {
  .field.toggle.annex-radio .container {
    padding: 0;
  }
}

.field.toggle.annex-radio .grid {
  margin-left: 15px;
}

@media (max-width: 768px) {
  .field.toggle.annex-radio .grid {
    margin: 0 -15px;
  }
}

.field.toggle.annex-radio .grid .field {
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .field.toggle.annex-radio .grid .field {
    padding-top: 20px;
  }
}

.field.toggle.annex-radio .grid .field .container {
  padding: 0;
}

.field.link .container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px 0 20px 0;
}

@media (max-width: 768px) {
  .field.link .container {
    padding: 45px 0 0;
  }
}

.field.link .container a svg path {
  fill: var(--mud-palette-primary);
}

.field.link .container a.disabled svg path {
  fill: #787878;
}

.field.file .container {
  padding-top: 50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.field.file .container .trash {
  display: none;
  position: absolute;
  left: 15px;
  cursor: pointer;
}

.field.file .container label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.field.file .container label p {
  position: absolute;
  top: 30px;
  left: 10px;
}

.field.file .container label .cta {
  height: 40px;
}

.field.file .container input[type=file] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -80px;
  padding-right: 10px;
  pointer-events: none;
}

.field.file .container input[type=file]::before {
  content: "";
  position: absolute;
  left: 0;
  width: 122px;
  height: 25px;
  background: var(--mud-palette-background-gray);
}

@media (max-width: 576px) {
  .field.file .container input[type=file]::before {
    width: 108px;
  }
}

.field.file .container input[type=file].bg-white::before {
    background: var(--mud-palette-background);
}

.field.file .container input[type=file].has-file + .trash {
  display: block;
}

.field.button .container .cta {
  height: 50px;
  padding: 15px 20px;
}

.field.button .container .cta.no-picto {
  height: 40px;
}

.field input[type=text], .field input[type=password], .field input[type=number] {
  border: none;
  box-shadow: inset 0 -2px 0 -1px currentColor;
  -webkit-box-shadow: inset 0 -2px 0 -1px currentColor;
  padding: 20px 10px;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  -ms-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
}

.field input[type=text]:-moz-read-only, .field input[type=password]:-moz-read-only, .field input[type=number]:-moz-read-only {
  box-shadow: inset 0 -2px 0 -1px #787878;
  -webkit-box-shadow: inset 0 -2px 0 -1px #787878;
  pointer-events: none;
}

.field input[type=text]:read-only, .field input[type=password]:read-only, .field input[type=number]:read-only {
  box-shadow: inset 0 -2px 0 -1px #787878;
  -webkit-box-shadow: inset 0 -2px 0 -1px #787878;
  pointer-events: none;
}

.field input[type=text]:-moz-read-only + label, .field input[type=password]:-moz-read-only + label, .field input[type=number]:-moz-read-only + label {
  pointer-events: none;
}

.field input[type=text]:read-only + label, .field input[type=password]:read-only + label, .field input[type=number]:read-only + label {
  pointer-events: none;
}

.field input[type=text]::-webkit-input-placeholder, .field input[type=password]::-webkit-input-placeholder, .field input[type=number]::-webkit-input-placeholder {
  opacity: 0;
  color: #D7D3D3;
}

.field input[type=text]:-ms-input-placeholder, .field input[type=password]:-ms-input-placeholder, .field input[type=number]:-ms-input-placeholder {
  opacity: 0;
  color: #D7D3D3;
}

.field input[type=text]::-ms-input-placeholder, .field input[type=password]::-ms-input-placeholder, .field input[type=number]::-ms-input-placeholder {
  opacity: 0;
  color: #D7D3D3;
}

.field input[type=text]::placeholder, .field input[type=password]::placeholder, .field input[type=number]::placeholder {
  opacity: 0;
  color: #D7D3D3;
}

.field input[type=text]:focus, .field input[type=password]:focus, .field input[type=number]:focus {
  outline: none;
  box-shadow: inset 0 -3px 0 -1px currentColor;
  -webkit-box-shadow: inset 0 -3px 0 -1px currentColor;
}

.field input[type=text]:focus::-webkit-input-placeholder, .field input[type=password]:focus::-webkit-input-placeholder, .field input[type=number]:focus::-webkit-input-placeholder {
  opacity: 1;
}

.field input[type=text]:focus:-ms-input-placeholder, .field input[type=password]:focus:-ms-input-placeholder, .field input[type=number]:focus:-ms-input-placeholder {
  opacity: 1;
}

.field input[type=text]:focus::-ms-input-placeholder, .field input[type=password]:focus::-ms-input-placeholder, .field input[type=number]:focus::-ms-input-placeholder {
  opacity: 1;
}

.field input[type=text]:focus::placeholder, .field input[type=password]:focus::placeholder, .field input[type=number]:focus::placeholder {
  opacity: 1;
}

.field input[type=text]:focus + label, .field input[type=text]:not(:placeholder-shown) + label, .field input[type=password]:focus + label, .field input[type=password]:not(:placeholder-shown) + label, .field input[type=number]:focus + label, .field input[type=number]:not(:placeholder-shown) + label {
  font-size: 12px;
  color: #474747;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}

.field input[type=number]::-webkit-inner-spin-button {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9999 5.82997L14.4599 8.28997C14.8499 8.67997 15.4799 8.67997 15.8699 8.28997C16.2599 7.89997 16.2599 7.26997 15.8699 6.87997L12.6999 3.69997C12.3099 3.30997 11.6799 3.30997 11.2899 3.69997L8.11989 6.87997C7.72989 7.26997 7.72989 7.89997 8.11989 8.28997C8.50989 8.67997 9.13989 8.67997 9.52989 8.28997L11.9999 5.82997ZM11.9999 18.17L9.53989 15.71C9.14989 15.32 8.51989 15.32 8.12989 15.71C7.73989 16.1 7.73989 16.73 8.12989 17.12L11.2999 20.3C11.6899 20.69 12.3199 20.69 12.7099 20.3L15.8799 17.13C16.2699 16.74 16.2699 16.11 15.8799 15.72C15.4899 15.33 14.8599 15.33 14.4699 15.72L11.9999 18.17Z" fill="%23241464"/></svg>');
  opacity: 1;
  pointer-events: auto;
  -webkit-appearance: none;
          appearance: none;
  width: 24px;
  height: 24px;
}

.field input[type=number]:read-only::-webkit-inner-spin-button {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9999 5.82997L14.4599 8.28997C14.8499 8.67997 15.4799 8.67997 15.8699 8.28997C16.2599 7.89997 16.2599 7.26997 15.8699 6.87997L12.6999 3.69997C12.3099 3.30997 11.6799 3.30997 11.2899 3.69997L8.11989 6.87997C7.72989 7.26997 7.72989 7.89997 8.11989 8.28997C8.50989 8.67997 9.13989 8.67997 9.52989 8.28997L11.9999 5.82997ZM11.9999 18.17L9.53989 15.71C9.14989 15.32 8.51989 15.32 8.12989 15.71C7.73989 16.1 7.73989 16.73 8.12989 17.12L11.2999 20.3C11.6899 20.69 12.3199 20.69 12.7099 20.3L15.8799 17.13C16.2699 16.74 16.2699 16.11 15.8799 15.72C15.4899 15.33 14.8599 15.33 14.4699 15.72L11.9999 18.17Z" fill="%23787878"/></svg>');
  pointer-events: none;
}

.field input[type=date] {
  position: relative;
  border: none;
  box-shadow: inset 0 -2px 0 -1px currentColor;
  -webkit-box-shadow: inset 0 -2px 0 -1px currentColor;
  padding: 20px 10px;
  text-transform: uppercase;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  -ms-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
}

.field input[type=date]:read-only::-webkit-calendar-picker-indicator {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 13H13C12.45 13 12 13.45 12 14V17C12 17.55 12.45 18 13 18H16C16.55 18 17 17.55 17 17V14C17 13.45 16.55 13 16 13ZM16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3ZM18 20H6C5.45 20 5 19.55 5 19V9H19V19C19 19.55 18.55 20 18 20Z" fill="%23787878"/></svg>');
  visibility: visible;
}

.field input[type=date]:focus + label, .field input[type=date].has-value + label {
  font-size: 12px;
  color: #474747;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}

.field input[type=date]:focus::-webkit-datetime-edit, .field input[type=date].has-value::-webkit-datetime-edit {
  opacity: 1;
}

.field input[type=date]::-webkit-datetime-edit, .field input[type=date]::-webkit-input-placeholder {
  opacity: 0;
}

.field input[type=date]::-webkit-datetime-edit, .field input[type=date]::placeholder {
  opacity: 0;
}

.field input[type=date]::-webkit-calendar-picker-indicator {
  /* Réduction de 20px pour compenser le padding de l'input */
  width: calc(100% - 20px);
  height: 100%;
  position: absolute;
  left: 10px;
  background-position: right center;
  background-size: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 13H13C12.45 13 12 13.45 12 14V17C12 17.55 12.45 18 13 18H16C16.55 18 17 17.55 17 17V14C17 13.45 16.55 13 16 13ZM16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3ZM18 20H6C5.45 20 5 19.55 5 19V9H19V19C19 19.55 18.55 20 18 20Z" fill="%23241464"/></svg>');
}

.field input[type=date]:focus {
  outline: none;
  box-shadow: inset 0 -3px 0 -1px currentColor;
  -webkit-box-shadow: inset 0 -3px 0 -1px currentColor;
}

.field select {
  border: none;
  box-shadow: inset 0 -2px 0 -1px currentColor;
  -webkit-box-shadow: inset 0 -2px 0 -1px currentColor;
  padding: 20px 10px;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  -ms-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
}

.field select:focus {
  outline: none;
  box-shadow: inset 0 -3px 0 -1px currentColor;
  -webkit-box-shadow: inset 0 -3px 0 -1px currentColor;
}

.field select:focus + label, .field select.has-value + label {
  font-size: 12px;
  color: #474747;
  transform: translateY(0px) !important;
  -webkit-transform: translateY(0px) !important;
  -moz-transform: translateY(0px) !important;
  -ms-transform: translateY(0px) !important;
  -o-transform: translateY(0px) !important;
}

.field select:focus::-webkit-datetime-edit, .field select.has-value::-webkit-datetime-edit {
  opacity: 1;
}

.field select:disabled, .field select:disabled + label {
  color: #787878;
}

.field select option:first-of-type {
  display: none;
}

.field select, .field input, .field textarea {
  width: 100%;
  background: transparent;
}

.field select:required, .field select:required ~ label, .field input:required, .field input:required ~ label, .field textarea:required, .field textarea:required ~ label {
  font-weight: 600;
}

.field input[type=text],
.field input[type=password],
.field input[type=number],
.field textarea,
.field.toogle input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.field input[type=text],
.field input[type=date],
.field input[type=password],
.field input[type=number],
.field select {
  height: 60px;
}

.field input[type=text]:-moz-read-only, .field input[type=date]:-moz-read-only, .field input[type=number]:-moz-read-only {
  color: #787878;
}

.field input[type=text]:read-only, .field input[type=date]:read-only, .field input[type=number]:read-only {
  color: #787878;
}

.field input[type=text]:-moz-read-only, .field input[type=text]:-moz-read-only + label, .field input[type=date]:-moz-read-only, .field input[type=date]:-moz-read-only + label, .field input[type=number]:-moz-read-only, .field input[type=number]:-moz-read-only + label {
  pointer-events: none;
  color: #787878;
}

.field input[type=text]:read-only, .field input[type=text]:read-only + label, .field input[type=date]:read-only, .field input[type=date]:read-only + label, .field input[type=number]:read-only, .field input[type=number]:read-only + label {
  pointer-events: none;
  color: #787878;
}

.field input:disabled {
  color: #787878;
}

.field input:disabled, .field input:disabled + label {
  pointer-events: none;
  color: #787878;
}

.field input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

fieldset {
  position: relative;
  border: none;
}

fieldset legend {
  position: absolute;
  top: 30px;
  left: 10px;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.form-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  bottom: 20px;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 1;
}

.form-options .cta {
  margin: 0 10px;
  pointer-events: auto;
}

@media (max-width: 768px) {
  .form-options .cta {
    margin: 0 5px;
  }
}

input[type=submit] {
  display: none;
}

.toggle-group .field.toggle .container {
  padding: 10px 0;
}

@media (max-width: 768px) {
  .toggle-group .field.toggle .container {
    padding: 15px 0;
  }
}

.checkbox-group .field.checkbox .container {
  padding: 15px 0;
}

.radio-rect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.radio-rect .rect {
  position: relative;
  width: 60px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.radio-rect .rect input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0 0 0 1px var(--mud-palette-primary);
          box-shadow: inset 0 0 0 1px var(--mud-palette-primary);
  cursor: pointer;
}

.radio-rect .rect input[type=radio]:checked {
  background: var(--mud-palette-primary);
}

.radio-rect .rect input[type=radio]:checked + label {
  color: #FFFFFF;
}

.radio-rect .rect label {
  position: relative;
  cursor: pointer;
}

.checkbox-window > .container {
  position: relative;
}

.checkbox-window > .container > label {
  position: absolute;
  top: -18px;
  left: 20px;
  padding: 10px;
  z-index: 1;
}

.checkbox-window > .container > .wrap {
  height: 200px;
  width: 100%;
  border: none;
  box-shadow: inset 0 0 0 1px var(--mud-palette-primary);
  -webkit-box-shadow: inset 0 0 0 1px var(--mud-palette-primary);
  padding: 10px 20px;
  overflow: auto;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  -ms-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
}

.checkbox-window > .container > .wrap .field.checkbox .container {
  padding: 8px 0;
}

.checkbox-window > .container > .wrap::-webkit-scrollbar {
  width: 30px;
}

.checkbox-window > .container > .wrap::-webkit-scrollbar:vertical {
  width: 30px;
}

@media (max-width: 768px) {
  .checkbox-window > .container > .wrap::-webkit-scrollbar:vertical {
    width: 3px;
  }
}

.checkbox-window > .container > .wrap::-webkit-scrollbar-corner {
  background: transparent;
}

.checkbox-window > .container > .wrap::-webkit-scrollbar-track {
  background: #E8E8E8;
  background-clip: padding-box;
}

.checkbox-window > .container > .wrap::-webkit-scrollbar-track:vertical {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

@media (max-width: 768px) {
  .checkbox-window > .container > .wrap::-webkit-scrollbar-track {
    border: none;
  }
}

.checkbox-window > .container > .wrap::-webkit-scrollbar-thumb {
  background: #787878;
  background-clip: padding-box;
  min-height: 60px;
}

.checkbox-window > .container > .wrap::-webkit-scrollbar-thumb:vertical {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

@media (max-width: 768px) {
  .checkbox-window > .container > .wrap::-webkit-scrollbar-thumb {
    border: none;
  }
}

.checkbox-window > .container > .wrap::-webkit-scrollbar {
  position: relative;
  right: 5px;
}

.liste-window > .container {
  position: relative;
}

.liste-window > .container > label {
  position: absolute;
  top: -18px;
  left: 20px;
  padding: 10px;
  z-index: 1;
}

.liste-window > .container > .wrap {
  height: 200px;
  width: 100%;
  border: none;
  box-shadow: inset 0 0 0 1px var(--mud-palette-primary);
  -webkit-box-shadow: inset 0 0 0 1px var(--mud-palette-primary);
  padding: 10px 20px;
  overflow: auto;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  -ms-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
}

.liste-window > .container > .wrap .element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 8px 0 8px 30px;
  cursor: pointer;
}

.liste-window > .container > .wrap .element svg, .liste-window > .container > .wrap .element .rect {
  position: absolute;
  left: 0;
}

.liste-window > .container > .wrap .element .rect {
  width: 18px;
  height: 18px;
}

.liste-window > .container > .wrap::-webkit-scrollbar {
  width: 30px;
}

.liste-window > .container > .wrap::-webkit-scrollbar:vertical {
  width: 30px;
}

@media (max-width: 768px) {
  .liste-window > .container > .wrap::-webkit-scrollbar:vertical {
    width: 3px;
  }
}

.liste-window > .container > .wrap::-webkit-scrollbar-corner {
  background: transparent;
}

.liste-window > .container > .wrap::-webkit-scrollbar-track {
  background: #E8E8E8;
  background-clip: padding-box;
}

.liste-window > .container > .wrap::-webkit-scrollbar-track:vertical {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

@media (max-width: 768px) {
  .liste-window > .container > .wrap::-webkit-scrollbar-track {
    border: none;
  }
}

.liste-window > .container > .wrap::-webkit-scrollbar-thumb {
  background: #787878;
  background-clip: padding-box;
  min-height: 60px;
}

.liste-window > .container > .wrap::-webkit-scrollbar-thumb:vertical {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

@media (max-width: 768px) {
  .liste-window > .container > .wrap::-webkit-scrollbar-thumb {
    border: none;
  }
}

.liste-window > .container > .wrap::-webkit-scrollbar {
  position: relative;
  right: 5px;
}

.liste-window > .container > .cta-group {
  position: absolute;
  top: -12px;
  right: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.liste-window > .container > .cta-group a {
  margin: 0 8px;
  padding: 0 5px;
}

.liste-window > .container > .cta-group a svg path {
  fill: var(--mud-palette-primary);
}

.text-window > .container {
  position: relative;
}

.text-window > .container > label {
  position: absolute;
  top: -18px;
  left: 20px;
  padding: 10px;
  z-index: 1;
}

.text-window > .container > .wrap {
  width: 100%;
  border: none;
  box-shadow: inset 0 0 0 1px var(--mud-palette-primary);
  -webkit-box-shadow: inset 0 0 0 1px var(--mud-palette-primary);
  padding: 20px;
  overflow: auto;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  -ms-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
}

.text-window > .container > .wrap::-webkit-scrollbar {
  width: 30px;
}

.text-window > .container > .wrap::-webkit-scrollbar:vertical {
  width: 30px;
}

@media (max-width: 768px) {
  .text-window > .container > .wrap::-webkit-scrollbar:vertical {
    width: 3px;
  }
}

.text-window > .container > .wrap::-webkit-scrollbar-corner {
  background: transparent;
}

.text-window > .container > .wrap::-webkit-scrollbar-track {
  background: #E8E8E8;
  background-clip: padding-box;
}

.text-window > .container > .wrap::-webkit-scrollbar-track:vertical {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

@media (max-width: 768px) {
  .text-window > .container > .wrap::-webkit-scrollbar-track {
    border: none;
  }
}

.text-window > .container > .wrap::-webkit-scrollbar-thumb {
  background: #787878;
  background-clip: padding-box;
  min-height: 60px;
}

.text-window > .container > .wrap::-webkit-scrollbar-thumb:vertical {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

@media (max-width: 768px) {
  .text-window > .container > .wrap::-webkit-scrollbar-thumb {
    border: none;
  }
}

.text-window > .container > .wrap::-webkit-scrollbar {
  position: relative;
  right: 5px;
}

.text-window > .container > .cta-group {
  position: absolute;
  top: -12px;
  right: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.text-window > .container > .cta-group a {
  margin: 0 8px;
  padding: 0 5px;
}

.text-window > .container > .cta-group a svg path {
  fill: var(--mud-palette-primary);
}

.settings input[type=range] {
  width: 250px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

.settings input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
          appearance: none;
  height: 2px;
  background: #D7D3D3;
}

.settings input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-top: -6px;
  background: var(--mud-palette-primary);
}

.settings input[type=number] {
  height: 20px;
  width: 80px;
  border: none;
  text-align: right;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.settings input[type=number]::-webkit-inner-spin-button {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9999 5.82997L14.4599 8.28997C14.8499 8.67997 15.4799 8.67997 15.8699 8.28997C16.2599 7.89997 16.2599 7.26997 15.8699 6.87997L12.6999 3.69997C12.3099 3.30997 11.6799 3.30997 11.2899 3.69997L8.11989 6.87997C7.72989 7.26997 7.72989 7.89997 8.11989 8.28997C8.50989 8.67997 9.13989 8.67997 9.52989 8.28997L11.9999 5.82997ZM11.9999 18.17L9.53989 15.71C9.14989 15.32 8.51989 15.32 8.12989 15.71C7.73989 16.1 7.73989 16.73 8.12989 17.12L11.2999 20.3C11.6899 20.69 12.3199 20.69 12.7099 20.3L15.8799 17.13C16.2699 16.74 16.2699 16.11 15.8799 15.72C15.4899 15.33 14.8599 15.33 14.4699 15.72L11.9999 18.17Z" fill="%23241464"/></svg>');
  opacity: 1;
  pointer-events: auto;
  -webkit-appearance: none;
          appearance: none;
  width: 24px;
  height: 24px;
  margin-left: 5px;
}

.settings input[type=number]:read-only::-webkit-inner-spin-button {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9999 5.82997L14.4599 8.28997C14.8499 8.67997 15.4799 8.67997 15.8699 8.28997C16.2599 7.89997 16.2599 7.26997 15.8699 6.87997L12.6999 3.69997C12.3099 3.30997 11.6799 3.30997 11.2899 3.69997L8.11989 6.87997C7.72989 7.26997 7.72989 7.89997 8.11989 8.28997C8.50989 8.67997 9.13989 8.67997 9.52989 8.28997L11.9999 5.82997ZM11.9999 18.17L9.53989 15.71C9.14989 15.32 8.51989 15.32 8.12989 15.71C7.73989 16.1 7.73989 16.73 8.12989 17.12L11.2999 20.3C11.6899 20.69 12.3199 20.69 12.7099 20.3L15.8799 17.13C16.2699 16.74 16.2699 16.11 15.8799 15.72C15.4899 15.33 14.8599 15.33 14.4699 15.72L11.9999 18.17Z" fill="%23787878"/></svg>');
  pointer-events: none;
}

.cta {
  padding: 13px 13px 13px 18px;
  border: 2px solid var(--mud-palette-primary);
  border-radius: 25px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.cta svg {
  height: 20px;
  width: auto;
}

@media (max-width: 768px) {
  .cta svg {
    height: 16px;
  }
}

@media (max-width: 768px) {
  .cta {
    padding: 10px 10px 10px 13px;
  }
}

.cta.circle {
  cursor: pointer;
  padding: 0 0 0 15px;
  margin-left: 20px;
  max-width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  overflow: hidden;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .cta.circle {
    max-width: 40px;
    height: 40px;
  }
}

.cta.circle svg {
  width: 46px;
  height: 22px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (max-width: 768px) {
  .cta.circle svg {
    width: 36px;
    height: 16px;
  }
}

.cta.circle:hover {
  max-width: 275px;
}

@media (max-width: 768px) {
  .cta.circle:hover {
    max-width: 265px;
  }
}

.cta.circle-no-word {
  padding: 10px;
  border-radius: 50%;
}

    .cta.circle-no-word.bg-primary:hover {
        background: var(--mud-palette-background);
    }

.cta.circle-no-word.bg-primary:hover svg path {
  fill: var(--mud-palette-primary);
}

@media (max-width: 768px) {
  .cta.circle-no-word svg {
    height: 20px;
  }
}

.cta.no-picto {
  padding: 15px;
}

@media (max-width: 768px) {
  .cta.no-picto {
    padding: 13px;
  }
}

.cta-side {
  position: fixed;
  bottom: 20px;
  margin-bottom: -10px;
  right: 0;
  z-index: 20;
}

.cta-side .cta {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px 0 10px auto;
  border-radius: 25px 0 0 25px;
  -webkit-border-radius: 25px 0 0 25px;
  -moz-border-radius: 25px 0 0 25px;
  -ms-border-radius: 25px 0 0 25px;
  -o-border-radius: 25px 0 0 25px;
  transform: translateX(calc(100% - 45px));
  -webkit-transform: translateX(calc(100% - 45px));
  -moz-transform: translateX(calc(100% - 45px));
  -ms-transform: translateX(calc(100% - 45px));
  -o-transform: translateX(calc(100% - 45px));
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

@media (max-width: 768px) {
  .cta-side .cta {
    transform: translateX(calc(100% - 35px));
    -webkit-transform: translateX(calc(100% - 35px));
    -moz-transform: translateX(calc(100% - 35px));
    -ms-transform: translateX(calc(100% - 35px));
    -o-transform: translateX(calc(100% - 35px));
  }
}

@media (max-width: 768px) {
  .cta-side .cta svg {
    height: 16px;
  }
}

.cta-side .cta:hover {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  pointer-events: none;
}

.modal .filter {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
}

    .modal > .container {
        position: relative;
        max-height: 100%;
        max-width: 100%;
        background: var(--mud-palette-background);
        padding: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

.modal > .container.cta-group-container {
  padding-bottom: 150px;
}

@media (max-width: 768px) {
  .modal > .container.cta-group-container {
    padding-bottom: 120px;
  }
}

.modal > .container .cross {
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
}

.modal > .container .label {
  position: relative;
}

.modal > .container .label .cta-group {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -10px;
}

@media (max-width: 768px) {
  .modal > .container .label .cta-group {
    bottom: auto;
  }
}

.modal > .container .label .cta-group .cta {
  margin: 0 10px;
}

.modal > .container .label .cta-group + p {
  padding-right: 150px;
}

@media (max-width: 768px) {
  .modal > .container .label .cta-group + p {
    padding-right: 100px;
  }
}

.modal > .container .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 992px) {
  .modal > .container .tab-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.modal > .container .tab-list > hr {
  height: 15px;
  width: 2px;
  background: #E2E2E2;
}

@media (max-width: 992px) {
  .modal > .container .tab-list > hr {
    width: 15px;
    height: 2px;
    margin-left: 10px;
  }
}

.modal > .container .tab-list > a {
  padding: 0 20px 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal > .container .tab-list > a, .modal > .container .tab-list > a::after {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

@media (max-width: 992px) {
  .modal > .container .tab-list > a {
    padding: 10px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.modal > .container .tab-list > a.active, .modal > .container .tab-list > a:hover {
  color: var(--mud-palette-primary);
}

.modal > .container .tab-list > a.active:after, .modal > .container .tab-list > a:hover:after {
  width: 100%;
}

@media (max-width: 992px) {
  .modal > .container .tab-list > a.active:after, .modal > .container .tab-list > a:hover:after {
    width: 2px;
    height: 100%;
  }
}

.modal > .container .tab-list > a::after {
  content: "";
  position: absolute;
  background: var(--mud-palette-primary);
  bottom: 0;
  width: 0%;
  height: 3px;
}

@media (max-width: 992px) {
  .modal > .container .tab-list > a::after {
    left: 0;
    height: 0%;
    width: 2px;
  }
}

.modal > .container .tab-list .responsive-modal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.modal > .container .tab-list .responsive-modal .dots {
  padding: 0 15px;
  cursor: pointer;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

    .modal > .container .tab-list .responsive-modal .content {
        height: auto;
        position: absolute;
        top: 30px;
        background: var(--mud-palette-background);
        padding: 30px;
        z-index: 5;
        -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        transform: translateY(40px);
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        opacity: 0;
        pointer-events: none;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
    }

.modal > .container .tab-list .responsive-modal .content a {
  white-space: nowrap;
  position: relative;
}

.modal > .container .tab-list .responsive-modal .content a, .modal > .container .tab-list .responsive-modal .content a::after {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.modal > .container .tab-list .responsive-modal .content a.active, .modal > .container .tab-list .responsive-modal .content a:hover {
  color: var(--mud-palette-primary);
}

.modal > .container .tab-list .responsive-modal .content a.active:after, .modal > .container .tab-list .responsive-modal .content a:hover:after {
  width: 2px;
  height: 100%;
}

.modal > .container .tab-list .responsive-modal .content a::after {
  content: "";
  position: absolute;
  background: var(--mud-palette-primary);
  bottom: 0;
  right: -10px;
  height: 0%;
  width: 2px;
}

.modal > .container .tab-list .responsive-modal .content hr {
  margin: 15px 0;
  width: 100%;
  height: 2px;
  background: var(--mud-palette-background-gray);
}

.modal > .container .tab-list .responsive-modal.active .content {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.modal > .container .content {
  height: 100%;
  overflow: hidden auto;
}

.modal > .container .content .dataTables_wrapper .dataTable {
  padding-top: 0px;
}

.modal > .container .content::-webkit-scrollbar {
  width: 30px;
}

@media (max-width: 576px) {
  .modal > .container .content::-webkit-scrollbar {
    width: 3px;
  }
}

.modal > .container .content::-webkit-scrollbar-track {
  background: #E8E8E8;
  background-clip: padding-box;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

@media (max-width: 576px) {
  .modal > .container .content::-webkit-scrollbar-track {
    border: none;
  }
}

.modal > .container .content::-webkit-scrollbar-thumb {
  background: #787878;
  background-clip: padding-box;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

@media (max-width: 576px) {
  .modal > .container .content::-webkit-scrollbar-thumb {
    border: none;
  }
}

.modal > .container .content .dashed-title h3 {
    background: var(--mud-palette-background);
}

.modal > .container > .cta-group {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  .modal > .container > .cta-group {
    bottom: 30px;
  }
}

.modal > .container > .cta-group .cta {
  margin: 0 10px;
}

.modal > .container .link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
}

.modal > .container .link-list .dashed-title {
  margin: 20px 0;
}

.modal > .container .link-list .dashed-title:first-child {
  margin: 0 0 20px;
}

.modal > .container .link-list .field.checkbox .container {
  padding: 6px 0 6px 10px;
}

.modal > .container .link-list::-webkit-scrollbar {
  width: 30px;
}

.modal > .container .link-list::-webkit-scrollbar:vertical {
  width: 30px;
}

@media (max-width: 768px) {
  .modal > .container .link-list::-webkit-scrollbar:vertical {
    width: 3px;
  }
}

.modal > .container .link-list::-webkit-scrollbar-corner {
  background: transparent;
}

.modal > .container .link-list::-webkit-scrollbar-track {
  background: #E8E8E8;
  background-clip: padding-box;
}

.modal > .container .link-list::-webkit-scrollbar-track:vertical {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

@media (max-width: 768px) {
  .modal > .container .link-list::-webkit-scrollbar-track {
    border: none;
  }
}

.modal > .container .link-list::-webkit-scrollbar-thumb {
  background: #787878;
  background-clip: padding-box;
  min-height: 60px;
}

.modal > .container .link-list::-webkit-scrollbar-thumb:vertical {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

@media (max-width: 768px) {
  .modal > .container .link-list::-webkit-scrollbar-thumb {
    border: none;
  }
}

.modal > .container .link-list::-webkit-scrollbar {
  position: relative;
  right: 5px;
}

.modal > .container .link-list a {
  padding: 5px 0 5px 10px;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.modal > .container .link-list a:hover {
  color: var(--mud-palette-primary);
}

@media (max-width: 768px) {
  .modal > .container {
    width: 100% !important;
    height: 100% !important;
    padding: 40px 25px 25px;
  }
}

.modal.active {
  opacity: 1;
  pointer-events: auto;
}

.modal .rapid-access {
  width: 515px;
  height: 550px;
  padding-left: 40px;
  padding-right: 40px;
}

.btn-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.btn-toggle svg rect, .btn-toggle svg circle {
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.btn-toggle.active svg rect {
  fill: var(--mud-palette-primary);
}

.btn-toggle.active svg circle {
  -webkit-transform: translateX(14px);
          transform: translateX(14px);
}

.btn-toggle.active p {
  color: var(--mud-palette-primary);
}

.caps {
  padding: 8px 10px;
  border-radius: 6px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.caps.c-primary {
  background: rgba(36, 20, 100, 0.1);
}

.accordeon {
  margin-bottom: 30px;
  position: relative;
}

    .accordeon .header {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 50px 15px 30px;
        min-height: 60px;
        background: var(--mud-palette-background);
        margin-bottom: 10px;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
        cursor: pointer;
    }

.accordeon .header > p, .accordeon .header::before, .accordeon .header::after {
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.accordeon .header > p {
  color: #787878;
}

.accordeon .header .caps {
  background: rgba(120, 120, 120, 0.1);
  margin-left: 20px;
}

.accordeon .header::before {
  content: "";
  position: absolute;
  left: 0;
  width: 6px;
  height: 100%;
  background: var(--mud-palette-primary);
  -webkit-transform-origin: left;
          transform-origin: left;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
}

.accordeon .header::after {
  content: "";
  position: absolute;
  right: 20px;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 13H13V18C13 18.55 12.55 19 12 19C11.45 19 11 18.55 11 18V13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H11V6C11 5.45 11.45 5 12 5C12.55 5 13 5.45 13 6V11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z" fill="%23787878"/></svg>');
}

.accordeon .header .cta-group {
  position: absolute;
  right: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}

.accordeon .header .cta-group a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  margin: 0 10px;
}

@media (max-width: 576px) {
  .accordeon .header .cta-group a {
    margin: 0 5px;
  }
}

.accordeon .header .cta-group a svg path {
  fill: #787878;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.accordeon .header .cta-group hr {
  width: 1px;
  height: 24px;
  position: absolute;
  right: -10px;
  background: #E2E2E2;
}

.accordeon .content {
  display: none;
}

.accordeon.active {
  margin-bottom: 90px;
}

.accordeon.active .header > p {
  color: var(--mud-palette-primary);
}

.accordeon.active .header .caps {
  background: rgba(36, 20, 100, 0.1);
}

.accordeon.active .header::before {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
}

.accordeon.active .header::after {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 13H13V18C13 18.55 12.55 19 12 19C11.45 19 11 18.55 11 18V13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H11V6C11 5.45 11.45 5 12 5C12.55 5 13 5.45 13 6V11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z" fill="%23241464"/></svg>');
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.accordeon.active .header .cta-group a {
  pointer-events: auto;
}

.accordeon.active .header .cta-group a svg path {
  fill: var(--mud-palette-primary);
}

.accordeon.active .content {
  display: block;
}

.accordeon.required::after {
  content: "* Champs obligatoires";
  font-family: "Montserrat";
  font-size: 12px;
  font-style: italic;
  font-weight: 500;
  color: #787878;
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dataTable {
  width: 100% !important;
  padding-top: 50px;
}

.dataTable.collapsed thead tr > :first-child {
  padding-left: 40px !important;
}

.dataTable.collapsed tbody tr.odd > :first-child, .dataTable.collapsed tbody tr.even > :first-child {
  padding-left: 40px !important;
}

.dataTable.collapsed tbody tr.odd .dtr-control::before, .dataTable.collapsed tbody tr.even .dtr-control::before {
  content: "+" !important;
  font-size: 12px !important;
  top: 10px !important;
  left: 10px !important;
  height: 20px !important;
  width: 20px !important;
  margin-top: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: none !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--mud-palette-primary) !important;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
}

.dataTable.collapsed tbody tr.dt-hasChild.odd .dtr-control::before, .dataTable.collapsed tbody tr.dt-hasChild.even .dtr-control::before {
  content: "-" !important;
}

.dataTable.collapsed tbody tr.child .child ul {
  width: 100%;
}

.dataTable thead tr th {
  font-weight: 600;
  height: 50px;
  padding: 0 20px;
}

@media (max-width: 576px) {
  .dataTable thead tr th {
    padding: 0 15px;
  }
}

.dataTable thead tr th::before, .dataTable thead tr th::after {
  opacity: 1 !important;
}

.dataTable thead tr th.hidden {
  cursor: auto !important;
  padding-right: 20px !important;
  width: 0px !important;
  font-size: 0;
}

.dataTable thead tr th.hidden::before, .dataTable thead tr th.hidden::after {
  opacity: 0 !important;
}

.dataTable tbody tr.odd {
  background-color: #F1F1F1;
}

.dataTable tbody tr.even {
  background-color: #F5F5F5;
}

.dataTable tbody tr td {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  height: 40px;
  padding: 0 20px;
}

.dataTable tbody tr td .legend-modal p {
  white-space: normal;
}

.dataTable tbody tr td .drag {
  cursor: -webkit-grab;
  cursor: grab;
}

@media (max-width: 576px) {
  .dataTable tbody tr td {
    padding: 0 15px;
  }
}

.dataTable tbody tr td .cta {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 13px;
}

.dataTable tbody tr td .checkbox input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 18px;
  height: 18px;
}

.dataTable tbody tr td .checkbox input[type=checkbox]::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid var(--mud-palette-primary);
}

.dataTable tbody tr td .checkbox input[type=checkbox]::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: var(--mud-palette-primary);
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.dataTable tbody tr td .checkbox input[type=checkbox]:checked::after {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.dataTable tbody tr td .toggle input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  width: 33px;
  height: 18px;
}

.dataTable tbody tr td .toggle input[type=checkbox]:checked + svg rect {
  fill: var(--mud-palette-primary);
}

.dataTable tbody tr td .toggle input[type=checkbox]:checked + svg circle {
  transform: translateX(14px);
  -webkit-transform: translateX(14px);
  -moz-transform: translateX(14px);
  -ms-transform: translateX(14px);
  -o-transform: translateX(14px);
}

.dataTable tbody tr td .toggle input[type=checkbox]:checked ~ label {
  color: var(--mud-palette-primary);
}

.dataTable tbody tr td .toggle input[type=checkbox]::before {
  display: none;
}

.dataTable tbody tr td .toggle input[type=checkbox]::after {
  display: none;
}

.dataTable tbody tr td .toggle > * {
  cursor: pointer;
}

.dataTable tbody tr td .toggle svg {
  margin-right: 10px;
}

.dataTable tbody tr td .toggle label, .dataTable tbody tr td .toggle svg rect, .dataTable tbody tr td .toggle svg circle {
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.dataTable tbody tr.child ul li {
  padding: 15px 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dataTable tbody tr.child ul li span:first-child {
  margin-right: 30px;
  color: #787878;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.dataTable tbody tr.child ul li span:last-child {
  color: var(--mud-palette-primary);
  font-size: 12px;
  font-weight: 500;
}

.dataTable-cta-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -5px;
}

.dataTable-cta-group .cta {
  margin: 5px;
  padding: 8px 14px;
}

@media (max-width: 768px) {
  .dataTable-cta-group .cta svg {
    height: 20px;
  }
}

@media (max-width: 768px) {
  .dataTables_wrapper {
    overflow-x: auto;
  }
}

.assessment-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1200px) {
  .assessment-steps {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .assessment-steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.assessment-steps > p {
  position: relative;
  padding-right: 30px;
}

.assessment-steps > p::after {
  content: "";
  width: 20px;
  height: 2px;
  background: #D7D3D3;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media (max-width: 768px) {
  .assessment-steps > p {
    margin-bottom: 20px;
  }
  .assessment-steps > p::after {
    display: none;
  }
}

.assessment-steps .steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.assessment-steps .steps .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100px;
  position: relative;
  padding-left: 10px;
}

@media (max-width: 1200px) {
  .assessment-steps .steps .step {
    width: 70px;
  }
}

@media (max-width: 992px) {
  .assessment-steps .steps .step {
    width: 55px;
  }
}

@media (max-width: 768px) {
  .assessment-steps .steps .step {
    padding-left: 5px;
    width: 34px;
  }
  .assessment-steps .steps .step:first-child {
    padding-left: 0;
    width: 30px;
  }
}

.assessment-steps .steps .step::before {
  content: "";
  width: 60px;
  height: 2px;
  background: #D7D3D3;
  position: absolute;
  right: 0;
  top: 11px;
}

@media (max-width: 1200px) {
  .assessment-steps .steps .step::before {
    width: 30px;
  }
}

@media (max-width: 992px) {
  .assessment-steps .steps .step::before {
    width: 15px;
  }
}

@media (max-width: 768px) {
  .assessment-steps .steps .step::before {
    width: 4px;
  }
}

.assessment-steps .steps .step::after {
  content: "";
  width: 30px;
  height: 2px;
  background: var(--mud-palette-primary);
  position: absolute;
  right: 30px;
  top: 11px;
  opacity: 0;
}

@media (max-width: 1200px) {
  .assessment-steps .steps .step::after {
    width: 15px;
    right: 15px;
  }
}

@media (max-width: 992px) {
  .assessment-steps .steps .step::after {
    width: 8px;
    right: 8px;
  }
}

@media (max-width: 768px) {
  .assessment-steps .steps .step::after {
    width: 4px;
    right: 0px;
  }
}

.assessment-steps .steps .step p {
  position: absolute;
  top: calc(100% + 10px);
  padding-right: 20px;
}

@media (max-width: 1200px) {
  .assessment-steps .steps .step p {
    display: none;
  }
}

@media (max-width: 768px) {
  .assessment-steps .steps .step svg {
    height: 20px;
    width: auto;
  }
}

.assessment-steps .steps .step.active::after {
  opacity: 1;
}

.assessment-steps .steps .step.active svg path {
  fill: var(--mud-palette-primary);
}

.assessment-steps .steps .step.active p {
  color: var(--mud-palette-primary);
}

.assessment-steps .steps .step.previous::before {
  background: var(--mud-palette-primary);
}

.assessment-steps .steps .step.previous svg path {
  fill: var(--mud-palette-primary);
}

.assessment-steps .steps .step.previous p {
  color: var(--mud-palette-primary);
}

.assessment-steps .steps .step:last-child::before, .assessment-steps .steps .step:last-child::after {
  display: none;
}

.double-entry {
  overflow: auto;
  max-height: 640px;
}

@media (max-width: 768px) {
  .double-entry {
    max-height: none;
  }
}

.double-entry::-webkit-scrollbar {
  width: 30px;
}

.double-entry::-webkit-scrollbar:vertical {
  width: 30px;
}

@media (max-width: 768px) {
  .double-entry::-webkit-scrollbar:vertical {
    width: 3px;
  }
}

.double-entry::-webkit-scrollbar:horizontal {
  height: 30px;
}

.double-entry::-webkit-scrollbar-corner {
  background: transparent;
}

.double-entry::-webkit-scrollbar-track {
  background: #E8E8E8;
  background-clip: padding-box;
}

.double-entry::-webkit-scrollbar-track:vertical {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 100px solid transparent;
}

.double-entry::-webkit-scrollbar-track:horizontal {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

@media (max-width: 768px) {
  .double-entry::-webkit-scrollbar-track {
    border: none;
  }
}

.double-entry::-webkit-scrollbar-thumb {
  background: #787878;
  background-clip: padding-box;
}

.double-entry::-webkit-scrollbar-thumb:vertical {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 100px solid transparent;
}

.double-entry::-webkit-scrollbar-thumb:horizontal {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

@media (max-width: 768px) {
  .double-entry::-webkit-scrollbar-thumb {
    border: none;
  }
}

.double-entry table {
  position: relative;
}

.double-entry table thead tr {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  height: 100px;
  top: 0;
  background: var(--mud-palette-background-gray);
  z-index: 1;
}

.double-entry table thead tr td:first-child {
  width: 125px;
}

.double-entry table thead tr td.separator {
  position: absolute;
  height: calc(100% - 75px);
  min-width: 40px;
  max-width: 40px;
  top: 100px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(33%, #D7D3D3), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(#D7D3D3 33%, rgba(255, 255, 255, 0) 0%);
  background-position: center;
  background-size: 1px 18px;
  background-repeat: repeat-y;
}

.double-entry table thead tr th {
  max-width: 35px;
  min-width: 35px;
  white-space: nowrap;
  pointer-events: none;
  text-align: left;
  transform: rotate(-45deg) translate(-2px, 13px);
  -webkit-transform: rotate(-45deg) translate(-2px, 13px);
  -moz-transform: rotate(-45deg) translate(-2px, 13px);
  -ms-transform: rotate(-45deg) translate(-2px, 13px);
  -o-transform: rotate(-45deg) translate(-2px, 13px);
}

.double-entry table tbody tr td {
  padding: 15px 0;
  text-align: center;
  vertical-align: middle;
}

.double-entry table tbody tr td:first-child {
  text-align: left;
}

.double-entry table tbody tr td.separator {
  min-width: 40px;
  max-width: 40px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(33%, #D7D3D3), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(#D7D3D3 33%, rgba(255, 255, 255, 0) 0%);
  background-position: center;
  background-size: 1px 18px;
  background-repeat: repeat-y;
}

.double-entry table tbody tr td input[type=checkbox], .double-entry table tbody tr td input[type=radio] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 18px;
  height: 18px;
  margin: auto;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.double-entry table tbody tr td input[type=checkbox]:disabled, .double-entry table tbody tr td input[type=radio]:disabled {
  pointer-events: none;
}

.double-entry table tbody tr td input[type=checkbox]:disabled::before, .double-entry table tbody tr td input[type=radio]:disabled::before {
  border-color: #787878;
}

.double-entry table tbody tr td input[type=checkbox]:disabled::after, .double-entry table tbody tr td input[type=radio]:disabled::after {
  background: #787878;
}

.double-entry table tbody tr td input[type=checkbox]:disabled + label, .double-entry table tbody tr td input[type=radio]:disabled + label {
  pointer-events: none;
}

.double-entry table tbody tr td input[type=checkbox]::before, .double-entry table tbody tr td input[type=radio]::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
}

.double-entry table tbody tr td input[type=checkbox]::after, .double-entry table tbody tr td input[type=radio]::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: currentColor;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.double-entry table tbody tr td input[type=checkbox]:checked::after, .double-entry table tbody tr td input[type=radio]:checked::after {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.double-entry table tbody tr td input[type=radio]::before, .double-entry table tbody tr td input[type=radio]::after {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.double-entry table tbody tr td .field.text .container {
  padding-top: 0;
}

.double-entry table tbody tr td .field.text .container input {
  width: 350px;
}

.double-entry table tbody tr td .field.text .container label {
  top: 0;
}

footer {
  position: absolute;
  bottom: 0;
  padding: 0 0 25px 75px;
}

@media (max-width: 768px) {
  footer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 25px;
  }
}

footer .totop {
  position: fixed;
  bottom: 20px;
  left: 20px;
}

@media (max-width: 768px) {
  footer .totop {
    position: absolute;
    left: auto;
    bottom: 60px;
  }
}

@media (max-width: 768px) {
  footer p {
    text-align: center;
  }
}

.login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -80px -75px -60px;
}

@media (max-width: 992px) {
  .login {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media (max-width: 768px) {
  .login {
    margin: -80px -25px -20px;
  }
}

.login .infos {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 100px;
}

@media (max-width: 992px) {
  .login .infos {
    padding: 50px 25px 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

.login .infos .help {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.login .infos .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 550px;
}

@media (max-width: 992px) {
  .login .infos .wrap {
    width: 100%;
  }
}

.login .infos .wrap > svg {
  margin: 0 auto 40px;
}

.login .infos .wrap form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.login .infos .wrap form .cta {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.login .infos .wrap > .link {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 992px) {
  .login .infos .wrap > .link {
    margin: -15px 0 0;
  }
}

.login .infos .wrap > .link a {
  margin: 0 20px;
}

@media (max-width: 992px) {
  .login .infos .wrap > .link a {
    margin: 15px;
  }
}

.login .background {
  height: 100vh;
  overflow: hidden;
}

@media (max-width: 992px) {
  .login .background {
    height: 150px;
  }
}

.login .background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.planning-main {
  padding: 0;
}

.planning-main .window-side {
  position: fixed;
  height: calc(100% - 60px);
  width: calc(100vw - 100px);
  background: #FFFFFF;
  -webkit-box-shadow: inset 0px 25px 10px -20px rgba(0, 0, 0, 0.1), 0px 30px 15px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0px 25px 10px -20px rgba(0, 0, 0, 0.1), 0px 30px 15px rgba(0, 0, 0, 0.1);
  top: 60px;
  right: 0;
  z-index: 10;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 1s;
  transition: 1s;
}

@media (max-width: 768px) {
  .planning-main .window-side {
    top: 90px;
    width: 100vw;
  }
}

.planning-main .window-side.active {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.planning-main .window-side .button {
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 50px;
  background: #FFFFFF;
  border-radius: 25px 0px 0px 25px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .planning-main .window-side .button {
    display: none;
  }
}

.planning-main .window-side > .wrap {
  position: relative;
  height: 100%;
  padding: 50px 50px 150px;
}

@media (max-width: 768px) {
  .planning-main .window-side > .wrap {
    padding: 40px 25px 150px;
  }
}

.planning-main .window-side > .wrap .cross {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

.planning-main .window-side > .wrap .content {
  overflow: hidden auto;
  height: 100%;
}

.planning-main .window-side > .wrap .content::-webkit-scrollbar {
  width: 30px;
}

.planning-main .window-side > .wrap .content::-webkit-scrollbar {
  width: 30px;
}

@media (max-width: 576px) {
  .planning-main .window-side > .wrap .content::-webkit-scrollbar {
    width: 3px;
  }
}

.planning-main .window-side > .wrap .content::-webkit-scrollbar-track {
  background: #E8E8E8;
  background-clip: padding-box;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

@media (max-width: 576px) {
  .planning-main .window-side > .wrap .content::-webkit-scrollbar-track {
    border: none;
  }
}

.planning-main .window-side > .wrap .content::-webkit-scrollbar-thumb {
  background: #787878;
  background-clip: padding-box;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

@media (max-width: 576px) {
  .planning-main .window-side > .wrap .content::-webkit-scrollbar-thumb {
    border: none;
  }
}

@media (max-width: 992px) {
  .planning-main .window-side > .wrap .contract {
    margin-bottom: 30px;
  }
}

.planning-main .window-side > .wrap .contract div {
  margin-bottom: 15px;
}

@media (max-width: 992px) {
  .planning-main .window-side > .wrap .contract div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 5px;
  }
}

@media (max-width: 992px) {
  .planning-main .window-side > .wrap .contract div .caps {
    margin-bottom: 10px;
  }
}

.planning-main .window-side > .wrap .indicators {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}

.planning-main .window-side > .wrap .indicators .legend-modal {
  left: 0;
  bottom: calc(100% + 10px);
}

.planning-main .window-side > .wrap .indicators hr {
  background: #E2E2E2;
  height: 20px;
  width: 2px;
}

.planning-main .window-side > .wrap .cta-group {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.planning-main > .cta-group {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.planning-main > .cta-group .cta {
  padding: 8px 18px 8px 10px;
}

@media (max-width: 768px) {
  .planning-main > .cta-group .cta {
    padding: 12px 14px;
  }
}

@media (max-width: 768px) {
  .planning-main > .cta-group {
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/*# sourceMappingURL=style.css.map */