@charset "UTF-8";
.p-none {
  padding: 0;
}
.pt-none {
  padding-top: 0;
}
.pr-none {
  padding-right: 0;
}
.pb-none {
  padding-bottom: 0;
}
.pl-none {
  padding-left: 0;
}
.m-none {
  margin: 0;
}
.mt-none {
  margin-top: 0;
}
.mr-none {
  margin-right: 0;
}
.mb-none {
  margin-bottom: 0;
}
.ml-none {
  margin-left: 0;
}
.my-none {
  margin-top: 0;
  margin-bottom: 0;
}
.mx-none {
  margin-left: 0;
  margin-right: 0;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.c-pointer, .pointer {
  cursor: pointer;
}
.block {
  display: block;
}
.inline {
  display: inline-block;
}
.hidden {
  display: none;
}
.relative {
  position: relative;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.max-w-100 {
  max-width: 100%;
}
.flex-1 {
  flex: 1;
}
.flex {
  display: flex;
}
.flex-middle {
  align-items: center;
}
.flex-center {
  justify-content: center;
}
.flex-start {
  justify-content: flex-start;
}
.flex-end {
  justify-content: flex-end;
}
.flex-top {
  align-items: flex-start;
}
.flex-bottom {
  align-items: flex-end;
}
.grid {
  display: grid;
}
.gap-xs {
  grid-gap: 4px;
  gap: 4px;
}
.gap-s {
  grid-gap: 8px;
  gap: 8px;
}
.gap-m {
  grid-gap: 16px;
  gap: 16px;
}
.gap-l {
  grid-gap: 24px;
  gap: 24px;
}
.gap-xl {
  grid-gap: 30px;
  gap: 30px;
}
.m-xxs {
  margin: 4px;
}
.my-xxs {
  margin-top: 4px;
  margin-bottom: 4px;
}
.mx-xxs {
  margin-left: 4px;
  margin-right: 4px;
}
.mt-xxs {
  margin-top: 4px;
}
.mr-xxs {
  margin-right: 4px;
}
.mb-xxs {
  margin-bottom: 4px;
}
.ml-xxs {
  margin-left: 4px;
}
.p-xxs {
  padding: 4px;
}
.py-xxs {
  padding-top: 4px;
  padding-bottom: 4px;
}
.px-xxs {
  padding-left: 4px;
  padding-right: 4px;
}
.pt-xxs {
  padding-top: 4px;
}
.pr-xxs {
  padding-right: 4px;
}
.pb-xxs {
  padding-bottom: 4px;
}
.pl-xxs {
  padding-left: 4px;
}
.m-xs {
  margin: 8px;
}
.my-xs {
  margin-top: 8px;
  margin-bottom: 8px;
}
.mx-xs {
  margin-left: 8px;
  margin-right: 8px;
}
.mt-xs {
  margin-top: 8px;
}
.mr-xs {
  margin-right: 8px;
}
.mb-xs {
  margin-bottom: 8px;
}
.ml-xs {
  margin-left: 8px;
}
.p-xs {
  padding: 8px;
}
.py-xs {
  padding-top: 8px;
  padding-bottom: 8px;
}
.px-xs {
  padding-left: 8px;
  padding-right: 8px;
}
.pt-xs {
  padding-top: 8px;
}
.pr-xs {
  padding-right: 8px;
}
.pb-xs {
  padding-bottom: 8px;
}
.pl-xs {
  padding-left: 8px;
}
.m-s {
  margin: 12px;
}
.my-s {
  margin-top: 12px;
  margin-bottom: 12px;
}
.mx-s {
  margin-left: 12px;
  margin-right: 12px;
}
.mt-s {
  margin-top: 12px;
}
.mr-s {
  margin-right: 12px;
}
.mb-s {
  margin-bottom: 12px;
}
.ml-s {
  margin-left: 12px;
}
.p-s {
  padding: 12px;
}
.py-s {
  padding-top: 12px;
  padding-bottom: 12px;
}
.px-s {
  padding-left: 12px;
  padding-right: 12px;
}
.pt-s {
  padding-top: 12px;
}
.pr-s {
  padding-right: 12px;
}
.pb-s {
  padding-bottom: 12px;
}
.pl-s {
  padding-left: 12px;
}
.m-m {
  margin: 16px;
}
.my-m {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mx-m {
  margin-left: 16px;
  margin-right: 16px;
}
.mt-m {
  margin-top: 16px;
}
.mr-m {
  margin-right: 16px;
}
.mb-m {
  margin-bottom: 16px;
}
.ml-m {
  margin-left: 16px;
}
.p-m {
  padding: 16px;
}
.py-m {
  padding-top: 16px;
  padding-bottom: 16px;
}
.px-m {
  padding-left: 16px;
  padding-right: 16px;
}
.pt-m {
  padding-top: 16px;
}
.pr-m {
  padding-right: 16px;
}
.pb-m {
  padding-bottom: 16px;
}
.pl-m {
  padding-left: 16px;
}
.m-l {
  margin: 24px;
}
.my-l {
  margin-top: 24px;
  margin-bottom: 24px;
}
.mx-l {
  margin-left: 24px;
  margin-right: 24px;
}
.mt-l {
  margin-top: 24px;
}
.mr-l {
  margin-right: 24px;
}
.mb-l {
  margin-bottom: 24px;
}
.ml-l {
  margin-left: 24px;
}
.p-l {
  padding: 24px;
}
.py-l {
  padding-top: 24px;
  padding-bottom: 24px;
}
.px-l {
  padding-left: 24px;
  padding-right: 24px;
}
.pt-l {
  padding-top: 24px;
}
.pr-l {
  padding-right: 24px;
}
.pb-l {
  padding-bottom: 24px;
}
.pl-l {
  padding-left: 24px;
}
.m-xl {
  margin: 32px;
}
.my-xl {
  margin-top: 32px;
  margin-bottom: 32px;
}
.mx-xl {
  margin-left: 32px;
  margin-right: 32px;
}
.mt-xl {
  margin-top: 32px;
}
.mr-xl {
  margin-right: 32px;
}
.mb-xl {
  margin-bottom: 32px;
}
.ml-xl {
  margin-left: 32px;
}
.p-xl {
  padding: 32px;
}
.py-xl {
  padding-top: 32px;
  padding-bottom: 32px;
}
.px-xl {
  padding-left: 32px;
  padding-right: 32px;
}
.pt-xl {
  padding-top: 32px;
}
.pr-xl {
  padding-right: 32px;
}
.pb-xl {
  padding-bottom: 32px;
}
.pl-xl {
  padding-left: 32px;
}
.m-xxl {
  margin: 64px;
}
.my-xxl {
  margin-top: 64px;
  margin-bottom: 64px;
}
.mx-xxl {
  margin-left: 64px;
  margin-right: 64px;
}
.mt-xxl {
  margin-top: 64px;
}
.mr-xxl {
  margin-right: 64px;
}
.mb-xxl {
  margin-bottom: 64px;
}
.ml-xxl {
  margin-left: 64px;
}
.p-xxl {
  padding: 64px;
}
.py-xxl {
  padding-top: 64px;
  padding-bottom: 64px;
}
.px-xxl {
  padding-left: 64px;
  padding-right: 64px;
}
.pt-xxl {
  padding-top: 64px;
}
.pr-xxl {
  padding-right: 64px;
}
.pb-xxl {
  padding-bottom: 64px;
}
.pl-xxl {
  padding-left: 64px;
}
/* before delete grid utility */
.p-none {
  padding: 0;
}
.pt-none {
  padding-top: 0;
}
.pr-none {
  padding-right: 0;
}
.pb-none {
  padding-bottom: 0;
}
.pl-none {
  padding-left: 0;
}
.m-none {
  margin: 0;
}
.mt-none {
  margin-top: 0;
}
.mr-none {
  margin-right: 0;
}
.mb-none {
  margin-bottom: 0;
}
.ml-none {
  margin-left: 0;
}
.my-none {
  margin-top: 0;
  margin-bottom: 0;
}
.mx-none {
  margin-left: 0;
  margin-right: 0;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.m-xxs {
  margin: 4px;
}
.my-xxs {
  margin-top: 4px;
  margin-bottom: 4px;
}
.mx-xxs {
  margin-left: 4px;
  margin-right: 4px;
}
.mt-xxs {
  margin-top: 4px;
}
.mr-xxs {
  margin-right: 4px;
}
.mb-xxs {
  margin-bottom: 4px;
}
.ml-xxs {
  margin-left: 4px;
}
.p-xxs {
  padding: 4px;
}
.py-xxs {
  padding-top: 4px;
  padding-bottom: 4px;
}
.px-xxs {
  padding-left: 4px;
  padding-right: 4px;
}
.pt-xxs {
  padding-top: 4px;
}
.pr-xxs {
  padding-right: 4px;
}
.pb-xxs {
  padding-bottom: 4px;
}
.pl-xxs {
  padding-left: 4px;
}
.m-xs {
  margin: 8px;
}
.my-xs {
  margin-top: 8px;
  margin-bottom: 8px;
}
.mx-xs {
  margin-left: 8px;
  margin-right: 8px;
}
.mt-xs {
  margin-top: 8px;
}
.mr-xs {
  margin-right: 8px;
}
.mb-xs {
  margin-bottom: 8px;
}
.ml-xs {
  margin-left: 8px;
}
.p-xs {
  padding: 8px;
}
.py-xs {
  padding-top: 8px;
  padding-bottom: 8px;
}
.px-xs {
  padding-left: 8px;
  padding-right: 8px;
}
.pt-xs {
  padding-top: 8px;
}
.pr-xs {
  padding-right: 8px;
}
.pb-xs {
  padding-bottom: 8px;
}
.pl-xs {
  padding-left: 8px;
}
.m-s {
  margin: 12px;
}
.my-s {
  margin-top: 12px;
  margin-bottom: 12px;
}
.mx-s {
  margin-left: 12px;
  margin-right: 12px;
}
.mt-s {
  margin-top: 12px;
}
.mr-s {
  margin-right: 12px;
}
.mb-s {
  margin-bottom: 12px;
}
.ml-s {
  margin-left: 12px;
}
.p-s {
  padding: 12px;
}
.py-s {
  padding-top: 12px;
  padding-bottom: 12px;
}
.px-s {
  padding-left: 12px;
  padding-right: 12px;
}
.pt-s {
  padding-top: 12px;
}
.pr-s {
  padding-right: 12px;
}
.pb-s {
  padding-bottom: 12px;
}
.pl-s {
  padding-left: 12px;
}
.m-m {
  margin: 16px;
}
.my-m {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mx-m {
  margin-left: 16px;
  margin-right: 16px;
}
.mt-m {
  margin-top: 16px;
}
.mr-m {
  margin-right: 16px;
}
.mb-m {
  margin-bottom: 16px;
}
.ml-m {
  margin-left: 16px;
}
.p-m {
  padding: 16px;
}
.py-m {
  padding-top: 16px;
  padding-bottom: 16px;
}
.px-m {
  padding-left: 16px;
  padding-right: 16px;
}
.pt-m {
  padding-top: 16px;
}
.pr-m {
  padding-right: 16px;
}
.pb-m {
  padding-bottom: 16px;
}
.pl-m {
  padding-left: 16px;
}
.m-l {
  margin: 24px;
}
.my-l {
  margin-top: 24px;
  margin-bottom: 24px;
}
.mx-l {
  margin-left: 24px;
  margin-right: 24px;
}
.mt-l {
  margin-top: 24px;
}
.mr-l {
  margin-right: 24px;
}
.mb-l {
  margin-bottom: 24px;
}
.ml-l {
  margin-left: 24px;
}
.p-l {
  padding: 24px;
}
.py-l {
  padding-top: 24px;
  padding-bottom: 24px;
}
.px-l {
  padding-left: 24px;
  padding-right: 24px;
}
.pt-l {
  padding-top: 24px;
}
.pr-l {
  padding-right: 24px;
}
.pb-l {
  padding-bottom: 24px;
}
.pl-l {
  padding-left: 24px;
}
.m-xl {
  margin: 32px;
}
.my-xl {
  margin-top: 32px;
  margin-bottom: 32px;
}
.mx-xl {
  margin-left: 32px;
  margin-right: 32px;
}
.mt-xl {
  margin-top: 32px;
}
.mr-xl {
  margin-right: 32px;
}
.mb-xl {
  margin-bottom: 32px;
}
.ml-xl {
  margin-left: 32px;
}
.p-xl {
  padding: 32px;
}
.py-xl {
  padding-top: 32px;
  padding-bottom: 32px;
}
.px-xl {
  padding-left: 32px;
  padding-right: 32px;
}
.pt-xl {
  padding-top: 32px;
}
.pr-xl {
  padding-right: 32px;
}
.pb-xl {
  padding-bottom: 32px;
}
.pl-xl {
  padding-left: 32px;
}
.m-xxl {
  margin: 64px;
}
.my-xxl {
  margin-top: 64px;
  margin-bottom: 64px;
}
.mx-xxl {
  margin-left: 64px;
  margin-right: 64px;
}
.mt-xxl {
  margin-top: 64px;
}
.mr-xxl {
  margin-right: 64px;
}
.mb-xxl {
  margin-bottom: 64px;
}
.ml-xxl {
  margin-left: 64px;
}
.p-xxl {
  padding: 64px;
}
.py-xxl {
  padding-top: 64px;
  padding-bottom: 64px;
}
.px-xxl {
  padding-left: 64px;
  padding-right: 64px;
}
.pt-xxl {
  padding-top: 64px;
}
.pr-xxl {
  padding-right: 64px;
}
.pb-xxl {
  padding-bottom: 64px;
}
.pl-xxl {
  padding-left: 64px;
}
@font-face {
  font-family: "EthiasSans";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/EthiasSans-Regular.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-EthiasSans {
  font-family: "EthiasSans", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "EthiasTTT";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/Ethias_TTT.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-EthiasTTT {
  font-family: "EthiasTTT", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "EthiasScript";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/EthiasScript-Regular.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-EthiasScript {
  font-family: "EthiasScript", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "Light";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/Light.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-Light {
  font-family: "Light", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "Bold";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/Bold.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-Bold {
  font-family: "Bold", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "Regular";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/Regular.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-Regular {
  font-family: "Regular", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "Semibold";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/Semibold.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-Semibold {
  font-family: "Semibold", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "Medium";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/Medium.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-Medium {
  font-family: "Medium", sans-serif;
  font-weight: 400;
}
@font-face {
  font-family: "maridavid";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/maridavid.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-maridavid {
  font-family: "maridavid", sans-serif;
  font-weight: 400;
}
.f-EthiasTTT {
  font-family: "EthiasTTT", arial, sans-serif;
  font-weight: 400;
}
.f-EthiasSans {
  font-family: "EthiasSans", arial, sans-serif;
  font-weight: 400;
}
.f-EthiasScript {
  font-family: "EthiasScript", arial, sans-serif;
  font-weight: 400;
}
.f-light {
  font-family: "Light", arial, sans-serif;
  font-weight: 400;
}
.f-regular {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.f-medium {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.f-semibold {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.f-semi {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.f-bold {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
@media (min-width: 768px) {
  .text-center-m {
    text-align: center;
  }
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.no-decoration {
  text-decoration: none;
}
.underline {
  text-decoration: underline;
}
.nowrap {
  white-space: nowrap;
}
.citation {
  padding-left: 32px;
  padding-right: 32px;
  font-style: italic;
}
b,
strong {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.-mobilebreak {
  display: block;
}
@media (min-width: 576px) {
  .-mobilebreak.-s {
    display: inline;
  }
}
@media (min-width: 768px) {
  .-mobilebreak.-m {
    display: inline;
  }
}
@media (min-width: 1024px) {
  .-mobilebreak.-l {
    display: inline;
  }
}
.f-xxs {
  font-size: 11px;
}
.f-xs {
  font-size: 12px;
}
.f-s {
  font-size: 14px;
}
.f-m {
  font-size: 16px;
}
.f-l {
  font-size: 18px;
}
.f-xl {
  font-size: 20px;
}
.f-xxl {
  font-size: 35px;
}
*:focus {
  outline: 0 !important;
  outline-style: none !important;
}
p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
body, html {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
  line-height: 1.2;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #212121;
  font-size: 16px;
}
body.-livechatmaximized, html.-livechatmaximized {
  max-height: 100vh;
  overflow: hidden;
}
@media (min-width: 768px) {
  body.-livechatmaximized, html.-livechatmaximized {
    max-height: 100%;
    overflow: auto;
  }
}
body :focus, html :focus {
  outline: 0 !important;
  outline-style: none !important;
}
.container {
  position: relative;
}
a:hover, a:focus, a:active {
  text-decoration: none;
}
.m-auto {
  margin: auto;
}
*, :after, :before {
  box-sizing: border-box;
}
*.-animate {
  overflow: visible;
  transition: all 250ms ease;
}
*.-animate.-off {
  transform: translateY(-30px);
  opacity: 0;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}
*.-animate.-on {
  display: block;
  height: auto;
  overflow: visible;
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
  transition: all 250ms ease;
}
*.-animateX {
  overflow: hidden;
  transition: opacity 250ms linear, width 250ms linear, transform 250ms linear;
}
*.-animateX.-off {
  transform: translateX(-30px);
  opacity: 0;
  width: 0px;
  transition: opacity 250ms linear, width 250ms linear, transform 250ms linear;
}
*.-animateX.-on {
  width: auto;
  overflow: visible;
  opacity: 1;
  transform: translateX(0%);
  transition: opacity 250ms linear, width 250ms linear, transform 250ms linear;
}
.-czmmopen .customerZone {
  max-height: 100vh;
  overflow: hidden;
}
@media (min-width: 768px) {
  .-czmmopen .customerZone {
    max-height: none;
    overflow: visible;
    box-shadow: 0 0 0 transparent;
    animation: none;
  }
}
.bg-transparent {
  background-color: transparent;
}
.c-transparent {
  color: transparent;
}
.bg-primary {
  background-color: #FF6F0D;
}
.c-primary {
  color: #FF6F0D;
}
.bg-primary-hover {
  background-color: #D94204;
}
.c-primary-hover {
  color: #D94204;
}
.bg-primary-25 {
  background-color: #FFFaf6;
}
.c-primary-25 {
  color: #FFFaf6;
}
.bg-primary-50 {
  background-color: #FFEFDC;
}
.c-primary-50 {
  color: #FFEFDC;
}
.bg-primary-100 {
  background-color: #FFD5B3;
}
.c-primary-100 {
  color: #FFD5B3;
}
.bg-primary-200 {
  background-color: #FFBC89;
}
.c-primary-200 {
  color: #FFBC89;
}
.bg-primary-300 {
  background-color: #faa267;
}
.c-primary-300 {
  color: #faa267;
}
.bg-primary-400 {
  background-color: #FF8936;
}
.c-primary-400 {
  color: #FF8936;
}
.bg-secondary {
  background-color: #089EDD;
}
.c-secondary {
  color: #089EDD;
}
.bg-secondary-hover {
  background-color: #0190CC;
}
.c-secondary-hover {
  color: #0190CC;
}
.bg-secondary-25 {
  background-color: #f0fbff;
}
.c-secondary-25 {
  color: #f0fbff;
}
.bg-secondary-50 {
  background-color: #E1F8FF;
}
.c-secondary-50 {
  color: #E1F8FF;
}
.bg-secondary-100 {
  background-color: #CEECF8;
}
.c-secondary-100 {
  color: #CEECF8;
}
.bg-secondary-200 {
  background-color: #9CD8F1;
}
.c-secondary-200 {
  color: #9CD8F1;
}
.bg-secondary-300 {
  background-color: #6BC5EB;
}
.c-secondary-300 {
  color: #6BC5EB;
}
.bg-secondary-400 {
  background-color: #39B1E4;
}
.c-secondary-400 {
  color: #39B1E4;
}
.bg-white {
  background-color: #fff;
}
.c-white {
  color: #fff;
}
.bg-transparent {
  background-color: transparent;
}
.c-transparent {
  color: transparent;
}
.bg-black {
  background-color: #000;
}
.c-black {
  color: #000;
}
.bg-gray-50 {
  background-color: #FAFAFA;
}
.c-gray-50 {
  color: #FAFAFA;
}
.bg-gray-100 {
  background-color: #F3F2F5;
}
.c-gray-100 {
  color: #F3F2F5;
}
.bg-gray-200 {
  background-color: #D6D6D6;
}
.c-gray-200 {
  color: #D6D6D6;
}
.bg-gray-300 {
  background-color: #757575;
}
.c-gray-300 {
  color: #757575;
}
.bg-gray-400 {
  background-color: #6B6D71;
}
.c-gray-400 {
  color: #6B6D71;
}
.bg-gray-500 {
  background-color: #4C4E54;
}
.c-gray-500 {
  color: #4C4E54;
}
.bg-gray-600 {
  background-color: #414141;
}
.c-gray-600 {
  color: #414141;
}
.bg-gray-700 {
  background-color: #303030;
}
.c-gray-700 {
  color: #303030;
}
.bg-danger-50 {
  background-color: #FAE7E8;
}
.c-danger-50 {
  color: #FAE7E8;
}
.bg-danger-100 {
  background-color: #E89C9F;
}
.c-danger-100 {
  color: #E89C9F;
}
.bg-danger-200 {
  background-color: #DF7377;
}
.c-danger-200 {
  color: #DF7377;
}
.bg-danger-300 {
  background-color: #D1373D;
}
.c-danger-300 {
  color: #D1373D;
}
.bg-danger-400 {
  background-color: #C80E15;
}
.c-danger-400 {
  color: #C80E15;
}
.bg-danger-500 {
  background-color: #8C0A0F;
}
.c-danger-500 {
  color: #8C0A0F;
}
.bg-danger-600 {
  background-color: #7A090D;
}
.c-danger-600 {
  color: #7A090D;
}
.bg-warning-50 {
  background-color: #FFE0B3;
}
.c-warning-50 {
  color: #FFE0B3;
}
.bg-warning-100 {
  background-color: #FCDA9B;
}
.c-warning-100 {
  color: #FCDA9B;
}
.bg-warning-200 {
  background-color: #FAC157;
}
.c-warning-200 {
  color: #FAC157;
}
.bg-warning-300 {
  background-color: #F7A812;
}
.c-warning-300 {
  color: #F7A812;
}
.bg-warning-400 {
  background-color: #FF9800;
}
.c-warning-400 {
  color: #FF9800;
}
.bg-warning-500 {
  background-color: #DC6803;
}
.c-warning-500 {
  color: #DC6803;
}
.bg-warning-600 {
  background-color: #B54708;
}
.c-warning-600 {
  color: #B54708;
}
.bg-success-50 {
  background-color: #E6F2E8;
}
.c-success-50 {
  color: #E6F2E8;
}
.bg-success-100 {
  background-color: #99CAA0;
}
.c-success-100 {
  color: #99CAA0;
}
.bg-success-200 {
  background-color: #6FB478;
}
.c-success-200 {
  color: #6FB478;
}
.bg-success-300 {
  background-color: #31933E;
}
.c-success-300 {
  color: #31933E;
}
.bg-success-400 {
  background-color: #077D17;
}
.c-success-400 {
  color: #077D17;
}
.bg-success-500 {
  background-color: #055810;
}
.c-success-500 {
  color: #055810;
}
.bg-success-600 {
  background-color: #044C0E;
}
.c-success-600 {
  color: #044C0E;
}
.bg-text-primary {
  background-color: #212121;
}
.c-text-primary {
  color: #212121;
}
.bg-text-secondary {
  background-color: #4A4A4A;
}
.c-text-secondary {
  color: #4A4A4A;
}
.bg-text-disabled {
  background-color: #969696;
}
.c-text-disabled {
  color: #969696;
}
.bg-text-contrast-primary {
  background-color: #F0F0F0;
}
.c-text-contrast-primary {
  color: #F0F0F0;
}
.bg-text-contrast-secondary {
  background-color: #DEDEDE;
}
.c-text-contrast-secondary {
  color: #DEDEDE;
}
.bg-accent {
  background-color: #3D0112;
}
.c-accent {
  color: #3D0112;
}
.bg-webdeal {
  background-color: #EC2D9F;
}
.c-webdeal {
  color: #EC2D9F;
}
.bg-keytrade {
  background-color: #0caed9;
}
.c-keytrade {
  color: #0caed9;
}
.c-primary07 {
  color: #FF6F0D;
}
.c-primary08 {
  color: #D94204;
}
.c-grey05 {
  color: #969696;
}
.c-primary05 {
  color: #969696;
}
.c-red01 {
  color: #D1373D;
}
@font-face {
  font-family: "ethias";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/ethias.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-ethias-icons {
  font-family: "ethias", sans-serif;
  font-weight: 400;
}
[class^=icon-ethias-],
[class*=" icon-ethias-"],
.icon-ethias {
  font-family: "ethias", sans-serif !important;
  speak: none;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
}
.icon-ethias-add::before {
  content: "";
}
.icon-ethias-agenda::before {
  content: "";
}
.icon-ethias-alert::before {
  content: "";
}
.icon-ethias-answer::before {
  content: "";
}
.icon-ethias-assistance::before {
  content: "";
}
.icon-ethias-arrow-right::before {
  content: "";
}
.icon-ethias-at::before {
  content: "";
}
.icon-ethias-attach::before {
  content: "";
}
.icon-ethias-bubble::before {
  content: "";
}
.icon-ethias-bulletcross::before {
  content: "";
}
.icon-ethias-bulletvalid::before {
  content: "";
}
.icon-ethias-back::before {
  content: "";
}
.icon-ethias-burger::before {
  content: "";
}
.icon-ethias-calendar::before {
  content: "";
}
.icon-ethias-camera::before {
  content: "";
}
.icon-ethias-casque::before {
  content: "";
}
.icon-ethias-chrono::before {
  content: "";
}
.icon-ethias-close::before {
  content: "";
}
.icon-ethias-code::before {
  content: "";
}
.icon-ethias-com::before {
  content: "";
}
.icon-ethias-contact::before {
  content: "";
}
.icon-ethias-coverage::before {
  content: "";
}
.icon-ethias-cross::before {
  content: "";
}
.icon-ethias-cross-thin::before {
  content: "";
}
.icon-ethias-checkmark::before {
  content: "";
}
.icon-ethias-cookies::before {
  content: "";
}
.icon-ethias-dead::before {
  content: "";
}
.icon-ethias-depot::before {
  content: "";
}
.icon-ethias-decrease::before {
  content: "";
}
.icon-ethias-down-thin::before {
  content: "";
}
.icon-ethias-download::before {
  content: "";
}
.icon-ethias-euro::before {
  content: "";
}
.icon-ethias-eye::before {
  content: "";
}
.icon-ethias-eye-off::before {
  content: "";
}
.icon-ethias-ethias::before {
  content: "";
}
.icon-ethias-extend::before {
  content: "";
}
.icon-ethias-facebook::before {
  content: "";
}
.icon-ethias-faq::before {
  content: "";
}
.icon-ethias-filter::before {
  content: "";
}
.icon-ethias-follow::before {
  content: "";
}
.icon-ethias-green::before {
  content: "";
}
.icon-ethias-home::before {
  content: "";
}
.icon-ethias-idea::before {
  content: "";
}
.icon-ethias-images::before {
  content: "";
}
.icon-ethias-increase::before {
  content: "";
}
.icon-ethias-info::before {
  content: "";
}
.icon-ethias-info2::before {
  content: "";
}
.icon-ethias-itsme::before {
  content: "";
}
.icon-ethias-instagram::before {
  content: "";
}
.icon-ethias-linkedin::before {
  content: "";
}
.icon-ethias-livechat::before {
  content: "";
}
.icon-ethias-lock::before {
  content: "";
}
.icon-ethias-logout::before {
  content: "";
}
.icon-ethias-mail::before {
  content: "";
}
.icon-ethias-map::before {
  content: "";
}
.icon-ethias-menu::before {
  content: "";
}
.icon-ethias-minus::before {
  content: "";
}
.icon-ethias-mobilenav::before {
  content: "";
}
.icon-ethias-more::before {
  content: "";
}
.icon-ethias-next::before {
  content: "";
}
.icon-ethias-next-thin::before {
  content: "";
}
.icon-ethias-notif::before {
  content: "";
}
.icon-ethias-padelock::before {
  content: "";
}
.icon-ethias-param::before {
  content: "";
}
.icon-ethias-pdf::before {
  content: "";
}
.icon-ethias-plus::before {
  content: "";
}
.icon-ethias-prev::before {
  content: "";
}
.icon-ethias-radio-on::before {
  content: "";
}
.icon-ethias-radio-off::before {
  content: "";
}
.icon-ethias-refresh::before {
  content: "";
}
.icon-ethias-repairers::before {
  content: "";
}
.icon-ethias-sablier::before {
  content: "";
}
.icon-ethias-save::before {
  content: "";
}
.icon-ethias-search-neg::before {
  content: "";
}
.icon-ethias-search::before {
  content: "";
}
.icon-ethias-select::before {
  content: "";
}
.icon-ethias-send::before {
  content: "";
}
.icon-ethias-sixteen::before {
  content: "";
}
.icon-ethias-sorting::before {
  content: "";
}
.icon-ethias-subarrow::before {
  content: "";
}
.icon-ethias-surfly::before {
  content: "";
}
.icon-ethias-swipe-left::before {
  content: "";
}
.icon-ethias-swipe-right::before {
  content: "";
}
.icon-ethias-tel::before {
  content: "";
}
.icon-ethias-tiktok::before {
  content: "";
}
.icon-ethias-trash::before {
  content: "";
}
.icon-ethias-trick::before {
  content: "";
}
.icon-ethias-twitter::before {
  content: "";
}
.icon-ethias-unsubscribe::before {
  content: "";
}
.icon-ethias-user::before {
  content: "";
}
.icon-ethias-validate::before {
  content: "";
}
.icon-ethias-video::before {
  content: "";
}
.icon-ethias-youtube::before {
  content: "";
}
.icon-ethias-youtube-play::before {
  content: "";
}
.icon-ethias-wait::before {
  content: "";
}
.icon-ethias-warning::before {
  content: "";
}
.icon-ethias-warning-thin::before {
  content: "";
}
.icon-ethias-warning-simple::before {
  content: "";
}
.icon-ethias-what-neg::before {
  content: "";
}
.icon-ethias-what-neg-2::before {
  content: "";
}
.icon-ethias-what::before {
  content: "";
}
.icon-ethias-arrow-right.-left {
  transform: rotate(180deg);
}
.svgBlackToPrimary {
  filter: invert(52%) sepia(31%) saturate(4979%) hue-rotate(353deg) brightness(102%) contrast(102%);
}
.svgBlackToSecondary {
  filter: invert(61%) sepia(85%) saturate(3603%) hue-rotate(164deg) brightness(90%) contrast(94%);
}
.svgBlackToWhite {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(133deg) brightness(102%) contrast(108%);
}
.svgBlackToSuccess {
  filter: invert(25%) sepia(64%) saturate(2311%) hue-rotate(114deg) brightness(94%) contrast(95%);
}
.svgBlackToDanger {
  filter: invert(8%) sepia(99%) saturate(5407%) hue-rotate(353deg) brightness(117%) contrast(97%);
}
.svgBlackToWarning {
  filter: invert(81%) sepia(68%) saturate(1413%) hue-rotate(322deg) brightness(101%) contrast(100%);
}
.svgBlackToDisabled {
  filter: invert(59%) sepia(3%) saturate(0%) hue-rotate(57deg) brightness(98%) contrast(94%);
}
.svgWhiteToSecondary {
  filter: invert(58%) sepia(67%) saturate(2952%) hue-rotate(169deg) brightness(85%) contrast(107%);
}
.cardIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  border-radius: 30px;
  font-size: 50px;
}
.cardIcon img {
  width: 50px;
  height: 50px;
}
.cardIcon.-primary {
  color: #FF6F0D;
  background-color: #FFEFDC;
}
.cardIcon.-primary img {
  filter: invert(52%) sepia(31%) saturate(4979%) hue-rotate(353deg) brightness(102%) contrast(102%);
}
.cardIcon.-primary.-neg {
  background-color: #FF6F0D;
  color: #fff;
}
.cardIcon.-primary.-neg img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(133deg) brightness(102%) contrast(108%);
}
.cardIcon.-blue {
  color: #089EDD;
  background-color: #E1F8FF;
}
.cardIcon.-blue img {
  filter: invert(61%) sepia(85%) saturate(3603%) hue-rotate(164deg) brightness(90%) contrast(94%);
}
.cardIcon.-red {
  color: #C80E15;
  background-color: #FAE7E8;
}
.cardIcon.-red img {
  filter: invert(8%) sepia(99%) saturate(5407%) hue-rotate(353deg) brightness(117%) contrast(97%);
}
.ethias-h1 {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 50px;
  color: #212121;
}
.ethias-h2 {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 28px;
  color: #212121;
}
@media (min-width: 768px) {
  .ethias-h2 {
    font-size: 38px;
  }
}
.ethias-h3 {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 30px;
  color: #212121;
}
.ethias-h3-blue {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 30px;
  color: #FF6F0D;
}
.ethias-h4 {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
  color: #FF6F0D;
}
@media (min-width: 768px) {
  .ethias-h4 {
    font-size: 24px;
  }
}
.ethias-h4-text-primary {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
  color: #212121;
}
@media (min-width: 768px) {
  .ethias-h4-text-primary {
    font-size: 24px;
  }
}
.ethias-h5 {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #212121;
}
@media (min-width: 768px) {
  .ethias-h5 {
    font-size: 22px;
  }
}
.ethias-promo {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #C80E15;
}
.unselectable {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
  supported by Chrome and Opera */
}
h1, h2, h3 {
  margin: inherit;
}
.h1-large {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 120%;
  font-weight: 400;
  color: #212121;
}
@media (min-width: 768px) {
  .h1-large {
    font-size: 40px;
  }
}
.h2-large {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 120%;
  font-weight: 400;
  color: #212121;
}
@media (min-width: 768px) {
  .h2-large {
    font-size: 35px;
  }
}
.h3-large {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 120%;
  font-weight: 400;
  color: #212121;
}
@media (min-width: 768px) {
  .h3-large {
    font-size: 30px;
  }
}
.h1 {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 120%;
  font-weight: 400;
  color: #212121;
}
@media (min-width: 768px) {
  .h1 {
    font-size: 35px;
  }
}
.h2 {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  font-weight: 400;
  color: #212121;
}
@media (min-width: 768px) {
  .h2 {
    font-size: 30px;
  }
}
.h3 {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  font-weight: 400;
  color: #212121;
}
@media (min-width: 768px) {
  .h3 {
    font-size: 25px;
  }
}
.h1-small {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 120%;
  font-weight: 400;
  color: #212121;
}
.h2-small,
.ethias-h4-black {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  font-weight: 400;
  color: #212121;
}
.h3-small {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  font-weight: 400;
  color: #212121;
}
.shadows-xs {
  box-shadow: 0px 1px 2px 0px rgba(20, 20, 20, 0.05);
}
.shadows-sm {
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
}
.shadows-md {
  box-shadow: 0px 4px 8px -2px rgba(20, 20, 20, 0.1), 0px 2px 4px -2px rgba(20, 20, 20, 0.06);
}
.shadows-lg {
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
}
.shadows-xl {
  box-shadow: 0px 20px 24px -4px rgba(20, 20, 20, 0.08), 0px 8px 8px -4px rgba(20, 20, 20, 0.03);
}
.shadows-2xl {
  box-shadow: 0px 24px 48px -12px rgba(20, 20, 20, 0.18);
}
.shadows-3xl {
  box-shadow: 0px 32px 64px -12px rgba(20, 20, 20, 0.14);
}
.shadows-cards {
  box-shadow: 0 4px 8px -2px rgba(20, 20, 20, 0.1);
}
/* border radius for all cards */
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--gradient-from), var(--gradient-to));
}
.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--gradient-from), var(--gradient-to));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--gradient-from), var(--gradient-to));
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--gradient-from), var(--gradient-to));
}
.bg-gradient-to-45 {
  background-image: linear-gradient(45deg, var(--gradient-from), var(--gradient-to));
}
.bg-gradient-to-135 {
  background-image: linear-gradient(135deg, var(--gradient-from), var(--gradient-to));
}
.bg-gradient-to-225 {
  background-image: linear-gradient(225deg, var(--gradient-from), var(--gradient-to));
}
.bg-gradient-to-315 {
  background-image: linear-gradient(315deg, var(--gradient-from), var(--gradient-to));
}
.from-primary-50 {
  --gradient-from: #FFEFDC;
}
.from-primary-100 {
  --gradient-from: #FFD5B3;
}
.from-primary {
  --gradient-from: #FF6F0D;
}
.from-white {
  --gradient-from: #fff;
}
.to-white {
  --gradient-to: #fff;
}
.to-primary {
  --gradient-to: #FF6F0D;
}
.overlay.spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  transition: all 250ms ease;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.overlay-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000 !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.spinner {
  z-index: 1001;
  width: 48px;
  height: 48px;
  border: 5px solid #FFD5B3;
  border-bottom-color: #FF6F0D;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  text-align: center;
}
.spinner div {
  display: none;
}
.overlay__loader {
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000000003;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlay__loader .spinner {
  z-index: 3000000004;
}
.overlay__loader .spinner > div {
  display: none;
}
.overlay__loader.-tooltip {
  flex-direction: column;
  opacity: 1;
}
.overlay__loader.-tooltip .overlay__tooltip {
  text-align: center;
  order: 2;
  position: relative;
  z-index: 2;
  padding: 15px;
  transition: opacity 0.15s ease-in, top 0.15s ease-in, width 0.15s ease-in;
  animation: overlaytooltip 1s ease-out forwards 0.15s;
  opacity: 0;
  animation-delay: 5s;
}
.overlay__loader.-tooltip .overlay__tooltip .overlay__tooltip-label {
  color: #fff;
  background-color: #FF6F0D;
  border-radius: 8px;
  padding: 10px 20px;
}
.overlay__loader.-tooltip .spinner {
  position: relative;
}
@keyframes overlaytooltip {
  0% {
    transform: scale(1, 1);
    opacity: 0;
  }
  10% {
    transform: scale(1.1, 0.9);
    opacity: 0.1;
  }
  30% {
    transform: scale(0.9, 1.1);
    opacity: 0.3;
  }
  50% {
    transform: scale(1.05, 0.95);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
ul.list {
  padding: 0;
  margin: 0;
}
ul.list li {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
ul.list.-green, ul.list.-valid {
  margin-left: 12px;
}
ul.list.-green li, ul.list.-valid li {
  margin-bottom: 12px;
  position: relative;
  padding-left: 24px;
}
ul.list.-green li::before, ul.list.-valid li::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #31933E;
  position: absolute;
  left: 0;
  top: 0;
}
ul.list.-green li ul, ul.list.-valid li ul {
  margin-top: 5px;
}
ul.list.-green.-neg li::before, ul.list.-valid.-neg li::before {
  background-color: #31933E;
  color: #fff;
  border-radius: 100%;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  position: relative;
  left: -10px;
}
ul.list.-unvalid li {
  margin-bottom: 12px;
  padding-left: 32px;
  color: #C80E15;
  list-style: none;
}
ul.list.-unvalid li::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #C80E15;
  position: absolute;
  left: 0px;
  top: 0;
}
ul.list.-bullets {
  margin-left: 12px;
}
ul.list.-bullets li {
  margin-bottom: 12px;
  position: relative;
  padding-left: 15px;
  color: #212121;
}
ul.list.-bullets li::before {
  content: "";
  background: #212121;
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  transform: scale(0.6);
}
ul.list.-bullets.-red li::before {
  background: #C80E15;
}
ul.list.-validate {
  margin-left: 12px;
  display: grid;
  grid-gap: 15px;
  gap: 15px;
}
ul.list.-validate li {
  position: relative;
  padding-left: 24px;
}
ul.list.-validate li::before {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  position: absolute;
  left: 0;
  top: 3px;
  width: 14px;
  height: 14px;
  line-height: 15px;
  text-align: center;
  font-size: 12px;
}
ul.list.-validate li.-valid {
  color: #212121;
}
ul.list.-validate li.-valid::before {
  content: "";
  color: #31933E;
}
ul.list.-validate li.-unvalid {
  color: #969696;
}
ul.list.-validate li.-unvalid::before {
  content: "";
  font-size: 11px;
  top: 6px;
}
ul.list.-check {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}
ul.list.-check .checked,
ul.list.-check .unchecked {
  position: relative;
  padding-left: 35px;
}
ul.list.-check .checked::before,
ul.list.-check .unchecked::before {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
}
ul.list.-check .checked::before {
  content: "";
  background-color: #31933E;
}
ul.list.-check .unchecked::before {
  content: "";
  background-color: #969696;
  font-size: 10px;
}
ul.list.-next {
  margin-left: 12px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}
ul.list.-next li {
  position: relative;
  padding-left: 24px;
}
ul.list.-next li::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 12px;
  color: #FF6F0D;
}
ul.list.-classic {
  margin-left: 12px;
}
ul.list.-classic li {
  margin-bottom: 12px;
  position: relative;
  padding-left: 24px;
}
ul.list.-classic li::before {
  content: "-";
  position: absolute;
  left: 8px;
}
ul.list.-line {
  margin: 20px 0 0 0;
}
ul.list.-line li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  border-bottom: 1px solid #FFD5B3;
}
ul.list.-line li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
ul.list.-default li {
  margin-bottom: 10px;
}
ul.list.-default li:last-child {
  margin-bottom: 0;
}
ul.list.-number {
  margin: 20px 0 0 0;
}
ul.list.-number > li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  padding-left: 30px;
  counter-increment: etapes;
  border-bottom: 1px solid #FFD5B3;
}
ul.list.-number > li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
ul.list.-number > li::before {
  content: counter(etapes);
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  color: #fff;
  background: #FF6F0D;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 21px;
  font-size: 14px;
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
}
ul.list.-number.-withoutborder li {
  border-bottom: 0;
  margin-bottom: 0;
}
ul.list.-number.-step > li {
  border-bottom: 0;
  margin-bottom: 0;
}
ul.list.-number.-step > li:after {
  content: "";
  width: 1px;
  height: calc(100% - 20px);
  background-color: #FF6F0D;
  position: absolute;
  left: 10px;
  top: 23px;
}
ul.list.-number.-step > li:last-child::after {
  display: none;
}
ul.list.-warning {
  margin: 20px 0 0 0;
}
ul.list.-warning li {
  margin-bottom: 20px;
  position: relative;
  padding-left: 30px;
}
ul.list.-warning li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
ul.list.-warning li::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #FF9800;
  font-size: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
ul.list.-compact li {
  margin: 0;
}
ul.list.-flex {
  display: flex;
  grid-gap: 16px;
  gap: 16px;
}
ul.list.-nospace {
  margin: 0;
}
ul.-unstyled {
  margin: 0;
  padding: 0;
}
ul.-unstyled li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.link {
  color: #FF6F0D;
  position: relative;
  transition: color 250ms ease;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}
.link:hover, .link:focus, .link:active {
  text-decoration: none;
}
.link.-primary {
  color: #FF6F0D;
  text-decoration: underline;
}
.link.-primary:hover, .link.-primary:focus, .link.-primary:active {
  text-decoration: none;
}
.link.-dashed {
  color: #FF6F0D;
  text-decoration: none;
}
.link.-dashed .link__label {
  border-bottom: 1px dashed #FF6F0D;
}
.link.-dashed:hover .link__label, .link.-dashed:focus .link__label, .link.-dashed:active .link__label {
  border-bottom: 0;
}
.link.-dashed.-what .link__label, .link.-dashed.-info .link__label {
  text-decoration: none;
}
.link.-cancel {
  color: #6B6D71;
  text-decoration: underline;
}
.link.-cancel:hover, .link.-cancel:focus, .link.-cancel:active {
  text-decoration: none;
}
.link.-darkblue {
  color: #212121;
  text-decoration: underline;
}
.link.-darkblue:hover, .link.-darkblue:focus, .link.-darkblue:active {
  text-decoration: none;
}
.link.-black {
  color: #000;
  text-decoration: underline;
}
.link.-black:hover, .link.-black:focus, .link.-black:active {
  text-decoration: none;
}
.link.-white {
  color: #fff;
}
.link.-back {
  color: #757575;
  font-size: 14px;
  text-decoration: none;
}
.link.-back:hover {
  color: #FF6F0D;
}
.link.-error {
  color: #C80E15;
  text-decoration: underline;
}
.link.-error:hover, .link.-error:focus, .link.-error:active {
  text-decoration: none;
}
.link.-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  text-decoration: underline;
}
.link.-phone {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.link.-phone::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-right: 4px;
  position: relative;
  top: 2px;
}
.link.-info {
  text-decoration: none;
}
.link.-info span {
  text-decoration: underline;
}
.link.-info::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin-right: 8px;
  position: relative;
  top: 2px;
}
.link.-info .link__label {
  text-decoration: underline;
}
.link.-info:hover .link__label {
  text-decoration: none;
}
.link.-what {
  text-decoration: none;
}
.link.-what .link__label {
  text-decoration: underline;
}
.link.-what::after {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin-left: 8px;
  position: relative;
  top: 2px;
}
.link.-what:hover .link__label {
  text-decoration: none;
}
.link.-pdf {
  position: relative;
  display: flex;
  align-items: center;
}
.link.-pdf span {
  text-decoration: underline;
}
.link.-pdf::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 25px;
  margin-right: 8px;
}
.link.-pdf:hover span {
  text-decoration: none;
}
.link.-mail {
  position: relative;
  display: flex;
  align-items: center;
}
.link.-mail span {
  text-decoration: underline;
}
.link.-mail::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  margin-right: 8px;
}
.link.-mail:hover span {
  text-decoration: none;
}
.link.-pre {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.link.-pre.-center {
  justify-content: center;
}
.link.-pre .link__label {
  text-decoration: underline;
  display: inline-block;
}
.link.-pre .link__icon {
  margin-right: 8px;
}
.link.-pre .link__icon::before {
  font-size: 20px;
}
.link.-pre:hover .link__label {
  text-decoration: none;
}
.link.-post {
  text-decoration: none;
}
.link.-post .link__label {
  text-decoration: underline;
  padding-right: 8px;
}
.link.-post .link__icon {
  position: relative;
  top: 2px;
}
.link.-post:hover .link__label {
  text-decoration: none;
}
.link.-inline {
  display: inline;
}
.more__link {
  text-align: center;
  cursor: pointer;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.more__link .more__link-icon {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #fff;
  background: #FF6F0D;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  border-radius: 100%;
  margin: 0 auto 10px;
  transition: all 250ms ease;
}
.more__link .more__link-icon::before {
  content: "";
}
.more__link .more__link-label {
  color: #FF6F0D;
  font-size: 14px;
  text-transform: uppercase;
  transition: all 250ms ease;
}
.more__link:hover .more__link-label {
  color: #FF6F0D;
}
.more__link:hover .more__link-icon {
  background: #FF6F0D;
}
.textfield {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  border: 1px solid #FF6F0D;
  border-radius: 4px;
  background: #fff;
  cursor: text;
  color: #212121;
  overflow: hidden;
}
.textfield .textfield__field {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: 0;
  padding: 14.5px 10px;
  position: relative;
  z-index: 1;
  border: 0;
  background: transparent;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #212121;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.textfield .textfield__field:focus {
  background: #FFEFDC;
}
.textfield .textfield__field::-ms-reveal, .textfield .textfield__field::-ms-clear {
  display: none;
}
.textfield .textfield__field::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.textfield .button__icon {
  cursor: pointer;
  z-index: 2;
  color: #212121;
  padding: 0 10px;
}
.textfield .button__icon:hover {
  color: #FF6F0D;
}
.textfield.-pre .button__icon {
  padding-right: 0;
}
.textfield.-post .button__icon {
  padding-left: 0;
}
.textfield .textfield__addon {
  padding-left: 8px;
  padding-right: 8px;
}
.textfield .textfield__addon.-first {
  padding-left: 0;
}
.textfield.-xs {
  max-width: 80px;
}
.textfield .textfield__icon {
  cursor: pointer;
  color: #212121;
  font-size: 12px;
  z-index: 1;
  position: absolute;
}
.textfield .textfield__icon:hover {
  color: #FF6F0D;
}
.textfield .link {
  padding-right: 10px;
  font-size: 14px;
  text-decoration: underline;
}
.textfield .link:hover {
  text-decoration: none;
}
.textfield:hover, .textfield:focus, .textfield:active, .textfield.-active {
  border-color: #FF6F0D;
}
.textfield.-disabled {
  pointer-events: none;
  border-color: #FFBC89;
  color: #FFBC89;
  background: #FFEFDC;
  opacity: 1;
}
.textfield.-disabled.-link {
  opacity: 1;
}
.textfield.-disabled.-link .textfield__field {
  opacity: 0.6;
}
.textfield.-disabled.-modify {
  display: flex;
  align-items: center;
}
.textfield.-disabled.-modify .button__icon {
  order: 2;
  pointer-events: all;
}
.textfield.-disabled.-modify .button__icon:hover {
  color: #FF6F0D;
}
.textfield.-disabled .textfield__field:disabled {
  color: #FFBC89;
  -webkit-text-fill-color: #FFBC89;
  opacity: 1;
}
.textfield.-unvalid, .textfield.-invalid {
  border-color: #C80E15;
  background: #FAE7E8;
}
.textfield.-unvalid .textfield__field, .textfield.-invalid .textfield__field {
  color: #7A090D;
}
.textfield.-unvalid .textfield__field:hover, .textfield.-unvalid .textfield__field:focus, .textfield.-unvalid .textfield__field:active, .textfield.-invalid .textfield__field:hover, .textfield.-invalid .textfield__field:focus, .textfield.-invalid .textfield__field:active {
  background: #FAE7E8;
}
.textfield.-title {
  border: 0;
  pointer-events: none;
}
.textfield.-title .textfield__field {
  color: #FF6F0D;
  padding-left: 0;
  padding-right: 0;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.textfield.-readonly {
  pointer-events: none;
  opacity: 0.8;
  text-align: left;
  cursor: normal;
  background-color: #FFEFDC;
}
.textfield.-ghost {
  pointer-events: none;
  border: 0;
  background: 0;
}
.textfield.-ghost .textfield__field {
  padding: 0;
}
.textfield.-moreless {
  position: relative;
  text-align: center;
  font-size: 18px;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  align-items: stretch;
  overflow: hidden;
  display: grid;
  grid-template-columns: 44px 1fr 44px;
}
.textfield.-moreless.-withparam {
  grid-template-columns: 44px auto 1fr 44px;
}
.textfield.-moreless.-withparam .textfield__field {
  text-align: left;
}
.textfield.-moreless .button__icon {
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  color: #FF6F0D;
  font-size: 20px;
  text-align: center;
  background: #FFD5B3;
  height: 100%;
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.textfield.-moreless .button__icon.-less::before {
  content: "-";
}
.textfield.-moreless .button__icon.-more::before {
  content: "+";
}
.textfield.-moreless .button__icon:hover {
  background: #FFBC89;
}
.textfield.-moreless .textfield__moreless-placeholder {
  color: #969696;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 1px;
}
.textfield.-moreless .textfield__field {
  padding: 11px 5px;
  text-align: center;
  color: #212121;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.textfield.-moreless .textfield__field:hover, .textfield.-moreless .textfield__field:focus, .textfield.-moreless .textfield__field:active, .textfield.-moreless .textfield__field.-active {
  background: #fff;
}
.textfield.-moreless.-invalid .textfield__field {
  color: #7A090D;
}
.textfield.-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: transparent;
  border: 0;
}
.textfield.-date:hover, .textfield.-date:focus, .textfield.-date:active, .textfield.-date.-active {
  border: 0;
}
.textfield.-date.-unvalid:hover, .textfield.-date.-unvalid:focus, .textfield.-date.-unvalid:active, .textfield.-date.-invalid:hover, .textfield.-date.-invalid:focus, .textfield.-date.-invalid:active {
  border-color: transparent;
  background: transparent;
}
.textfield.-date .textfield__field {
  border-color: #FF6F0D;
  border-width: 1px;
  border-radius: 4px;
  border-style: solid;
  background: #fff;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.textfield.-date .textfield__field.-year {
  min-width: 60px;
}
.textfield.-date .textfield__field:hover, .textfield.-date .textfield__field:focus, .textfield.-date .textfield__field:active, .textfield.-date .textfield__field.-active {
  border-color: #FF6F0D;
}
.textfield.-date .textfield__field:focus {
  background: #FFEFDC;
}
.textfield.-date .textfield__field.-unvalid, .textfield.-date .textfield__field.-invalid {
  border-color: #C80E15;
}
.textfield.-date .textfield__field.-unvalid:hover, .textfield.-date .textfield__field.-unvalid:focus, .textfield.-date .textfield__field.-unvalid:active, .textfield.-date .textfield__field.-unvalid.-active, .textfield.-date .textfield__field.-invalid:hover, .textfield.-date .textfield__field.-invalid:focus, .textfield.-date .textfield__field.-invalid:active, .textfield.-date .textfield__field.-invalid.-active {
  border-color: #FF6F0D;
}
.textfield.-date .textfield__field.-disabled {
  pointer-events: none;
  border-color: #FF6F0D;
  background: #FFEFDC;
}
.textfield.-date.-unvalid, .textfield.-date.-invalid {
  border: 0;
}
.textfield.-date.-unvalid .textfield__field, .textfield.-date.-invalid .textfield__field {
  border-color: #C80E15;
}
.textfield.-date.-unvalid .textfield__field:hover, .textfield.-date.-unvalid .textfield__field:focus, .textfield.-date.-unvalid .textfield__field:active, .textfield.-date.-unvalid .textfield__field.-active, .textfield.-date.-invalid .textfield__field:hover, .textfield.-date.-invalid .textfield__field:focus, .textfield.-date.-invalid .textfield__field:active, .textfield.-date.-invalid .textfield__field.-active {
  border-color: #FF6F0D;
}
.textfield.-date.-ghost .textfield__field {
  background: transparent;
  border: 0;
  pointer-events: none;
  text-align: center;
}
.textfield.-w-1, .textfield.-s {
  width: 100px;
}
.textfield.-m {
  width: 150px;
}
.textfield.-ml50 {
  max-width: 470px;
}
.textfield.-postcode {
  width: 100px;
}
.textfield.-psw .button__icon {
  z-index: 1;
}
.textfield.-txt {
  justify-content: flex-start;
  align-items: center;
}
.textfield.-txt.-s {
  max-width: 100px;
}
.textfield.-txt.-m {
  max-width: 200px;
}
.textfield.-txt .textfield__info {
  color: #969696;
  z-index: 1;
  cursor: pointer;
  display: inline-block;
  text-align: right;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  padding: 0 10px;
}
.textfield.-txt .textfield__field {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  line-height: 1.3;
}
.textfield.-txt:focus {
  background: #FFEFDC;
}
.textfield.-txt.-before .textfield__field {
  order: 2;
}
.textfield.-txt.-before .textfield__info {
  order: 1;
}
.textfield.-password {
  font-size: 18px;
}
.textfield.-password .button__icon {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #FF6F0D;
}
.textfield.-password .button__icon:hover {
  color: #D94204;
}
.textfield.-password.-on .button__icon::before {
  content: "";
}
.textfield.-password.-off .button__icon::before {
  content: "";
}
.textfield.-as-param {
  max-width: 150px;
}
.textfield.-param {
  padding: 0;
  max-width: 150px;
  align-items: stretch;
  justify-content: space-between;
}
.textfield.-param.w-100 {
  max-width: 100%;
}
.textfield.-param.-cb {
  max-width: 250px;
}
.textfield.-param .textfield__param {
  background: #FFEFDC;
  color: #FF6F0D;
  border-radius: 8px;
  margin: 4px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  margin: 6px;
  font-size: 14px;
}
.textfield.-param.-before .textfield__field {
  order: 2;
}
.textfield.-param.-before .textfield__param {
  order: 1;
}
.textfield.-phone {
  align-items: stretch;
  line-height: 1.4;
  grid-gap: 0;
  gap: 0;
}
.textfield.-phone .textfield__prefix {
  display: flex;
  align-items: center;
  background: #FFD5B3;
  white-space: nowrap;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  left: 0;
  top: 0;
  min-width: 100px;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.textfield.-phone .textfield__field {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.textfield.-phone .select {
  border: none;
}
.textfield.textfield__date {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1.5fr;
}
.textfield.textfield__date.-withoutyear {
  max-width: 150px;
  grid-template-columns: 1fr auto 1fr;
}
.textfield.textfield__date.-icon {
  grid-template-columns: 1fr auto 1fr auto 1.5fr 0.5fr;
  grid-gap: 2px;
  gap: 2px;
}
.textfield.textfield__date.-icon .button__icon {
  padding: 0;
}
.textfield.textfield__date .textfield__separator {
  text-align: center;
  color: #D6D6D6;
}
.textfield.textfield__date .textfield__icon {
  font-size: 18px;
  color: #212121;
  position: relative;
}
.textfield.textfield__date .textfield__icon:hover {
  color: #FF6F0D;
}
.textfield.textfield__date .textfield__field {
  text-align: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.textfield.textfield__date .textfield__field:hover, .textfield.textfield__date .textfield__field:focus, .textfield.textfield__date .textfield__field:active, .textfield.textfield__date .textfield__field.-active {
  background: transparent;
}
.textfield.-datalist .textfield__field::-webkit-calendar-picker-indicator {
  color: #212121;
  transform: scale(0.8);
}
.textfield.-datalist:hover .textfield__field::-webkit-calendar-picker-indicator {
  color: #FF6F0D;
}
.textfield.-plate {
  max-width: 150px;
  border: 1px solid #FF6F0D;
  padding: 1px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  grid-gap: 0;
  gap: 0;
  display: flex;
  align-items: stretch;
}
.textfield.-plate .textfield__plate {
  background: #089EDD;
  color: #fff;
  border-radius: 4px 0 0 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 48px;
  font-size: 30px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.textfield.-plate .textfield__field {
  text-transform: uppercase;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  padding-top: 15px;
  padding-bottom: 15px;
}
.textfield.-plate.-mf {
  max-width: 225px;
  margin: 0 auto;
  border-radius: 8px;
  padding: 3px;
  grid-gap: 4px;
  gap: 4px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.textfield.-plate.-mf .textfield__plate {
  border-radius: 5px;
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  text-align: center;
}
.textfield.-plate.-mf .textfield__field {
  width: calc(100% - 35px);
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-align: center;
  font-size: 30px;
  padding: 6px 0;
  color: #C80E15;
}
.textfield.-plate.-mf .textfield__field.-readonly {
  cursor: normal;
}
.textfield.-plate.-left {
  margin: 0;
}
.textfield.-time, .textfield.group {
  border: none;
}
.textfield.-time .textfield__field, .textfield.group .textfield__field {
  border: 1px solid #FF6F0D;
  border-radius: 4px;
  cursor: text;
  color: #212121;
}
.textfield.-time .textfield__field {
  max-width: 60px;
}
.textfield-date {
  display: flex;
  align-items: center;
  position: relative;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  max-width: 100%;
  cursor: default;
}
.textfield-date .textfield {
  width: auto;
  display: inline-block;
  max-width: 30%;
}
.textfield-date .textfield__separator {
  padding-left: 4px;
  padding-right: 4px;
  color: #D6D6D6;
}
.textfield-date.-unvalid .textfield, .textfield-date.-invalid .textfield {
  border-color: #C80E15;
}
@media (min-width: 576px) {
  .textfield__wrap {
    display: flex;
    align-items: flex-start;
  }
}
@media (min-width: 576px) {
  .textfield__wrap.widthcp {
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns: 100px 1fr;
  }
}
.textfield__wrap.-s {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.textfield__wrap.-s .textfield__element {
  margin-right: 20px;
  margin-bottom: 0;
}
.textfield__wrap .textfield__element {
  width: 100%;
  margin-bottom: 16px;
}
@media (min-width: 576px) {
  .textfield__wrap .textfield__element {
    margin-right: 20px;
    margin-bottom: 0;
  }

  .textfield__wrap .textfield__element:last-child {
    margin-right: 0;
  }
}
.textfield__wrap .textfield__element:last-child {
  margin-right: 0;
}
.textfield__wrap .textfield__element .textfield.-s {
  max-width: 150px;
}
@media (min-width: 576px) {
  .textfield__wrap .textfield__element.-cp {
    width: 250px;
  }
}
.belgian-bank-account .textfield {
  max-width: 250px;
}
md-datepicker {
  background: #fff;
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 1px solid #FF6F0D;
  border-radius: 4px;
}
md-datepicker._md-datepicker-has-triangle-icon {
  margin: 0;
  padding: 0;
}
md-datepicker md-icon {
  line-height: 24px;
}
md-datepicker md-icon svg {
  display: none;
}
md-datepicker .md-button.md-default-theme:not([disabled]).md-focused,
md-datepicker .md-button:not([disabled]).md-focused,
md-datepicker .md-button.md-default-theme:not([disabled]):hover,
md-datepicker .md-button:not([disabled]):hover {
  background: transparent;
}
md-datepicker .md-datepicker-button,
md-datepicker .md-datepicker-button.md-focused,
md-datepicker .md-button.md-icon-button {
  order: 2;
  background: transparent;
  line-height: 40px;
  font-size: 20px;
}
md-datepicker .md-datepicker-button::before,
md-datepicker .md-datepicker-button.md-focused::before,
md-datepicker .md-button.md-icon-button::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
}
md-datepicker .md-datepicker-button:hover::before, md-datepicker .md-datepicker-button:focus::before,
md-datepicker .md-datepicker-button.md-focused:hover::before,
md-datepicker .md-datepicker-button.md-focused:focus::before,
md-datepicker .md-button.md-icon-button:hover::before,
md-datepicker .md-button.md-icon-button:focus::before {
  color: #FF6F0D;
}
md-datepicker .md-datepicker-input-container {
  order: 1;
  border: 0;
}
md-datepicker .md-datepicker-input-container.md-datepicker-unvalid .md-datepicker-input {
  color: #C80E15;
}
md-datepicker .md-datepicker-input-container.md-datepicker-focused {
  border: 0;
}
md-datepicker .md-datepicker-input-container .md-datepicker-triangle-button {
  display: none;
}
md-datepicker .md-datepicker-input-container .md-datepicker-input {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  min-width: 100px;
  max-width: 100%;
  padding: 0;
  line-height: 14px;
}
.md-datepicker-calendar-pane {
  border-radius: 4px;
  box-shadow: 0 1px 8px 1px rgba(57, 79, 93, 0.15);
}
.md-datepicker-calendar-pane .md-datepicker-calendar {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.md-datepicker-calendar-pane .md-datepicker-calendar .md-calendar-day-header {
  background: #FF6F0D;
  color: #fff;
}
.md-datepicker-calendar-pane .md-datepicker-calendar .md-calendar-month-label {
  background: #FFBC89;
}
.md-datepicker-calendar-pane .md-datepicker-calendar .md-calendar-date-selection-indicator {
  transition: all 250ms ease;
  background: #fff;
}
.md-datepicker-calendar-pane .md-datepicker-calendar .md-calendar-date-selection-indicator:hover {
  background: #FFD5B3;
}
.md-datepicker-calendar-pane .md-datepicker-calendar .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
  background: #FF6F0D;
  color: #fff;
}
.md-datepicker-calendar-pane .md-datepicker-calendar .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
  border-color: #FF6F0D;
}
.datepicker {
  display: flex;
  align-items: center;
}
.datepicker.textfield.-post .textfield__field {
  padding-right: 0;
  width: calc(100% - 43px);
}
.datepicker.textfield .datepicker__icon {
  padding: 0;
}
.datepicker mat-datepicker-toggle {
  cursor: pointer;
}
.datepicker mat-datepicker-toggle .mat-icon-button,
.datepicker mat-datepicker-toggle .mat-icon-button:active,
.datepicker mat-datepicker-toggle .mat-icon-button:focus {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background: transparent;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #FF6F0D;
}
.datepicker mat-datepicker-toggle .mat-icon-button .mat-button-wrapper,
.datepicker mat-datepicker-toggle .mat-icon-button:active .mat-button-wrapper,
.datepicker mat-datepicker-toggle .mat-icon-button:focus .mat-button-wrapper {
  cursor: pointer;
  font-size: 16px;
}
.datepicker mat-datepicker-toggle .mat-icon-button .mat-button-wrapper::before,
.datepicker mat-datepicker-toggle .mat-icon-button:active .mat-button-wrapper::before,
.datepicker mat-datepicker-toggle .mat-icon-button:focus .mat-button-wrapper::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  cursor: pointer;
}
.datepicker mat-datepicker-toggle .mat-icon-button .mat-button-wrapper svg,
.datepicker mat-datepicker-toggle .mat-icon-button:active .mat-button-wrapper svg,
.datepicker mat-datepicker-toggle .mat-icon-button:focus .mat-button-wrapper svg {
  display: none;
}
.datepicker mat-datepicker-toggle .mat-icon-button:hover {
  color: #FF6F0D;
}
mat-datepicker-content.mat-datepicker-content {
  display: block;
  border-radius: 4px;
}
mat-datepicker-content.mat-datepicker-content .mat-calendar {
  width: 296px;
  max-height: 354px;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
mat-datepicker-content .mat-calendar {
  display: block;
}
mat-datepicker-content .mat-calendar-header {
  padding: 10px 0 0 0;
  background: transparent;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-controls {
  display: flex;
  align-items: center;
  justify-content: center;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-spacer {
  display: none;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button {
  order: 2;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-previous-button {
  order: 1;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-next-button {
  order: 3;
}
mat-datepicker-content .mat-calendar-header .mat-button {
  color: #212121;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  background: transparent;
}
mat-datepicker-content .mat-calendar-header .mat-icon-button {
  background: transparent;
  color: #FF6F0D;
}
mat-datepicker-content .mat-calendar-header .mat-button-wrapper {
  display: flex;
  align-items: center;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-arrow {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  max-width: 14px;
  max-height: 14px;
  line-height: 14px;
  margin: 0 0 0 14px;
  border: 0;
  font-size: 7px;
  fill: #FF6F0D;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-arrow.mat-calendar-invert {
  transform: rotate(180deg);
}
mat-datepicker-content .mat-calendar-content {
  padding: 0 20px 20px 20px;
  outline: 0;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-table-header {
  color: #FF6F0D;
  font-size: 14px;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-table-header tr {
  text-align: center;
  padding: 0;
  border-radius: 4px;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-table-header tr th {
  padding: 10px;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-table-header tr:last-child {
  display: none;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-label {
  border-radius: 4px;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell .mat-calendar-body-cell-content {
  border: 1px solid #757575;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: #fff;
  border-radius: 4px;
  transition: all 250ms ease;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell .mat-calendar-body-cell-content:hover {
  background: #FFD5B3;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background: #FF6F0D;
  color: #fff;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-today {
  background: #FFD5B3;
  color: #212121;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell.mat-calendar-body-disabled {
  opacity: 0.5;
  pointer-events: none;
}
mat-datepicker-content .mat-calendar-controls {
  display: flex;
  margin: 0;
}
mat-datepicker-content .mat-calendar-spacer {
  flex: 1 1 auto;
}
mat-datepicker-content .mat-calendar-period-button {
  min-width: 0;
}
mat-datepicker-content [dir=rtl] .mat-calendar-arrow {
  margin: 0 5px 0 0;
}
mat-datepicker-content .mat-calendar-next-button, mat-datepicker-content .mat-calendar-previous-button {
  position: relative;
}
mat-datepicker-content .mat-calendar-next-button::after, mat-datepicker-content .mat-calendar-previous-button::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  content: "";
  margin: 15.5px;
  border: 0 solid currentColor;
  border-top-width: 2px;
}
mat-datepicker-content [dir=rtl] .mat-calendar-next-button, mat-datepicker-content [dir=rtl] .mat-calendar-previous-button {
  transform: rotate(180deg);
}
mat-datepicker-content .mat-calendar-previous-button::after {
  border-left-width: 2px;
  transform: translateX(2px) rotate(-45deg);
}
mat-datepicker-content .mat-calendar-next-button::after {
  border-right-width: 2px;
  transform: translateX(-2px) rotate(45deg);
}
mat-datepicker-content .mat-calendar-table {
  border-spacing: 3px;
  border-collapse: separate;
  width: 100%;
}
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-global-overlay-wrapper, .cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.mat-dialog-container {
  background: #fff;
  display: block;
  padding: 24px;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: auto;
  outline: 0;
  width: 100%;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
}
.mat-datepicker-content {
  background: #fff;
  color: #212121;
  display: block;
  border-radius: 4px;
}
.mat-datepicker-content-touch {
  display: block;
  max-height: 80vh;
  overflow: auto;
  margin: -24px;
}
.datepicker__wrap {
  display: flex;
  grid-gap: 12px;
  gap: 12px;
}
.datepicker__wrap .datepicker {
  width: auto;
}
input::-webkit-calendar-picker-indicator {
  display: none !important;
}
datalist {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input:required {
  box-shadow: 0 0 0 transparent;
}
input::-ms-clear, input::-ms-reveal {
  display: none;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
textarea:-internal-autofill-selected,
select:-internal-autofill-previewed,
select:-internal-autofill-selected {
  color: #212121 !important;
  -webkit-text-fill-color: #212121 !important;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  background-color: transparent !important;
  font-family: "Regular", sans-serif !important;
}
.select .select__field::-moz-placeholder {
  color: #969696;
}
.select .select__field::placeholder, .select .select__field.-placeholder {
  color: #969696;
}
.select .select__field::-moz-placeholder option {
  color: #000;
}
.select .select__field::placeholder option, .select .select__field.-placeholder option {
  color: #000;
}
option {
  color: #000 !important;
}
option[disabled] {
  color: #969696 !important;
}
.textfield .textfield__field::-moz-placeholder {
  font-family: "Regular", sans-serif !important;
  font-weight: 400 !important;
}
.textfield .textfield__field::placeholder {
  font-family: "Regular", sans-serif !important;
  font-weight: 400 !important;
}
input.textfield__field.-disabled::-moz-placeholder {
  display: none;
}
input.textfield__field.-disabled::placeholder {
  display: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
  font-family: "Regular", sans-serif !important;
}
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: 0 0 0 1000px #FFFaf6 inset;
  font-family: "Regular", sans-serif !important;
}
.textfield.-plate input:-internal-autofill-previewed,
.textfield.-plate input:-internal-autofill-selected {
  color: #FF6F0D !important;
  -webkit-text-fill-color: #FF6F0D !important;
}
*::-ms-clear {
  display: none;
}
*:hover,
*:focus,
*:active {
  outline: 0 !important;
  outline-style: none !important;
  outline-width: 0px !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important;
}
::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #969696;
  opacity: 0.5;
  /* Firefox */
}
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #969696;
  opacity: 0.5;
  /* Firefox */
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #969696;
  opacity: 0.5;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #969696;
  opacity: 0.5;
}
.textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 16px;
  color: #212121;
  line-height: 1.4;
  border: 1px solid #FF6F0D;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}
.textarea .textarea__field {
  width: 100%;
  height: 100%;
  display: block;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 12px;
  color: #212121;
  outline: 0;
  resize: none;
  border: 0;
  background: transparent;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.textarea .textarea__field::-webkit-scrollbar-track {
  -webkit-box-shadow: 0 0 0 transparent;
  background-color: transparent;
}
.textarea .textarea__field::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
}
.textarea .textarea__field::-webkit-scrollbar-thumb {
  background-color: #FF6F0D;
  border: 2px solid #fff;
  border-radius: 8px;
}
.textarea .textarea__field:focus {
  background: #FFEFDC;
}
.textarea:hover, .textarea:focus, .textarea:active {
  border-color: #FF6F0D;
}
.textarea.-is-disabled, .textarea.-disabled {
  opacity: 1;
  border-color: #FFBC89;
  color: #FFBC89;
  background: #FFEFDC;
  pointer-events: none;
}
.textarea.-ghost, .textarea.-is-ghost {
  border-color: transparent;
  box-shadow: 0 0 0 transparent;
}
.textarea.-ghost:hover, .textarea.-ghost:focus, .textarea.-ghost:active, .textarea.-is-ghost:hover, .textarea.-is-ghost:focus, .textarea.-is-ghost:active {
  border-color: #FF6F0D;
}
.textarea.-unvalid, .textarea.-invalid {
  border-color: #C80E15;
  background: #FAE7E8;
}
.textarea.-unvalid .textarea__field, .textarea.-invalid .textarea__field {
  color: #C80E15;
}
.textarea.-unvalid .textarea__field:focus, .textarea.-invalid .textarea__field:focus {
  background: #FAE7E8;
}
.textarea.-unvalid .textarea__field::-webkit-scrollbar-thumb, .textarea.-invalid .textarea__field::-webkit-scrollbar-thumb {
  background-color: #C80E15;
}
.textarea .textarea__button .button__icon {
  font-size: 24px;
  width: 34px;
  height: 34px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -10px;
  color: #FF6F0D;
}
.textarea .textarea__button:hover .button__icon {
  color: #FF6F0D;
}
.textarea.textarea-popin {
  margin-top: 16px;
}
.textarea.textarea-popin .textarea__field {
  height: 250px;
}
.textarea__counter {
  text-align: right;
  color: #969696;
  font-size: 14px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  margin-top: 4px;
}
.textarea__legend {
  font-size: 12px;
  color: #969696;
  text-align: left;
  margin-top: 4px;
}
.select {
  display: inline-block;
  position: relative;
  width: 100%;
  height: auto;
  border-color: #FF6F0D;
  border-width: 1px;
  border-radius: 4px;
  border-style: solid;
  background: #fff;
}
.select .select__icon {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  color: #FF6F0D;
  z-index: 0;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  line-height: 16px;
  display: block;
  font-size: 16px;
  font-family: "ethias", sans-serif !important;
  cursor: pointer;
  transition: all 250ms ease;
}
.select .select__icon:before {
  content: "";
}
.select .select__icon.-delete {
  font-size: 12px;
  z-index: 2;
}
.select .select__icon.-delete:before {
  content: "";
}
.select .select__field {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #212121;
  width: 100%;
  padding: 15.5px 30px 15.5px 10px;
  background: transparent;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  border: none;
  order: 1;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.select .select__field::-ms-expand {
  display: none;
}
.select .select__field:focus {
  outline: 0;
}
.select .select__field:disabled, .select .select__field[disabled=true], .select .select__field.-disabled, .select .select__field[disabled=disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.select .select__field.empty {
  opacity: 0.5;
}
.select .select__field.empty .ui-disabled {
  background: inherit !important;
}
.select .select__field option {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.select:hover, .select:focus, .select:active {
  border-color: #FF6F0D;
}
.select:hover .select__icon, .select:focus .select__icon, .select:active .select__icon {
  color: #FF6F0D;
}
.select + .messages.-error {
  margin-top: 2px;
  display: block;
}
.select.-unvalid, .select.-invalid, .select.-error {
  border-color: #C80E15;
  background-color: #FAE7E8;
}
.select.-unvalid .select__field, .select.-invalid .select__field, .select.-error .select__field {
  color: #C80E15;
}
.select.-unvalid .select__icon, .select.-invalid .select__icon, .select.-error .select__icon {
  color: #C80E15;
}
.select.-placeholder .select__field {
  color: #969696;
}
.select.-datalist input::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.select.-datalist .select__icon {
  opacity: 0;
}
.select.-datalist:hover .select__icon, .select.-datalist:focus .select__icon, .select.-datalist:active .select__icon {
  opacity: 1;
}
.select.-disabled, .select.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select.-ghost {
  pointer-events: none;
  border: 0;
  background: 0;
}
.select.-ghost .select__field {
  padding: 0;
}
.select.-ghost .select__icon {
  display: none;
}
.select.-false {
  cursor: pointer;
  position: relative;
  text-align: left;
  z-index: 5;
  height: 50px;
}
.select.-false .select__textfield {
  width: 100%;
  height: 100%;
  border: 0;
  -webkit-appearance: none;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  border-radius: 4px;
  color: #212121;
  cursor: pointer;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 26px;
}
.select.-false .select__label {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #212121;
  width: 100%;
  padding-left: 12px;
  padding-right: 24px;
  padding-top: 13px;
  padding-bottom: 13px;
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  border: none;
  order: 1;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select.-false .select__label.-placeholder {
  color: #969696;
}
.select.-false .select__list-wrap {
  display: none;
  max-height: 200px;
  overflow: hidden;
  position: absolute;
  left: -1px;
  top: -4px;
  width: calc(100% + 2px);
  background: #fff;
  border: 1px solid #FF6F0D;
  border-radius: 4px;
  z-index: 5;
}
.select.-false .select__list-wrap .select__list {
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 5;
  overflow-y: auto;
  max-height: 200px;
  width: calc(100% + 20px);
}
.select.-false .select__list-wrap .select__list .select__item {
  margin: 0;
  background: #fff;
  padding: 12px;
  position: relative;
  z-index: 5;
  list-style: none;
  width: calc(100% - 20px);
  transition: all 250ms ease;
}
.select.-false .select__list-wrap .select__list .select__item:hover {
  background: #FFEFDC;
}
.select.-false .select__list-wrap .select__list .select__item:last-child {
  border-radius: 0 0 4px 4px;
}
.select.-false .select__list-wrap .select__list .select__item:first-child {
  border-radius: 4px 4px 0 0;
}
.select.-false.-active .select__list-wrap {
  display: block;
}
.select.-false.-disabled {
  background: #FFEFDC;
  color: #FFBC89;
  pointer-events: none;
}
.select.-false.-disabled .select__textfield {
  background: #FFEFDC;
  color: #FFBC89;
}
.select.-false.-disabled::before {
  color: #FFBC89;
}
.select.-multiple {
  height: 150px;
  border: 0;
}
.select.-multiple .select__list-wrap {
  max-height: 150px;
  overflow: hidden;
  position: absolute;
  left: -1px;
  top: -4px;
  width: calc(100% + 2px);
  background: #fff;
  border: 1px solid #FF6F0D;
  border-radius: 4px;
  z-index: 5;
}
.select.-multiple .select__list-wrap .select__list {
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 5;
  overflow-y: scroll;
  max-height: 150px;
  width: 100%;
}
.select.-multiple .select__list-wrap .select__list::-webkit-scrollbar-track {
  -webkit-box-shadow: 0 0 0 transparent;
  background-color: transparent;
}
.select.-multiple .select__list-wrap .select__list::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
}
.select.-multiple .select__list-wrap .select__list::-webkit-scrollbar-thumb {
  background-color: #FF6F0D;
  border: 2px solid #fff;
  border-radius: 8px;
}
.select.-multiple .select__list-wrap .select__list .select__item {
  margin: 0;
  cursor: pointer;
  background: #fff;
  padding: 12px;
  position: relative;
  z-index: 5;
  list-style: none;
  width: 100%;
  transition: all 250ms ease;
}
.select.-multiple .select__list-wrap .select__list .select__item:hover, .select.-multiple .select__list-wrap .select__list .select__item.-active {
  background: #FFEFDC;
}
.select.-multiple .select__list-wrap .select__list .select__item:last-child {
  border-radius: 0 0 4px 4px;
}
.select.-multiple .select__list-wrap .select__list .select__item:first-child {
  border-radius: 4px 4px 0 0;
}
@media (min-width: 768px) {
  .select__wrap {
    display: flex;
    align-items: center;
    grid-gap: 4px;
    gap: 4px;
  }

  .select__wrap .select {
    margin-right: 8px;
  }

  .select__wrap .select:last-child {
    margin-right: 0;
  }
}
.checkbox {
  display: inline-block;
}
.checkbox.no-label {
  margin-top: 28px;
}
.checkbox.no-label label {
  margin-bottom: 6px;
}
.checkbox .checkbox__field {
  display: none;
}
.checkbox .checkbox__label {
  position: relative;
  display: flex;
  align-items: flex-start;
  line-height: 1;
  cursor: pointer;
}
.checkbox .checkbox__label:after {
  display: none;
}
.checkbox .checkbox__label::before {
  content: "";
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  margin-right: 8px;
  position: relative;
  top: 4px;
  border: 1px solid #757575;
  display: inline-block;
  background: #fff;
  border-radius: 2px;
  transition: all 250ms ease;
}
.checkbox .checkbox__label .checkbox__icon {
  position: absolute;
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  line-height: 18px;
  text-align: center;
  display: block;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 12px;
  transform: scale(0);
  transition: all 150ms ease;
}
.checkbox .checkbox__label .checkbox__icon::before {
  content: "";
}
.checkbox .checkbox__label .checkbox__text {
  position: relative;
  top: 2px;
  line-height: 1.4;
}
.checkbox .checkbox__label .checkbox__text .-sub {
  display: block;
  font-size: 14px;
  margin-top: 8px;
}
.checkbox.-is-checked .checkbox__label::before {
  background: #31933E;
  border: 1px solid #31933E;
}
.checkbox.-is-checked .checkbox__label .checkbox__icon {
  transform: scale(1);
  transition: all 150ms ease;
}
.checkbox.-is-checked .checkbox__field:checked + label::before {
  border-color: #31933E;
}
.checkbox.-primary.-is-checked .checkbox__label::before {
  background: #FF6F0D;
  border-color: #FF6F0D;
}
.checkbox.-primary.-is-checked .checkbox__field:checked + label::before {
  border-color: #FF6F0D;
}
.checkbox.-disabled {
  pointer-events: none;
}
.checkbox.-disabled .checkbox__label::before,
.checkbox.-disabled .checkbox__label::after {
  opacity: 0.8;
}
.checkbox.-disabled .checkbox__label {
  opacity: 0.5;
}
.checkbox.-disabled.-is-checked .checkbox__label {
  opacity: 1;
}
.checkbox.-disabled.-is-checked .checkbox__label::after, .checkbox.-disabled.-is-checked .checkbox__label::before {
  opacity: 0.4;
}
.checkbox.-readonly {
  pointer-events: none;
}
.checkbox.-readonly.-is-checked .checkbox__label {
  opacity: 1;
}
.checkbox.-unvalid .checkbox__label:before, .checkbox.-invalid .checkbox__label:before {
  border-color: #C80E15;
}
.checkbox.-toggle {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .checkbox.-toggle {
    flex-direction: row;
  }
}
.checkbox.-toggle .checkbox__toggle-label {
  margin-left: 12px;
  cursor: pointer;
}
.checkbox.-toggle .checkbox__toggle {
  background: #969696;
  border-radius: 80px;
  width: 60px;
  height: 35px;
  max-width: 60px;
  max-height: 35px;
  min-width: 60px;
  min-height: 35px;
  position: relative;
  display: block;
  cursor: pointer;
  transition: all 250ms ease;
  margin: 0 auto 20px;
}
.checkbox.-toggle .checkbox__toggle::before {
  content: "";
  width: 30px;
  height: 29px;
  min-width: 29px;
  min-height: 29px;
  max-width: 29px;
  max-height: 29px;
  display: inline-block;
  background: #fff;
  border-radius: 100%;
  transition: all 250ms ease;
  position: absolute;
  left: 3px;
  top: 3px;
}
@media (min-width: 768px) {
  .checkbox.-toggle .checkbox__toggle {
    margin: 0;
  }
}
.checkbox.-toggle.-is-checked .checkbox__toggle {
  background: #31933E;
}
.checkbox.-toggle.-is-checked .checkbox__toggle::before {
  left: calc(100% - 32px);
  background: #fff;
}
.checkbox.-toggle.-slider {
  background: #969696;
  width: 50px;
  height: 30px;
  min-width: 50px;
  min-height: 30px;
  max-width: 50px;
  max-height: 30px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
  transition: all 250ms ease;
}
.checkbox.-toggle.-slider .checkbox__field {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  z-index: 2;
  position: relative;
  cursor: pointer;
  opacity: 0;
}
.checkbox.-toggle.-slider .checkbox__slider::before {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  background: #fff;
  border-radius: 100%;
  margin-bottom: 0;
  display: inline-block;
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  transition: all 250ms ease;
}
.checkbox.-toggle.-slider.-active {
  background: #31933E;
}
.checkbox.-toggle.-slider.-active .checkbox__slider::before {
  left: auto;
  right: 3px;
}
.checkbox.-agree {
  margin-left: 0;
  width: 100%;
  text-align: left;
}
.checkbox.-agree a {
  color: #FF6F0D;
}
.checkbox.-agree a:hover {
  color: #D94204;
}
.checkbox.-radio .checkbox__label {
  display: grid;
  grid-template-columns: 20px 1fr;
  grid-gap: 10px;
  gap: 10px;
  align-items: flex-start;
}
.checkbox.-radio .checkbox__label::before {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  background-color: transparent;
  border: 0;
  position: relative;
  left: 0;
  top: 0;
  font-size: 20px;
  transition: all 250ms ease;
  cursor: pointer;
  margin: 0;
  content: "";
  color: #FF6F0D;
  line-height: 1;
  margin-top: 2px;
}
.checkbox.-radio .checkbox__label::after {
  display: block;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0);
  transform-origin: center;
  transition: all 250ms ease;
  cursor: pointer;
  content: "";
  font-size: 20px;
  color: #FF6F0D;
  line-height: 1;
  margin-top: 2px;
}
.checkbox.-radio.-is-checked .checkbox__label::after {
  transform: scale(1);
}
.checkbox.-radio .checkbox__field:checked + label::before {
  border: 0;
  background-color: transparent;
}
.checkbox-wrap {
  display: grid;
  flex-wrap: wrap;
  grid-gap: 16px;
  gap: 16px;
}
.checkbox-wrap.-wrap-xs {
  display: flex;
}
@media (min-width: 576px) {
  .checkbox-wrap.-wrap-s {
    display: flex;
  }
}
@media (min-width: 768px) {
  .checkbox-wrap.-wrap-m {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .checkbox-wrap.-wrap-l {
    display: flex;
  }
}
.checkbox-wrap .checkbox {
  width: 100%;
}
@media (min-width: 768px) {
  .checkbox-wrap .checkbox .-sub {
    padding-left: 30px;
    margin-top: 4px;
    font-size: 0.9em;
  }
}
.radio {
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 768px) {
  .radio {
    flex-direction: row;
  }
}
.radio .radio__field {
  display: none;
}
.radio .radio__field.-is-checked + .radio__label::after {
  transform: scale(1);
}
.radio .radio__element {
  display: block;
  cursor: pointer;
  position: relative;
  transition: all 250ms ease;
}
.radio .radio__element.-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.radio .radio__element .radio__label {
  position: relative;
  display: block;
  cursor: pointer;
  text-align: left;
  background: transparent;
  transition: all 250ms ease;
}
.radio .radio__element .radio__label .radio__price {
  margin-top: 16px;
  display: flex;
  justify-content: flex-start;
  grid-gap: 16px;
  gap: 16px;
  font-size: 26px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
}
@media (min-width: 768px) {
  .radio .radio__element .radio__label .radio__price {
    justify-content: center;
  }
}
.radio .radio__element .radio__label .radio__price .-old {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  color: #969696;
  text-decoration: line-through;
}
.radio .radio__form {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
  padding-top: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.radio .radio__form .radio__form-label {
  font-size: 14px;
  color: #969696;
}
.radio .radio__form.-on {
  padding-top: 10px;
  height: auto;
  opacity: 1;
}
.radio .modify {
  transform: translateX(40px);
  opacity: 0;
  transition: all 250ms ease;
}
.radio .modify.-on {
  transform: translateX(0px);
  opacity: 1;
}
.radio.-listing {
  flex-direction: column;
  grid-gap: 16px;
  gap: 16px;
}
.radio.-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.radio.-s .radio__element {
  width: 100%;
}
@media (min-width: 768px) {
  .radio.-s .radio__element {
    width: 95px;
  }
}
.radio.-m .radio__element {
  width: 100%;
}
@media (min-width: 768px) {
  .radio.-m .radio__element {
    width: calc(33% - 32px);
  }
}
.radio.-m.-fullwidthmobile .radio__element {
  width: 100%;
}
@media (min-width: 768px) {
  .radio.-m.-fullwidthmobile .radio__element {
    width: calc(33% - 32px);
  }
}
.radio.-pair .radio__element {
  width: 100%;
}
@media (min-width: 768px) {
  .radio.-pair .radio__element {
    width: 50%;
  }
}
.radio.-classic, .radio.-validate, .radio.-square {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.radio.-classic.-listing, .radio.-validate.-listing, .radio.-square.-listing {
  flex-direction: column;
}
.radio.-classic .radio__element .radio__label, .radio.-validate .radio__element .radio__label, .radio.-square .radio__element .radio__label {
  padding: 0 0 0 30px;
}
.radio.-classic .radio__element .radio__label .radio__legend, .radio.-validate .radio__element .radio__label .radio__legend, .radio.-square .radio__element .radio__label .radio__legend {
  cursor: pointer;
  vertical-align: middle;
}
.radio.-classic .radio__element .radio__label .radio__legend .label, .radio.-validate .radio__element .radio__label .radio__legend .label, .radio.-square .radio__element .radio__label .radio__legend .label {
  cursor: pointer;
}
.radio.-classic .radio__element .radio__label:before, .radio.-validate .radio__element .radio__label:before, .radio.-square .radio__element .radio__label:before {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  transition: all 250ms ease;
  cursor: pointer;
  margin: 0;
}
.radio.-classic .radio__element .radio__label:after, .radio.-validate .radio__element .radio__label:after, .radio.-square .radio__element .radio__label:after {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0);
  transform-origin: center;
  transition: all 250ms ease;
  cursor: pointer;
}
.radio.-classic .radio__element .radio__form, .radio.-validate .radio__element .radio__form, .radio.-square .radio__element .radio__form {
  padding-left: 33px;
}
.radio.-classic .radio__element.-is-checked .radio__label::after, .radio.-validate .radio__element.-is-checked .radio__label::after, .radio.-square .radio__element.-is-checked .radio__label::after {
  transform: scale(1);
}
.radio.-classic .radio__element.-is-checked .radio__label .modify, .radio.-validate .radio__element.-is-checked .radio__label .modify, .radio.-square .radio__element.-is-checked .radio__label .modify {
  margin-left: 16px;
}
.radio.-classic .radio__element .radio__field.-is-checked + .radio__label:after, .radio.-validate .radio__element .radio__field.-is-checked + .radio__label:after, .radio.-square .radio__element .radio__field.-is-checked + .radio__label:after {
  transform: scale(1);
}
.radio.-classic .radio__element .radio__label::before {
  content: "";
  color: #FF6F0D;
  line-height: 1;
}
.radio.-classic .radio__element .radio__label::after {
  content: "";
  font-size: 20px;
  color: #FF6F0D;
  line-height: 1;
}
.radio.-classic .radio__element:hover .radio__label {
  color: #FF6F0D;
}
.radio.-classic.-unvalid .radio__label::before, .radio.-classic.-unvalid .radio__label::after, .radio.-classic.-invalid .radio__label::before, .radio.-classic.-invalid .radio__label::after {
  color: #C80E15;
}
.radio.-validate .radio__element .radio__label {
  color: #969696;
}
.radio.-validate .radio__element .radio__label::before, .radio.-validate .radio__element .radio__label::after {
  text-align: center;
}
.radio.-validate .radio__element .radio__label::before {
  color: #969696;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  line-height: 20px;
  content: "";
}
.radio.-validate .radio__element .radio__label:after {
  content: "";
  background: #31933E;
  color: #fff;
  border-radius: 100%;
  font-size: 10px;
  width: 21px;
  height: 21px;
  min-width: 21px;
  min-height: 21px;
  max-width: 21px;
  max-height: 21px;
  line-height: 23px;
}
.radio.-validate.-unvalid .radio__field.-is-checked + .radio__label::before,
.radio.-validate.-unvalid .radio__label::before,
.radio.-validate.-unvalid .-is-checked .radio__label::before, .radio.-validate.-invalid .radio__field.-is-checked + .radio__label::before,
.radio.-validate.-invalid .radio__label::before,
.radio.-validate.-invalid .-is-checked .radio__label::before {
  color: #C80E15;
}
.radio.-validate.-unvalid .radio__field.-is-checked + .radio__label::after,
.radio.-validate.-unvalid .-is-checked .radio__label::after, .radio.-validate.-invalid .radio__field.-is-checked + .radio__label::after,
.radio.-validate.-invalid .-is-checked .radio__label::after {
  background: #C80E15;
}
.radio.-square .radio__element .radio__label::before {
  content: "";
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  margin-right: 8px;
  top: 3px;
  border: 1px solid #969696;
  display: inline-block;
  background: #fff;
  border-radius: 4px;
}
.radio.-square .radio__element .radio__label:after {
  top: 3px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  line-height: 18px;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 12px;
  content: "";
}
.radio.-square .radio__element .radio__field.-is-checked + .radio__label::before {
  background: #31933E;
  border: 1px solid #31933E;
}
.radio.-square .radio__element.-is-checked .radio__label::before {
  background: #31933E;
  border: 1px solid #31933E;
}
.radio.-square.-unvalid .radio__field.-is-checked + .radio__label::before,
.radio.-square.-unvalid .radio__label::before,
.radio.-square.-unvalid .-is-checked .radio__label::before, .radio.-square.-invalid .radio__field.-is-checked + .radio__label::before,
.radio.-square.-invalid .radio__label::before,
.radio.-square.-invalid .-is-checked .radio__label::before {
  border-color: #C80E15;
}
.radio.-square.-unvalid .radio__field.-is-checked + .radio__label::before,
.radio.-square.-unvalid .-is-checked .radio__label::before, .radio.-square.-invalid .radio__field.-is-checked + .radio__label::before,
.radio.-square.-invalid .-is-checked .radio__label::before {
  background: #C80E15;
}
@media (min-width: 768px) {
  .radio.-framed, .radio.-mobilestyle {
    display: flex;
  }
}
.radio.-framed .radio__element .radio__label, .radio.-mobilestyle .radio__element .radio__label {
  border: 1px solid #FF6F0D;
  padding: 12px 20px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  display: grid;
  grid-template-columns: 20px 1fr;
  grid-gap: 8px;
  gap: 8px;
}
.radio.-framed .radio__element .radio__label:before, .radio.-mobilestyle .radio__element .radio__label:before {
  content: "";
  color: #FF6F0D;
  line-height: 1;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  transition: all 250ms ease;
  cursor: pointer;
}
.radio.-framed .radio__element .radio__label:after, .radio.-mobilestyle .radio__element .radio__label:after {
  content: "";
  font-size: 20px;
  color: #FF6F0D;
  line-height: 1;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  position: absolute;
  top: 12px;
  left: 20px;
  transform: scale(0);
  transform-origin: center;
  transition: all 250ms ease;
  cursor: pointer;
}
.radio.-framed .radio__element .radio__label .radio__legend, .radio.-mobilestyle .radio__element .radio__label .radio__legend {
  display: grid;
}
.radio.-framed .radio__element .radio__label .radio__legend .label, .radio.-mobilestyle .radio__element .radio__label .radio__legend .label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.radio.-framed .radio__element .radio__label:hover, .radio.-mobilestyle .radio__element .radio__label:hover {
  border-color: #FF6F0D;
}
.radio.-framed .radio__element .radio__field.-is-checked + .radio__label, .radio.-mobilestyle .radio__element .radio__field.-is-checked + .radio__label {
  border-color: #FF6F0D;
  color: #FF6F0D;
}
.radio.-framed .radio__element .radio__field.-is-checked + .radio__label::after, .radio.-mobilestyle .radio__element .radio__field.-is-checked + .radio__label::after {
  transform: scale(1);
}
.radio.-framed .radio__element.-is-checked .radio__label, .radio.-mobilestyle .radio__element.-is-checked .radio__label {
  border-color: #FF6F0D;
  color: #FF6F0D;
}
.radio.-framed .radio__element.-is-checked .radio__label::after, .radio.-mobilestyle .radio__element.-is-checked .radio__label::after {
  transform: scale(1);
}
.radio.-framed.-unvalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-framed.-unvalid .radio__element .radio__label,
.radio.-framed.-unvalid .radio__element .-is-checked .radio__label, .radio.-framed.-invalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-framed.-invalid .radio__element .radio__label,
.radio.-framed.-invalid .radio__element .-is-checked .radio__label, .radio.-mobilestyle.-unvalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-mobilestyle.-unvalid .radio__element .radio__label,
.radio.-mobilestyle.-unvalid .radio__element .-is-checked .radio__label, .radio.-mobilestyle.-invalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-mobilestyle.-invalid .radio__element .radio__label,
.radio.-mobilestyle.-invalid .radio__element .-is-checked .radio__label {
  border-color: #C80E15;
  color: #C80E15;
}
.radio.-framed.-unvalid .radio__element .radio__field.-is-checked + .radio__label::before,
.radio.-framed.-unvalid .radio__element .radio__label::before,
.radio.-framed.-unvalid .radio__element .-is-checked .radio__label::before, .radio.-framed.-invalid .radio__element .radio__field.-is-checked + .radio__label::before,
.radio.-framed.-invalid .radio__element .radio__label::before,
.radio.-framed.-invalid .radio__element .-is-checked .radio__label::before, .radio.-mobilestyle.-unvalid .radio__element .radio__field.-is-checked + .radio__label::before,
.radio.-mobilestyle.-unvalid .radio__element .radio__label::before,
.radio.-mobilestyle.-unvalid .radio__element .-is-checked .radio__label::before, .radio.-mobilestyle.-invalid .radio__element .radio__field.-is-checked + .radio__label::before,
.radio.-mobilestyle.-invalid .radio__element .radio__label::before,
.radio.-mobilestyle.-invalid .radio__element .-is-checked .radio__label::before {
  color: #C80E15;
}
.radio.-framed.-unvalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-framed.-unvalid .radio__element .-is-checked .radio__label, .radio.-framed.-invalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-framed.-invalid .radio__element .-is-checked .radio__label, .radio.-mobilestyle.-unvalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-mobilestyle.-unvalid .radio__element .-is-checked .radio__label, .radio.-mobilestyle.-invalid .radio__element .radio__field.-is-checked + .radio__label,
.radio.-mobilestyle.-invalid .radio__element .-is-checked .radio__label {
  border-color: #C80E15;
}
.radio.-framed.-unvalid .radio__element .radio__field.-is-checked + .radio__label::before, .radio.-framed.-unvalid .radio__element .radio__field.-is-checked + .radio__label:after,
.radio.-framed.-unvalid .radio__element .-is-checked .radio__label::before,
.radio.-framed.-unvalid .radio__element .-is-checked .radio__label:after, .radio.-framed.-invalid .radio__element .radio__field.-is-checked + .radio__label::before, .radio.-framed.-invalid .radio__element .radio__field.-is-checked + .radio__label:after,
.radio.-framed.-invalid .radio__element .-is-checked .radio__label::before,
.radio.-framed.-invalid .radio__element .-is-checked .radio__label:after, .radio.-mobilestyle.-unvalid .radio__element .radio__field.-is-checked + .radio__label::before, .radio.-mobilestyle.-unvalid .radio__element .radio__field.-is-checked + .radio__label:after,
.radio.-mobilestyle.-unvalid .radio__element .-is-checked .radio__label::before,
.radio.-mobilestyle.-unvalid .radio__element .-is-checked .radio__label:after, .radio.-mobilestyle.-invalid .radio__element .radio__field.-is-checked + .radio__label::before, .radio.-mobilestyle.-invalid .radio__element .radio__field.-is-checked + .radio__label:after,
.radio.-mobilestyle.-invalid .radio__element .-is-checked .radio__label::before,
.radio.-mobilestyle.-invalid .radio__element .-is-checked .radio__label:after {
  color: #C80E15;
}
.radio.-framed.-vertical, .radio.-mobilestyle.-vertical {
  flex-direction: column;
  text-align: left;
}
.radio.-icon, .radio.-wrap.-icon {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  gap: 20px;
}
@media (min-width: 768px) {
  .radio.-icon, .radio.-wrap.-icon {
    flex-direction: row;
    justify-content: flex-start;
  }
}
.radio.-icon .radio__element, .radio.-wrap.-icon .radio__element {
  border-radius: 15px;
  padding: 2px;
  width: 100%;
  cursor: pointer;
}
.radio.-icon .radio__element .radio__label, .radio.-wrap.-icon .radio__element .radio__label {
  cursor: pointer;
  font-size: 18px;
  position: relative;
  text-align: left;
  padding: 20px;
  box-shadow: 0px 4px 8px -2px rgba(20, 20, 20, 0.1), 0px 2px 4px -2px rgba(20, 20, 20, 0.06);
  border: 2px solid transparent;
  border-radius: 15px;
  transition: all 250ms ease;
  height: 100%;
  background: #fff;
}
@media (min-width: 768px) {
  .radio.-icon .radio__element .radio__label, .radio.-wrap.-icon .radio__element .radio__label {
    font-size: 16px;
  }
}
.radio.-icon .radio__element .radio__label::before, .radio.-wrap.-icon .radio__element .radio__label::before {
  display: none;
}
.radio.-icon .radio__element .radio__label:after, .radio.-wrap.-icon .radio__element .radio__label:after {
  content: "";
  border-radius: 100%;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  background: #FF6F0D;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  line-height: 24px;
  position: absolute;
  top: auto;
  left: auto;
  bottom: 7px;
  right: 7px;
  transform: scale(0);
  transform-origin: center;
  transition: all 250ms ease;
}
.radio.-icon .radio__element .radio__label .radio__icon, .radio.-wrap.-icon .radio__element .radio__label .radio__icon {
  color: #FF8936;
  font-size: 40px;
  margin-right: 12px;
}
@media (min-width: 768px) {
  .radio.-icon .radio__element .radio__label .radio__icon, .radio.-wrap.-icon .radio__element .radio__label .radio__icon {
    margin-bottom: 8px;
    margin-right: 0;
  }
}
.radio.-icon .radio__element .radio__label .radio__legend, .radio.-wrap.-icon .radio__element .radio__label .radio__legend {
  font-size: 26px;
  line-height: 1.2;
  display: block;
  text-align: left;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
}
@media (min-width: 768px) {
  .radio.-icon .radio__element .radio__label .radio__legend, .radio.-wrap.-icon .radio__element .radio__label .radio__legend {
    text-align: center;
  }
}
.radio.-icon .radio__element .radio__label .radio__legend .sublabel, .radio.-wrap.-icon .radio__element .radio__label .radio__legend .sublabel {
  font-size: 16px;
  color: #212121;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  display: block;
  max-width: 100%;
  padding-top: 8px;
}
.radio.-icon .radio__element .radio__label .radio__legend .sublabel span, .radio.-wrap.-icon .radio__element .radio__label .radio__legend .sublabel span {
  display: block;
}
@media (hover: hover) {
  .radio.-icon .radio__element:hover, .radio.-wrap.-icon .radio__element:hover {
    background: #FF6F0D;
  }

  .radio.-icon .radio__element:hover .radio__label, .radio.-wrap.-icon .radio__element:hover .radio__label {
    background: #fff;
    border-color: #FF6F0D;
  }

  .radio.-icon .radio__element:hover .radio__label::after, .radio.-wrap.-icon .radio__element:hover .radio__label::after {
    transform: scale(1);
  }
}
.radio.-icon .radio__element.-is-checked, .radio.-wrap.-icon .radio__element.-is-checked {
  background: #FF6F0D;
}
.radio.-icon .radio__element.-is-checked .radio__label, .radio.-wrap.-icon .radio__element.-is-checked .radio__label {
  background: #fff;
  border-color: #FF6F0D;
}
.radio.-icon .radio__element.-is-checked .radio__label::after, .radio.-wrap.-icon .radio__element.-is-checked .radio__label::after {
  transform: scale(1);
}
.radio.-icon.-wrap, .radio.-wrap.-icon.-wrap {
  justify-content: center;
}
.radio.-icon.-wrap .radio__element .radio__legend, .radio.-wrap.-icon.-wrap .radio__element .radio__legend {
  font-size: 20px;
}
@media (min-width: 768px) {
  .radio.-icon.-wrap.-m .radio__element, .radio.-wrap.-icon.-wrap.-m .radio__element {
    width: calc(33% - 32px);
  }
}
.radio.-icon.-crosssell, .radio.-wrap.-icon.-crosssell {
  flex-wrap: wrap;
}
.radio.-icon.-crosssell .radio__element, .radio.-wrap.-icon.-crosssell .radio__element {
  flex: 1;
}
@media (min-width: 768px) {
  .radio.-icon.-crosssell .radio__element .radio__label, .radio.-wrap.-icon.-crosssell .radio__element .radio__label {
    padding-bottom: 60px;
  }
}
@media (min-width: 768px) {
  .radio.-icon.-crosssell .radio__element .radio__price, .radio.-wrap.-icon.-crosssell .radio__element .radio__price {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
  }
}
.radio.-button {
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 0;
  border-collapse: collapse;
  box-sizing: border-box;
}
.radio.-button.-nowrap {
  flex-wrap: nowrap;
}
.radio.-button.-nowrap.-s .radio__element {
  width: auto;
  max-width: 95px;
}
.radio.-button .radio__element .radio__label {
  cursor: pointer;
  display: block;
  padding: 9px 30px;
  text-align: center;
  box-shadow: 0 0 0 transparent;
  background: #fff;
  border: 1px solid #FF6F0D;
  color: #FF6F0D;
  border-radius: 5px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  transition: all 250ms ease;
}
.radio.-button .radio__element .radio__label .radio__legend {
  padding: 0;
  margin: 0;
}
.radio.-button .radio__element .radio__label::before, .radio.-button .radio__element .radio__label::after {
  display: none;
}
@media (hover: hover) {
  .radio.-button .radio__element .radio__label:hover {
    background: #FFEFDC;
  }
}
.radio.-button .radio__element .radio__field {
  display: none;
}
.radio.-button .radio__element .radio__field.-is-checked + label, .radio.-button .radio__element .radio__field:checked + label {
  background: #FF6F0D;
  color: #fff;
}
.radio.-button .radio__element.-is-checked .radio__label, .radio.-button .radio__element.-is-checked:hover .radio__label {
  background: #FF6F0D;
  color: #fff;
}
.radio.-big {
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  padding: 0;
  text-align: center;
}
.radio.-big.-left {
  justify-content: flex-start;
}
.radio.-big .radio__element {
  min-width: 200px;
  background: #fff;
  border-radius: 15px;
}
@media (min-width: 768px) {
  .radio.-big .radio__element {
    flex-basis: 0;
  }
}
.radio.-big .radio__element .radio__label {
  height: 100%;
  cursor: pointer;
  padding: 12px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 transparent;
  color: #FF6F0D;
  border: 2px solid #FF6F0D;
  border-radius: 8px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  transition: all 250ms ease;
}
.radio.-big .radio__element .radio__label .radio__sublegend {
  text-align: center;
}
.radio.-big .radio__element .radio__label .radio__legend {
  padding: 0;
  display: block;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-align: center;
  margin: 0;
  max-width: 100%;
}
.radio.-big .radio__element .radio__label .radio__legend .label {
  color: #FF6F0D;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
}
.radio.-big .radio__element .radio__label .radio__legend .sublabel {
  margin-top: 8px;
  max-width: 100%;
  display: block;
  text-align: center;
}
.radio.-big .radio__element .radio__label .radio__icon {
  font-size: 40px;
  color: #FF6F0D;
  margin-bottom: 24px;
  padding-top: 20px;
}
.radio.-big .radio__element .radio__label::before, .radio.-big .radio__element .radio__label::after {
  display: none;
}
.radio.-big .radio__element .radio__label:hover {
  background-color: #FFEFDC;
}
.radio.-big .radio__element .radio__field.-is-checked + label {
  border-color: #FF6F0D;
  background: #FF6F0D;
  color: #fff;
}
.radio.-big .radio__element .radio__field.-is-checked + label .radio__legend,
.radio.-big .radio__element .radio__field.-is-checked + label .label,
.radio.-big .radio__element .radio__field.-is-checked + label .radio__icon {
  color: #fff;
}
.radio.-big .radio__element.-is-checked .radio__label {
  border-color: #FF6F0D;
  background: #FF6F0D;
  color: #fff;
}
.radio.-big .radio__element.-is-checked .radio__label .radio__legend,
.radio.-big .radio__element.-is-checked .radio__label .radio__icon,
.radio.-big .radio__element.-is-checked .radio__label .label {
  color: #fff;
}
.radio.-big.-button {
  margin-top: 16px;
}
.radio.-big.-button .radio__element .radio__label {
  position: relative;
  width: 150px;
  height: 100px;
  display: block;
  background: #fff;
  color: #FF6F0D;
  border: 2px solid #FF6F0D;
}
.radio.-big.-button .radio__element .radio__label::before {
  display: block;
  opacity: 1;
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  position: absolute;
  background: #FF6F0D;
  color: #fff;
  border: 0;
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  min-width: 40px;
  min-height: 40px;
  line-height: 40px;
  top: -20px;
  left: 50%;
  margin-left: -20px;
  text-align: center;
  transition: all 250ms ease;
  transform: scale(0);
  border-radius: 100%;
}
.radio.-big.-button .radio__element .radio__field.-is-checked + label {
  background: #fff;
  color: #FF6F0D;
  border-color: #FF6F0D;
}
.radio.-big.-button .radio__element .radio__field.-is-checked + label::before {
  transform: scale(1);
  display: block;
}
@media (hover: hover) {
  .radio.-big.-button .radio__element:hover .radio__label {
    color: #FF6F0D;
    border-color: #FF6F0D;
    background: #fff;
  }
}
.radio.-big.-button .radio__element.-is-checked .radio__label {
  background: #fff;
  color: #FF6F0D;
  border-color: #FF6F0D;
}
.radio.-big.-button .radio__element.-is-checked .radio__label::before {
  transform: scale(1);
  display: block;
}
.radio.-big.-button .radio__element.-is-checked .radio__label .radio__legend {
  color: #FF6F0D;
}
.radio.-big.-button .radio__element.-m .radio__element .radio__label {
  width: 150px;
  height: 100px;
}
.radio.-list {
  display: block;
}
.radio.-list .radio__element {
  text-align: left;
  position: relative;
}
.radio.-list .radio__element .radio__label {
  cursor: pointer;
  position: relative;
  border: 0;
  display: grid;
  align-items: flex-start;
  grid-template-columns: 18px 1fr;
  grid-gap: 16px;
  gap: 16px;
  border-radius: 0;
  color: #212121;
  padding: 14.5px 12px;
  border-bottom: 1px solid #757575;
  transition: all 250ms ease;
}
.radio.-list .radio__element .radio__label::after {
  display: none;
}
.radio.-list .radio__element .radio__label::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
  transition: all 250ms ease;
}
.radio.-list .radio__element .radio__legend {
  margin: 0;
}
.radio.-list .radio__element.-is-checked .radio__label {
  background: transparent;
  color: #FF6F0D;
}
.radio.-list .radio__element.-is-checked .radio__label::before {
  content: "";
  color: #FF6F0D;
}
.radio.-list .radio__element:hover .radio__label {
  background: transparent;
  color: #FF6F0D;
}
.radio.-list .radio__element:hover .radio__label::before {
  color: #FF6F0D;
}
.radio.-list .radio__element:last-child .radio__label {
  border-bottom: 0;
}
.radio.-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.radio.-wrap.flex-1 .radio__element {
  flex: 1;
  min-width: 1px;
}
.radio.-wrap.flex-1 .radio__element .radio__label {
  width: 100%;
  margin: 0;
}
.radio.-wrap.flex-1 .radio__element .radio__label label {
  margin: 0;
}
.radio.-wrap.flex-1.-nowrap .radio__label,
.radio.-wrap.flex-1.-nowrap .radio__legend {
  justify-content: center;
  text-align: center;
}
.radio.-wrap.flex-1.-nowrap .radio__label .label,
.radio.-wrap.flex-1.-nowrap .radio__legend .label {
  text-align: center;
}
.radio.-wrap.-left {
  justify-content: flex-start;
}
.radio.-wrap.text-mobile-left .radio__element .radio__label {
  text-align: left;
}
@media (min-width: 768px) {
  .radio.-wrap.text-mobile-left .radio__element .radio__label {
    text-align: center;
  }
}
.radio.-wrap.text-mobile-left .radio__element .radio__label .radio__legend .label {
  text-align: left;
}
@media (min-width: 768px) {
  .radio.-wrap.text-mobile-left .radio__element .radio__label .radio__legend .label {
    text-align: center;
  }
}
.radio.-wrap.text-left .radio__element .radio__label {
  text-align: left;
}
@media (min-width: 768px) {
  .radio.-wrap.text-left .radio__element .radio__label {
    text-align: left;
  }
}
.radio.-wrap.text-left .radio__element .radio__label .radio__legend .label {
  text-align: left;
}
.radio.-wrap.-nowrap {
  flex-direction: row;
}
@media (min-width: 768px) {
  .radio.-wrap.-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 768px) {
  .radio.-wrap.-pair {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.radio.-wrap.-pair .radio__element {
  width: 100%;
}
@media (min-width: 768px) {
  .radio.-wrap.-three {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.radio.-wrap.-three .radio__element {
  width: 100%;
}
.radio.-wrap.-wrap-s {
  display: block;
}
@media (min-width: 768px) {
  .radio.-wrap.-wrap-s {
    display: flex;
    flex-wrap: wrap;
  }
}
.radio.-wrap.-wrap-s .radio__element .radio__label {
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .radio.-wrap.-wrap-s .radio__element .radio__label {
    justify-content: center;
  }
}
.radio.-wrap .radio__element {
  min-width: 100px;
  font-size: 18px;
}
.radio.-wrap .radio__element.-is-checked .radio__label {
  background: #FF6F0D;
  color: #fff;
  border-color: #FF6F0D;
}
.radio.-wrap .radio__element.-is-checked .radio__label .label,
.radio.-wrap .radio__element.-is-checked .radio__label .sublabel {
  color: #fff;
}
.radio.-wrap .radio__label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 13.5px 8px;
  box-shadow: 0 0 0 transparent;
  background: #fff;
  color: #FF6F0D;
  border: 1px solid #FF6F0D;
  border-radius: 5px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  text-align: center;
  transition: all 250ms ease;
}
.radio.-wrap .radio__label::before, .radio.-wrap .radio__label::after {
  display: none;
}
.radio.-wrap .radio__label:hover {
  border-color: #FF6F0D;
  background: #FFEFDC;
}
.radio.-wrap .radio__legend {
  cursor: pointer;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  max-width: 100%;
}
.radio.-wrap .radio__legend .label {
  display: inline-block;
  cursor: pointer;
  color: #FF6F0D;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  text-align: left;
}
@media (min-width: 768px) {
  .radio.-wrap .radio__legend .label {
    text-align: center;
  }
}
.radio.-wrap .radio__legend .sublabel {
  display: block;
  font-size: 14px;
  color: #000;
}
.radio.-wrap.-thin .radio__element .radio__label {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .radio.-wrap.-large .radio__element .radio__label {
    min-width: 165px;
  }
}
.radio.-group {
  border: 1px solid #FF6F0D;
  border-radius: 5px;
  padding: 10px;
  position: relative;
  flex-direction: row;
  align-items: stretch;
}
.radio.-group .radio__element {
  width: 50%;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.radio.-group .radio__element:hover .radio__label {
  color: #FF6F0D;
  background: #FFD5B3;
}
.radio.-group .radio__element.-is-checked .radio__label {
  color: #fff;
  background: transparent;
}
.radio.-group .radio__element .radio__label {
  border: 0;
  background: #FFD5B3;
  padding: 14.5px 8px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FF6F0D;
  height: 100%;
}
.radio.-group .radio__element .radio__label::before, .radio.-group .radio__element .radio__label::after {
  display: none;
}
.radio.-group .radio__element .radio__label .radio__legend {
  margin: 0;
  display: block;
}
.radio.-group .radio__group {
  background: #FF6F0D;
  width: calc(50% - 10px);
  height: calc(100% - 20px);
  position: absolute;
  top: 10px;
  left: 10px;
  transition: all 250ms ease;
  border-radius: 5px;
}
.radio.-group .radio__element.-is-checked + .radio__group {
  left: 50%;
  color: #fff;
  background: #FF6F0D;
}
.radio.-chooser {
  margin-top: 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  grid-gap: 48px;
  gap: 48px;
}
@media (min-width: 768px) {
  .radio.-chooser {
    grid-gap: 20px;
    gap: 20px;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
  }
}
.radio.-chooser .radio-chooser-wrap {
  display: flex;
  align-items: stretch;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.radio.-chooser .radio-chooser-wrap .radio__img {
  display: block;
}
.radio.-chooser .radio__element {
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
}
.radio.-chooser .radio__element .radio__label {
  margin-left: auto;
  margin-right: auto;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  position: relative;
  text-align: center;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 12px;
  background: #fff;
  color: #212121;
  border-radius: 15px;
  box-shadow: 0px 4px 8px -2px rgba(20, 20, 20, 0.1), 0px 2px 4px -2px rgba(20, 20, 20, 0.06);
  border: 2px solid transparent;
  transition: all 250ms ease;
}
@media (min-width: 768px) {
  .radio.-chooser .radio__element .radio__label {
    width: 300px;
  }
}
.radio.-chooser .radio__element .radio__label:hover {
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
}
.radio.-chooser .radio__element .radio__label .radio__img {
  display: block;
  text-align: center;
}
.radio.-chooser .radio__element .radio__label .radio__img img {
  max-width: 100%;
}
.radio.-chooser .radio__element .radio__label .radio__visu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 150px;
  margin: 0 auto;
}
.radio.-chooser .radio__element .radio__label .radio__visu img {
  max-width: 100%;
  max-height: 100%;
}
.radio.-chooser .radio__element .radio__label .radio__sublegend {
  display: block;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.radio.-chooser .radio__element .radio__label .radio__title {
  color: #FF6F0D;
  font-size: 35px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  margin: 20px 0;
}
.radio.-chooser .radio__element .radio__icon {
  background: #FF6F0D;
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  color: #fff;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  margin-bottom: 16px;
}
.radio.-chooser .radio__element .radio__field.-is-checked + label {
  color: #212121;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
  border-color: #FF6F0D;
}
.radio.-chooser .radio__element .radio__field.-is-checked + label::before {
  transform: scale(0.8);
}
@media (min-width: 768px) {
  .radio.-chooser .radio__element .radio__field.-is-checked + label::before {
    transform: scale(1);
  }
}
.radio.-chooser .radio__element .radio__field.-is-checked + label::after {
  display: none;
}
.radio.-chooser .radio__element:hover .radio__label {
  background: #fff;
}
@media (hover: hover) {
  .radio.-chooser .radio__element:hover .radio__label {
    border-color: #FF6F0D;
    color: #212121;
    background: #fff;
  }
}
.radio.-chooser .radio__element:hover .radio__label::after {
  display: none;
}
.radio.-chooser .radio__element:hover .sublabel {
  color: #212121;
}
.radio.-chooser .radio__element.-is-checked .radio__label {
  border-color: #FF6F0D;
  background: #fff;
  color: #212121;
}
.radio.-chooser .radio__element.-is-checked .radio__label::before {
  transform: scale(0.8);
}
@media (min-width: 768px) {
  .radio.-chooser .radio__element.-is-checked .radio__label::before {
    transform: scale(1);
  }
}
.radio.-chooser .radio__element.-is-checked .radio__label::after {
  display: none;
}
@media (min-width: 768px) {
  .radio.-chooser.-switch {
    grid-template-columns: 0.6fr 0.4fr;
    padding-bottom: 50px;
    flex-wrap: nowrap;
    grid-gap: 28px;
    gap: 28px;
  }
}
.radio.-chooser.-switch .radio__element {
  position: relative;
  width: 100%;
}
.radio.-chooser.-switch .radio__element:hover .radio__label {
  border-color: #FF6F0D;
}
.radio.-chooser.-switch .radio__element:hover .radio__label .label {
  color: #212121;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.radio.-chooser.-switch .radio__element:hover .radio__label .sublabel {
  color: #212121;
}
.radio.-chooser.-switch .radio__element .radio__label {
  width: 100%;
  height: 100%;
  padding: 20px;
  color: #212121;
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  grid-template-rows: 120px 1fr auto;
}
@media (min-width: 768px) {
  .radio.-chooser.-switch .radio__element .radio__label {
    grid-template-rows: 150px 1fr auto;
  }
}
.radio.-chooser.-switch .radio__element .radio__label .radio__legend {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  align-items: flex-start;
}
.radio.-chooser.-switch .radio__element .radio__label .label {
  display: block;
  font-size: 18px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.radio.-chooser.-switch .radio__element .radio__label .sublabel {
  display: block;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.radio.-chooser.-switch .radio__element .radio__label .radio__visu {
  height: 120px;
}
@media (min-width: 768px) {
  .radio.-chooser.-switch .radio__element .radio__label .radio__visu {
    height: 150px;
  }
}
.radio.-chooser.-switch .radio__element .radio__label .radio__visu img {
  transform-origin: center;
  transform: scale(0.8);
}
.radio.-chooser.-switch .radio__element .radio__action {
  text-align: center;
  display: block;
}
.radio.-chooser.-switch .radio__element .radio__action.-center .button {
  margin-left: auto;
  margin-right: auto;
}
.radio.-chooser.-switch .radio__element .radio__new {
  background: #C80E15;
  color: #fff;
  border-radius: 2px;
  position: absolute;
  left: 10px;
  top: -10px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 5px 10px;
}
.radio.-chooser.-two, .radio.-chooser.-switch, .radio.-chooser.-four, .radio.-chooser.-three, .radio.-chooser.-five {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}
.radio.-chooser.-two .radio__element, .radio.-chooser.-switch .radio__element, .radio.-chooser.-four .radio__element, .radio.-chooser.-three .radio__element, .radio.-chooser.-five .radio__element {
  width: 100%;
}
.radio.-chooser.-two .radio__element .radio__label, .radio.-chooser.-switch .radio__element .radio__label, .radio.-chooser.-four .radio__element .radio__label, .radio.-chooser.-three .radio__element .radio__label, .radio.-chooser.-five .radio__element .radio__label {
  width: 100%;
}
@media (min-width: 768px) {
  .radio.-chooser.-two .radio__element .radio__label, .radio.-chooser.-switch .radio__element .radio__label, .radio.-chooser.-four .radio__element .radio__label, .radio.-chooser.-three .radio__element .radio__label, .radio.-chooser.-five .radio__element .radio__label {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .radio.-chooser.-two {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .radio.-chooser.-four {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .radio.-chooser.-three {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .radio.-chooser.-five {
    grid-template-columns: repeat(5, 1fr);
  }
}
.radio.-chooser.-withoutimg .radio__element .radio__label {
  padding-top: 30px;
}
.radio.-chooser.-withouticoncheck .radio__element .radio__label::before {
  display: none;
}
.radio.-chooser.-withouticoncheck .radio__element.-is-checked .radio__label::before {
  display: none;
}
.radio.-chooser.-withicon {
  justify-content: center;
  grid-gap: 20px;
  gap: 20px;
}
.radio.-chooser.-withicon .radio__element {
  margin: 0;
  width: 100%;
  flex: 1;
}
.radio.-chooser.-withicon .radio__element .radio__label {
  width: 100%;
}
.radio.-chooser.-withicon .radio__element .radio__label .sublabel {
  min-height: 0;
}
.radio.-chooser.-small .radio__element.-is-checked .radio__label::before {
  transform: scale(0.4);
}
@media (min-width: 768px) {
  .radio.-chooser.-small .radio__element.-is-checked .radio__label::before {
    transform: scale(0.6);
  }
}
.radio.-chooser.-small .radio__element .radio__visu {
  height: 50px;
}
.radio.-opt {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  grid-gap: 26px;
  gap: 26px;
}
@media (min-width: 768px) {
  .radio.-opt {
    text-align: center;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    grid-gap: 10px;
    gap: 10px;
  }
}
.radio.-opt.-s .radio__element {
  max-width: 350px;
}
.radio.-opt .radio__element {
  width: 100%;
  display: flex;
}
.radio.-opt .radio__element .radio__label {
  background: #fff;
  color: #212121;
  border-radius: 15px;
  box-shadow: 0px 4px 8px -2px rgba(20, 20, 20, 0.1), 0px 2px 4px -2px rgba(20, 20, 20, 0.06);
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
  height: 100%;
  grid-gap: 16px;
  gap: 16px;
  border: 2px solid transparent;
  transition: all 250ms ease;
}
@media (min-width: 768px) {
  .radio.-opt .radio__element .radio__label {
    text-align: center;
  }
}
.radio.-opt .radio__element .radio__label .radio__icon {
  background: #FF6F0D;
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  display: inline-block;
}
.radio.-opt .radio__element .radio__label .radio__legend {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 16px;
  gap: 16px;
}
.radio.-opt .radio__element .radio__label .radio__legend .label {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.radio.-opt .radio__element:hover .radio__label, .radio.-opt .radio__element.-is-checked .radio__label {
  border-color: #FF6F0D;
}
.radio.-mobilesquare {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
}
@media (min-width: 768px) {
  .radio.-mobilesquare.-nowrap {
    flex-wrap: nowrap;
  }
}
.radio.-mobilesquare.-center {
  justify-content: center;
}
@media (min-width: 768px) {
  .radio.-mobilesquare.-center-m {
    justify-content: center;
  }
}
.radio.-mobilesquare.-readonly {
  pointer-events: none;
}
.radio.-mobilesquare .radio__label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 14.5px 8px;
  box-shadow: 0 0 0 transparent;
  background: #fff;
  color: #FF6F0D;
  border: 1px solid #FF6F0D;
  border-radius: 5px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  transition: all 250ms ease;
}
.radio.-mobilesquare .radio__label::before, .radio.-mobilesquare .radio__label::after {
  display: none;
}
.radio.-mobilesquare .radio__label:hover {
  border-color: #FF6F0D;
  background: #FFEFDC;
}
.radio.-mobilesquare .radio__label .radio__legend {
  margin: 0;
}
.radio.-mobilesquare .radio__legend {
  cursor: pointer;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  max-width: 100%;
}
.radio.-mobilesquare .radio__legend .label {
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 768px) {
  .radio.-mobilesquare .radio__element {
    height: auto;
  }
}
.radio.-mobilesquare .radio__element.-is-checked .radio__label {
  background: #FF6F0D;
  color: #fff;
  border-color: #FF6F0D;
}
@media (min-width: 768px) {
  .radio.-mobilesquare.-xs .radio__element {
    width: 50px;
  }
}
.radio.-mobilesquare.-xs .radio__element .radio__label {
  min-width: 50px;
}
@media (min-width: 768px) {
  .radio.-mobilesquare.-s .radio__element {
    width: 95px;
  }
}
.radio.-mobilesquare.-s .radio__element .radio__label {
  min-width: 40px;
}
.radio.-mobilesquare.-m .radio__element {
  flex: 1;
  max-width: 203px;
}
.radio.cardsTransverse__wrap .radio__element .cardsTransverse {
  box-shadow: 0 0 0 transparent;
  height: 100%;
  width: 100%;
}
.radio.cardsTransverse__wrap .radio__element .cardsTransverse .cardsTransverse__container {
  background-color: #fff;
  height: 100%;
  font-size: 18px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  display: grid;
  align-items: center;
  padding: 15px;
  grid-gap: 10px;
  gap: 10px;
  cursor: pointer;
  transition: all 250ms ease;
  border-radius: 0;
}
@media (min-width: 768px) {
  .radio.cardsTransverse__wrap .radio__element .cardsTransverse .cardsTransverse__container {
    grid-gap: 20px;
    gap: 20px;
    border: 1px solid #FFBC89;
    border-radius: 20px;
    padding: 20px 15px;
  }
}
.radio.cardsTransverse__wrap .radio__element .cardsTransverse .cardsTransverse__container:hover {
  border-color: #FF6F0D;
}
.radio.cardsTransverse__wrap .radio__element.-is-checked .cardsTransverse .cardsTransverse__container {
  border-color: #FF6F0D;
  background-color: #FFEFDC;
}
.button {
  padding: 14.5px 45px;
  border: 1px solid transparent;
  background-color: transparent;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  font-size: 16px;
  line-height: 1.2;
  position: relative;
  text-decoration: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  transition: all 250ms ease;
  border-radius: 50px;
  text-shadow: 0 0 0 transparent;
  text-rendering: optimizeLegibility;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  transform-origin: center;
}
.button.-disabled, .button.disabled, .button:disabled {
  opacity: 0.4;
}
.button.-hidden {
  display: none;
}
.button .button__wrap-label {
  display: inline-block;
  position: relative;
}
.button .button__label {
  position: relative;
  z-index: 1;
}
.button:hover {
  outline: 0;
}
.button.-large {
  padding-left: 50px;
  padding-right: 50px;
}
.button.-tight {
  padding-left: 10px;
  padding-right: 10px;
}
.button.-tall {
  padding-top: 14px;
  padding-bottom: 14px;
}
.button.-xtall {
  padding-top: 19px;
  padding-bottom: 19px;
}
.button.-thin {
  padding-top: 5px;
  padding-bottom: 5px;
}
.button.-noclick {
  cursor: default;
  pointer-events: none;
}
.button .mat-chip-remove {
  margin-left: 14px;
}
.button.-pre, .button.-post {
  display: inline-flex;
  align-items: center;
  text-align: left;
  grid-gap: 12px;
  gap: 12px;
}
.button.-pre .button__icon, .button.-post .button__icon {
  position: relative;
  top: 1px;
}
.button.-primary, .button[type=submit], .button.-gradient.-blue {
  background-color: #FF6F0D;
  color: #fff;
}
.button.-primary:hover, .button[type=submit]:hover, .button.-gradient.-blue:hover {
  background-color: #D94204;
}
.button.-blue {
  background-color: #089EDD;
  color: #fff;
}
.button.-blue:hover {
  background-color: #0190CC;
}
.button.-secondary {
  color: #3D0112;
  border: 0;
  background-color: #FFD5B3;
}
.button.-secondary .button__icon {
  color: #3D0112;
}
.button.-secondary .mat-chip-remove:after {
  color: #3D0112;
}
.button.-secondary:hover {
  background-color: #FFBC89;
}
.button.-ternary {
  color: #FF6F0D;
  border-color: #FF6F0D;
  background-color: #fff;
}
.button.-ternary .mat-chip-remove:after {
  color: #6B6D71;
}
.button.-ternary .button__icon {
  color: #FF6F0D;
}
.button.-ternary:hover {
  color: #D94204;
  border-color: #D94204;
}
.button.-ternary:hover .button__icon {
  color: #D94204;
}
.button.-dashed {
  color: #FF6F0D;
  border-color: #FF6F0D;
  border-style: dashed;
  background-color: #fff;
}
.button.-dashed:hover {
  color: #D94204;
  border-color: #D94204;
}
.button.-warning {
  color: #C80E15;
  border-color: #C80E15;
  background-color: #fff;
}
.button.-warning .button__icon {
  color: #C80E15;
}
.button.-warning.-neg {
  background: #C80E15;
  color: #fff;
}
.button.-warning.-neg .button__icon {
  color: #fff;
}
.button.-warning.-neg:hover {
  background-color: #7A090D;
  border-color: #7A090D;
}
.button.-warning:hover {
  background-color: #FAE7E8;
}
.button.-warning-neg {
  color: #fff;
  border-color: #C80E15;
  background-color: #C80E15;
}
.button.-warning-neg:hover {
  background-color: #8C0A0F;
}
.button.-green, .button.-next {
  color: #fff;
  background-color: #31933E;
}
.button.-green:hover, .button.-next:hover {
  background-color: #055810;
}
.button.-back, .button.-grey {
  color: #fff;
  background-color: #757575;
}
.button.-back:hover, .button.-grey:hover {
  background-color: #6B6D71;
}
.button.-ghost {
  background-color: transparent;
  padding: 0;
  border: 0;
  color: #212121;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.button.-quotebutton {
  border-radius: 60px;
  padding: 4px 17px;
  color: #fff;
  background-color: #FF6F0D;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1;
  justify-content: space-between;
}
.button.-quotebutton .button__icon {
  color: #FF6F0D;
  background-color: #fff;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}
.button.-quotebutton:hover {
  background-color: #D94204;
}
.button.-quotebutton:hover .button__icon {
  color: #D94204;
}
.button.-quotebutton.-webdeal {
  background-color: #3D0112;
}
.button.-quotebutton.-webdeal .button__icon {
  color: #3D0112;
}
.button.-quotebutton.-webdeal:hover {
  background-color: #FF6F0D;
}
.button.-quotebutton.-webdeal:hover .button__icon {
  color: #FF6F0D;
}
.button.-quotebutton.-affinity {
  background-color: #089EDD;
}
.button.-quotebutton.-affinity .button__icon {
  color: #089EDD;
}
.button.-quotebutton.-affinity:hover {
  background-color: #0190CC;
}
.button.-quotebutton.-affinity:hover .button__icon {
  color: #0190CC;
}
.button.-quotebutton.-keytrade {
  background-color: #0caed9;
}
.button.-quotebutton.-keytrade .button__icon {
  color: #0caed9;
}
.button.-quotebutton.-keytrade:hover {
  background-color: #0190CC;
}
.button.-quotebutton.-keytrade:hover .button__icon {
  color: #0190CC;
}
.button.-link, .button.-cancel, .button.-footer {
  padding: 0;
  color: #FF6F0D;
}
.button.-link.-pre, .button.-link.-post, .button.-cancel.-pre, .button.-cancel.-post, .button.-footer.-pre, .button.-footer.-post {
  text-decoration: none;
}
.button.-link.-pre .button__label, .button.-link.-post .button__label, .button.-cancel.-pre .button__label, .button.-cancel.-post .button__label, .button.-footer.-pre .button__label, .button.-footer.-post .button__label {
  text-decoration: underline;
}
.button.-link.-pre .button__label:hover, .button.-link.-post .button__label:hover, .button.-cancel.-pre .button__label:hover, .button.-cancel.-post .button__label:hover, .button.-footer.-pre .button__label:hover, .button.-footer.-post .button__label:hover {
  text-decoration: none;
}
.button.-link:focus, .button.-cancel:focus, .button.-footer:focus {
  background: transparent;
}
.button.-link:after, .button.-cancel:after, .button.-footer:after {
  display: none;
}
.button.-link .button-label,
.button.-link .button__label, .button.-cancel .button-label,
.button.-cancel .button__label, .button.-footer .button-label,
.button.-footer .button__label {
  text-decoration: underline;
}
.button.-link:hover .button-label,
.button.-link:hover .button__label, .button.-cancel:hover .button-label,
.button.-cancel:hover .button__label, .button.-footer:hover .button-label,
.button.-footer:hover .button__label {
  text-decoration: none;
}
.button.-link.-cancel, .button.-cancel.-cancel, .button.-footer.-cancel {
  color: #969696;
}
.button.-footer {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (min-width: 768px) {
  .button.-footer {
    padding: 0;
    border: 0;
  }
}
.button.-cancel {
  color: #969696;
}
.button.-transparent {
  background: transparent;
  color: #FF6F0D;
  border-color: #FF6F0D;
  border-radius: 0;
}
.button.-transparent:hover {
  color: #212121;
  border-color: #212121;
  background: transparent;
  box-shadow: 0 0 0;
}
.button.-transparent:hover .button__icon {
  color: #212121;
}
.button.-transparent .button__icon {
  color: #FF6F0D;
}
.button.-springbok {
  background: #FF6F0D;
  color: #fff;
  border-color: transparent;
}
.button.-springbok .button__icon {
  color: #fff;
}
.button.-springbok:hover {
  transform: translateY(-3px);
}
.button.-tel {
  cursor: pointer;
}
.button.-tel .button__label {
  text-decoration: underline;
}
.button.-tel.-nocall {
  cursor: default;
  pointer-events: none;
}
.button.-tel.-nocall .button__label {
  text-decoration: none;
}
.button.-filter {
  color: #757575;
  border-color: #757575;
  background-color: #fff;
  padding: 4px 17px;
}
.button.-filter .button__icon {
  font-size: 10px;
}
.button.-filter:hover {
  border-color: #FF6F0D;
  color: #FF6F0D;
  background: transparent;
}
.button.-filter.-active {
  border-color: #FF6F0D;
  background: #FF6F0D;
  color: #fff;
}
.button.-download {
  padding: 0;
  background: transparent;
  border-width: 0;
  box-shadow: 0 0 0 transparent;
  color: #D94204;
  text-shadow: 0 0 0;
  font-size: inherit;
}
.button.-download .button__label {
  text-decoration: underline;
  font-size: 14px;
  padding-left: 12px;
}
.button.-download .button__label::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  position: absolute;
}
.button.-download:hover .button__label {
  text-decoration: none;
}
.button.-download:focus {
  background: transparent;
}
.button.-itsme {
  color: #fff;
  border: 1px solid #FF4612;
  background: #FF4612;
  padding-top: 5px;
  padding-bottom: 5px;
  transform: translateY(0);
}
.button.-itsme .button__wrap-label {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 12px;
  gap: 12px;
}
.button.-itsme .button__wrap-label::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 40px;
}
app-button,
app-cc2button {
  display: inline-block;
}
.button__icon {
  position: relative;
  display: inline-block;
  text-decoration: none;
  border: 0;
  box-shadow: 0 0 0 transparent;
  background: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding: 0;
  font-size: 16px;
  min-width: 1px;
  cursor: pointer;
  transition: all 250ms ease;
}
.button__icon.-fxl {
  font-size: 30px;
}
.button__icon .button__icon__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.button__icon .button__icon__icon.-fxl {
  font-size: 30px;
}
.button__icon.-ghost {
  background: transparent;
}
.button__icon.-border {
  border: 1px solid #FF6F0D;
  background: #fff;
  color: #FF6F0D;
}
.button__icon.-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.button__icon.-hidden {
  display: none;
}
.button__icon.-info {
  color: #FF6F0D;
}
.button__icon.-info::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
}
.button__icon.-primary {
  background: #FF6F0D;
  border-radius: 4px;
  color: #fff;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 40px;
  text-align: center;
  transform: translateY(0);
}
.button__icon.-primary:hover {
  background: #D94204;
}
.button__icon.-round {
  border-radius: 100%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.button__icon.-round .button__icon__icon {
  line-height: 30px;
}
.button__icon.-refresh {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #FFD5B3;
  border-radius: 100%;
  transition: all 250ms ease;
  box-shadow: 0 0 0 transparent;
  cursor: pointer;
  font-size: 18px;
  color: #fff;
  padding: 0;
}
.button__icon.-refresh::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
}
.button__icon.-refresh:hover {
  background: #FF6F0D;
  box-shadow: 0px 4px 8px -2px rgba(20, 20, 20, 0.1), 0px 2px 4px -2px rgba(20, 20, 20, 0.06);
}
.button__icon.-s {
  transform: scale(0.7);
}
.dropdown {
  position: absolute;
  top: 46px;
  background: #fff;
  color: #212121;
  z-index: 2;
  border-radius: 4px;
  min-width: 300px;
  width: 100%;
  left: 0;
  border: 1px solid #FF6F0D;
  transform: translateY(-30px);
  opacity: 0;
  height: 0px;
  overflow: hidden;
  line-height: 1.2;
}
.dropdown.-right {
  left: auto;
  right: 0;
}
.dropdown.-withoutinput {
  border-radius: 0 0 4px 4px;
}
.dropdown.-withoutinput .dropdown__wrap {
  border-radius: 0 0 4px 4px;
}
.dropdown.-withoutinput .dropdown__wrap .dropdown__item:first-child {
  border-radius: 0;
}
.dropdown.-withoutinput .dropdown__wrap .dropdown__item .dropdown__item-status {
  word-wrap: break-word;
  max-width: 100%;
}
.dropdown.-on {
  height: auto;
  opacity: 1;
  transform: translateY(0%);
  transition: opacity 250ms linear, height 250ms linear, transform 250ms linear;
  overflow: visible;
}
.dropdown.-off {
  transform: translateY(-30px);
  opacity: 0;
  height: 0px;
  overflow: hidden;
  line-height: 1.2;
  transition: opacity 250ms linear, height 250ms linear, transform 250ms linear;
}
.dropdown.w-100 {
  width: 100%;
  left: 0;
  margin-left: 0;
}
.dropdown .dropdown__wrap {
  overflow: hidden;
  border-radius: 4px;
}
.dropdown .dropdown__list {
  max-height: 200px;
  overflow-y: scroll;
  width: calc(100% + 40px);
}
.dropdown .dropdown__list .dropdown__item {
  padding: 14px 55px 14px 25px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  font-size: 14px;
  background: #fff;
  border-bottom: 1px solid #FF6F0D;
  transition: all 250ms ease;
  display: flex;
  grid-gap: 8px;
  gap: 8px;
}
.dropdown .dropdown__list .dropdown__item:last-child {
  border-bottom: 0;
  border-radius: 0 0 4px 4px;
}
.dropdown .dropdown__list .dropdown__item:hover, .dropdown .dropdown__list .dropdown__item.-active {
  background: #FF6F0D;
  color: #fff;
}
.dropdown .dropdown__textfield {
  padding: 10px;
  background: #FFEFDC;
}
.dropdown .dropdown__textfield .textfield.-post .textfield__field {
  padding-right: 38px;
}
.dropdown .dropdown__textfield .textfield.-post .button__icon {
  color: #FF6F0D;
  font-size: 12px;
}
.dropdown .dropdown__textfield .textfield.-post .button__icon:hover {
  color: #FF6F0D;
}
.dropdown .dropdown__tooltip {
  position: relative;
  z-index: 1;
  padding: 8px;
  background: #fff;
  border-top: 1px solid #FFD5B3;
}
.dropdown .dropdown__tooltip .dropdown__content {
  padding: 12px;
  border-radius: 4px;
  background: #FFEFDC;
}
.dropdown .dropdown__tooltip .dropdown__content p {
  margin: 0;
}
.tooltip {
  position: absolute;
  color: #212121;
  z-index: 10;
}
.tooltip:before {
  content: "";
  background: #FF6F0D;
  display: block;
  position: absolute;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  border-radius: 2px;
  top: -7px;
  font-size: 24px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  transform: rotate(45deg);
  left: 50%;
  margin-left: -11px;
  z-index: 0;
}
.tooltip .tooltip__content {
  border: 1px solid #FF6F0D;
  background-color: #fff;
  border-radius: 4px;
  padding: 12px;
  position: relative;
  z-index: 1;
  line-height: 1.3;
  box-shadow: 0px 4px 8px -2px rgba(20, 20, 20, 0.1), 0px 2px 4px -2px rgba(20, 20, 20, 0.06);
}
.tooltip .tooltip__content .tooltip__title {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.tooltip .tooltip__content .tooltip__close {
  width: 100%;
  text-align: right;
  font-size: 12px;
  position: relative;
  top: -6px;
}
.tooltip .tooltip__content .tooltip__close:hover {
  color: #FF6F0D;
}
.tooltip a {
  color: #FF6F0D;
}
.tooltip.-left {
  transform: translateX(-5px);
}
.tooltip.-left::before {
  left: 15px;
  margin-left: 0;
}
.tooltip.-right {
  transform: translateX(5px);
  right: 0;
}
.tooltip.-right::before {
  left: auto;
  margin-left: 0;
  right: 15px;
}
.tooltip.-top {
  top: auto;
  bottom: 42px;
}
.tooltip.-top::before {
  top: auto;
  bottom: -7px;
}
.tooltip.-info-left-top {
  top: 33px;
  left: -12px;
}
.tooltip.-info-right-top {
  top: 33px;
  right: -12px;
}
.tooltip.-error:before {
  background: #C80E15;
}
.tooltip.-error .tooltip__content {
  color: #C80E15;
  border-color: #C80E15;
  font-size: 12px;
  padding: 4px;
  box-shadow: 0px 1px 2px 0px rgba(20, 20, 20, 0.05);
}
.tooltip.-anim {
  transform: scale(0);
}
.tooltip.-anim.-on {
  animation: overlaytooltip 250ms ease-out forwards;
}
.tooltip.-v2 {
  opacity: 0;
  border-radius: 20px;
  width: 466px;
  max-width: 100%;
  margin: 0;
  left: 0;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  transition: all 250ms ease;
  transform: scale(0);
}
.tooltip.-v2.-on {
  animation: overlaytooltip 250ms ease-out forwards;
}
.tooltip.-v2:before {
  background-color: #fff;
}
.tooltip.-v2 .tooltip__content {
  border-radius: 20px;
  border: 0;
  padding: 24px;
  text-align: left;
}
.tooltip.-v2 .tooltip__content .tooltip__title {
  margin-bottom: 10px;
}
.tooltipTransverse {
  position: absolute;
  transform: scale(0);
  top: 42px;
  color: #212121;
  z-index: 10;
  min-width: 122px;
  animation: overlaytooltip 250ms ease-out forwards;
}
.tooltipTransverse:before {
  content: "";
  display: inline-block;
  position: absolute;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  height: 0;
  width: 0;
  border-right: 10px solid transparent;
  border-bottom: 12px solid #FF6F0D;
  border-left: 10px solid transparent;
  left: 50%;
  margin-left: -11px;
  z-index: 0;
  top: -11px;
}
.tooltipTransverse .tooltipTransverse__content {
  background: #fff;
  border: 1px solid #FF6F0D;
  border-radius: 4px;
  padding: 12px;
  position: relative;
  z-index: 1;
  line-height: 1.3;
  box-shadow: 0px 4px 8px -2px rgba(20, 20, 20, 0.1), 0px 2px 4px -2px rgba(20, 20, 20, 0.06);
}
.tooltipTransverse .tooltipTransverse__content .tooltipTransverse__title {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.tooltipTransverse .tooltipTransverse__content .tooltipTransverse__close {
  width: 100%;
  text-align: right;
  font-size: 12px;
  position: relative;
  top: -6px;
}
.tooltipTransverse .tooltipTransverse__content .tooltipTransverse__close:hover {
  color: #FF6F0D;
}
.tooltipTransverse a {
  color: #FF6F0D;
}
.tooltipTransverse.-info-left-top {
  top: 33px;
  left: -18px;
}
.tooltipTransverse.-left {
  transform: translateX(-5px);
}
.tooltipTransverse.-left::before {
  left: 15px;
  margin-left: 0;
}
.tooltipTransverse.-right {
  transform: translateX(5px);
  right: 0;
}
.tooltipTransverse.-right::before {
  left: auto;
  margin-left: 0;
  right: 15px;
}
.tooltipTransverse.-top {
  top: auto;
  bottom: 42px;
}
.tooltipTransverse.-top::before {
  top: auto;
  bottom: -7px;
}
.tooltipTransverse.-error {
  min-width: 50px;
}
.tooltipTransverse.-error:before {
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 9px solid #C80E15;
  top: -8px;
}
.tooltipTransverse.-error .tooltipTransverse__content {
  color: #C80E15;
  border-color: #C80E15;
  font-size: 12px;
  padding: 4px;
  box-shadow: 2px 2px 12px 0 rgba(120, 143, 180, 0.4);
}
.tooltipTransverse.-v2 {
  opacity: 0;
  border-radius: 20px;
  width: 466px;
  max-width: 100%;
  margin: 0;
  left: 0;
  box-shadow: 0px 4px 8px -2px rgba(20, 20, 20, 0.1), 0px 2px 4px -2px rgba(20, 20, 20, 0.06);
  transition: all 250ms ease;
  transform: scale(0);
}
.tooltipTransverse.-v2.-on {
  animation: overlaytooltip 250ms ease-out forwards;
}
.tooltipTransverse.-v2.-off {
  transform: scale(0);
}
.tooltipTransverse.-v2:before {
  border-bottom-color: #fff;
}
.tooltipTransverse.-v2 .tooltipTransverse__content {
  border-radius: 20px;
  border: 0;
  padding: 24px;
  text-align: left;
}
.tooltipTransverse.-v2 .tooltipTransverse__content .tooltipTransverse__title {
  margin-bottom: 10px;
}
.tooltipTransverse.-v2.-top:before {
  border-bottom: 0;
  border-top: 12px solid #fff;
  bottom: -12px;
}
.tooltipTransverse__wrap {
  position: relative;
  cursor: pointer;
}
.tooltipTransverse__wrap.-nowrap {
  display: flex;
  white-space: nowrap;
}
.tooltipTransverse__wrap.-nowrap .tooltipTransverse__content {
  white-space: normal;
}
.tooltipTransverse__wrap .tooltipTransverse.-hover {
  opacity: 0;
  animation: none;
  transform: scale(0);
}
.tooltipTransverse__wrap:hover .tooltipTransverse.-hover {
  animation: overlaytooltip 250ms ease-out forwards;
}
.accordion {
  display: grid;
}
.accordion .accordion__element .accordion__head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding: 22px;
  cursor: pointer;
}
.accordion .accordion__element .accordion__head .accordion__title {
  color: #FF6F0D;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-align: left;
  position: relative;
}
.accordion .accordion__element .accordion__head .accordion__dropdown {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 250ms ease;
  transform: rotate(0);
  transform-origin: center;
}
.accordion .accordion__element .accordion__head .accordion__dropdown:before {
  content: "";
}
.accordion .accordion__element .accordion__head .accordion__icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .accordion .accordion__element .accordion__head .accordion__icon {
    justify-content: center;
  }
}
.accordion .accordion__element .accordion__head .accordion__icon img {
  max-width: 30px;
  min-height: 30px;
}
.accordion .accordion__element .accordion__head .accordion__icon.-valid, .accordion .accordion__element .accordion__head .accordion__icon.-unvalid {
  padding: 0;
  position: relative;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
}
.accordion .accordion__element .accordion__head .accordion__icon.-valid::after, .accordion .accordion__element .accordion__head .accordion__icon.-unvalid::after {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: block;
}
.accordion .accordion__element .accordion__head .accordion__icon.-valid::after {
  content: "";
  color: #31933E;
}
.accordion .accordion__element .accordion__head .accordion__icon.-unvalid::after {
  content: "";
  color: #C80E15;
}
.accordion .accordion__element .accordion__head .accordion__link {
  display: flex;
  align-items: center;
  grid-gap: 6px;
  gap: 6px;
  font-size: 14px;
  cursor: pointer;
}
.accordion .accordion__element .accordion__head .accordion__link .link__label {
  text-decoration: underline;
  color: #FF6F0D;
}
.accordion .accordion__element .accordion__head .accordion__link .link__img {
  width: 12px;
  height: 12px;
  overflow: hidden;
}
.accordion .accordion__element .accordion__head .accordion__link .link__img img {
  width: 24px;
  height: 12px;
  transform: translateX(0);
}
.accordion .accordion__element .accordion__head .accordion__link:hover .link__label {
  text-decoration: none;
}
.accordion .accordion__element .accordion__head .-to-open {
  display: block;
}
.accordion .accordion__element .accordion__head .-to-close {
  display: none;
}
.accordion .accordion__element .accordion__content {
  padding: 0 22px;
}
.accordion .accordion__element .action {
  padding-top: 14px;
  padding-bottom: 14px;
}
.accordion .accordion__element .group {
  margin-bottom: 0;
}
.accordion .accordion__element.-active .accordion__head .accordion__dropdown {
  transform: rotate(180deg);
}
.accordion .accordion__element.-active .accordion__head .accordion__link .link__label {
  color: #969696;
}
.accordion .accordion__element.-active .accordion__head .accordion__link .link__img img {
  transform: translateX(-50%);
}
.accordion .accordion__element.-active .accordion__head .-to-open {
  display: none;
}
.accordion .accordion__element.-active .accordion__head .-to-close {
  display: block;
}
.accordion .accordion__element.-active .accordion__content {
  padding-bottom: 22px;
}
.accordion .accordion__element.-active .accordion__content .accordion-paragraph {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}
.accordion .accordion__element.-active .accordion__content .accordion-paragraph P {
  margin: 0;
}
.accordion .accordion__element.-active .accordion__content .accordion-paragraph a {
  text-decoration: underline;
}
.accordion .accordion__element.-active .accordion__content .accordion-paragraph a:hover {
  text-decoration: none;
}
.accordion .accordion__element.-active .accordion__content .accordion-paragraph .list {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}
.accordion .accordion__element.-active .accordion__content .accordion-paragraph .list li {
  margin-bottom: 0;
}
.accordion .accordion__element.-classic {
  border: 1px solid #FF6F0D;
  border-radius: 4px;
}
.accordion .accordion__element.-cards {
  background: #fff;
  border-radius: 15px;
  transition: all 250ms ease;
  grid-template-rows: 1fr 0;
}
.accordion .accordion__element.-cards .accordion__head .accordion__dropdown {
  font-size: 22px;
}
.accordion .accordion__element.-cards .accordion__head .accordion__title {
  font-size: 18px;
  line-height: 1.2;
  color: #212121;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .accordion .accordion__element.-cards .accordion__head .accordion__title {
    font-size: 20px;
  }
}
.accordion .accordion__element.-cards .accordion__head .accordion__title.-m {
  font-size: 16px;
}
@media (min-width: 768px) {
  .accordion .accordion__element.-cards .accordion__head .accordion__title.-m {
    font-size: 18px;
  }
}
.accordion .accordion__element.-add .accordion__head {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #FF6F0D;
  grid-gap: 16px;
  gap: 16px;
  background: #fff;
  box-shadow: 0px 4px 8px -2px rgba(20, 20, 20, 0.1), 0px 2px 4px -2px rgba(20, 20, 20, 0.06);
  border-radius: 15px;
  padding: 20px;
}
.accordion .accordion__element.-add .accordion__head:hover {
  box-shadow: 0 0 0 transparent;
}
.accordion .accordion__element.-add .accordion__head .accordion__add {
  display: flex;
  grid-gap: 8px;
  gap: 8px;
}
.accordion .accordion__element.-withicon .accordion__head {
  grid-template-columns: 40px 1fr auto;
}
@media (min-width: 768px) {
  .accordion .accordion__element.-withicon .accordion__head {
    grid-template-columns: 70px 1fr auto;
  }
}
@media (min-width: 768px) {
  .accordion .accordion__element.-withicon .accordion__content {
    padding-left: 92px;
  }
}
.swipeX {
  position: relative;
  display: flex;
}
.swipeX .swipeX__group {
  display: block;
  width: 100%;
}
.swipeX .swipeX__group .messages.-endflux span {
  text-align: center;
}
.swipeX .swipeX__group .messages.-endflux .messages__icon {
  margin: 30px auto;
}
.swipeX .swipeX__block {
  width: 100%;
  position: absolute;
  transition: all 500ms ease;
  display: block;
  flex-grow: 1;
  top: 0;
  left: 150vw;
}
.swipeX .swipeX__block.-active {
  left: 0;
  position: relative;
}
.swipeX .swipeX__block.-done {
  left: -150vw;
}
.breadcrumb .breadcrumb-container .breadcrumb-list {
  padding: 0;
  margin: 0;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
}
@media (min-width: 576px) {
  .breadcrumb .breadcrumb-container .breadcrumb-list {
    justify-content: center;
    grid-gap: 40px;
    gap: 40px;
  }
}
.breadcrumb .breadcrumb-container .breadcrumb-list .breadcrumb-item {
  position: relative;
  list-style: none;
}
.breadcrumb .breadcrumb-container .breadcrumb-list .breadcrumb-item.-clickable {
  cursor: pointer;
}
.breadcrumb.-connect .breadcrumb-container {
  padding: 20px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item {
  display: grid;
  grid-template-columns: 1fr;
  text-align: left;
  justify-content: flex-start;
  position: relative;
  padding: 6px 0;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item::before {
  content: "";
  position: absolute;
  width: calc(100% + 20px);
  height: 100%;
  top: 0;
  left: -10px;
  border-radius: 4px;
  background: transparent;
  z-index: 0;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label {
  display: grid;
  grid-template-columns: 18px 1fr;
  grid-gap: 10px;
  gap: 10px;
  position: relative;
  z-index: 1;
  padding-right: 8px;
  color: #212121;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label::before, .breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label::after {
  content: "";
  width: 18px;
  height: 18px;
  font-size: 9px;
  line-height: 21px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #FF6F0D;
  border-radius: 100%;
  color: #FF6F0D;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label:after {
  position: absolute;
  transform: scale(0);
  background-color: #FF6F0D;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done::after {
  border-style: solid;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done .breadcrumb-label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done .breadcrumb-label::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #fff;
  background-color: #FF6F0D;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active:before {
  background-color: #FF6F0D;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active .breadcrumb-label {
  color: #fff;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active .breadcrumb-label::after {
  transform: scale(0.5);
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item:last-child {
  margin-bottom: 0;
}
.breadcrumb.-connect .breadcrumb-container .breadcrumb-list .breadcrumb-item:last-child::after {
  display: none;
}
.breadcrumb.-cz {
  background: #FF6F0D;
  color: #fff;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.breadcrumb.-cz .breadcrumb-container .breadcrumb-list {
  grid-gap: 0;
  gap: 0;
}
.breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item {
  padding: 7px 0;
  white-space: nowrap;
  display: none;
}
@media (min-width: 768px) {
  .breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item {
    padding: 9px 0;
    display: flex;
    align-items: center;
  }
}
.breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item::after {
  background: url("/content/dam/B2C/shared/icons/arrow-right.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(133deg) brightness(102%) contrast(108%);
  content: "";
  width: 12px;
  height: 12px;
  margin: 0 30px;
  display: none;
}
@media (min-width: 768px) {
  .breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item::after {
    display: block;
  }
}
.breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item:last-child::after {
  display: none;
}
.breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done::before, .breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item.-past::before {
  background: url("/content/dam/B2C/angular/devis/check-neg.svg") no-repeat center #fff;
  width: 18px;
  height: 18px;
  content: "";
  text-align: center;
  border-radius: 100%;
  margin-right: 8px;
  display: inline-block;
  position: relative;
  top: 0px;
}
.breadcrumb.-cz .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active {
  display: flex;
}
.breadcrumb.-quote {
  background: #FFD5B3;
  color: #faa267;
  margin-bottom: 40px;
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list {
  justify-content: flex-start;
  grid-gap: 0;
  gap: 0;
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item {
  counter-increment: etapes;
  white-space: nowrap;
  list-style: none;
  line-height: 58px;
  position: relative;
  padding: 0 18px;
  display: none;
}
@media (min-width: 768px) {
  .breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item {
    display: inline-block;
  }
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item::before {
  content: counter(etapes);
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
  line-height: 25px;
  display: inline-block;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  border-radius: 100%;
  text-align: center;
  background: #faa267;
  color: #FFD5B3;
  margin-right: 9px;
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item::after {
  content: "";
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active {
  display: inline-block;
  width: 100%;
  background-color: #FF6F0D;
  color: #fff;
}
@media (min-width: 768px) {
  .breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active {
    width: auto;
  }
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active::before {
  background: #fff;
  color: #FF6F0D;
}
.breadcrumb.-quote .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active:after {
  content: "";
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  transform: rotate(45deg);
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  background: #FF6F0D;
  border-color: #FF6F0D transparent transparent;
}
.breadcrumb.-vertical {
  position: relative;
  z-index: 1;
}
.breadcrumb.-vertical .breadcrumb-container {
  background-color: #FFEFDC;
  padding: 20px;
  border-radius: 15px;
  display: inline-flex;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list {
  display: grid;
  grid-gap: 0;
  gap: 0;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item {
  display: grid;
  grid-template-columns: 1fr;
  text-align: left;
  position: relative;
  margin-bottom: 15px;
  padding: 6px 0;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item::before {
  content: "";
  position: absolute;
  width: calc(100% + 20px);
  height: 100%;
  top: 0;
  left: -10px;
  border-radius: 4px;
  background: transparent;
  z-index: 0;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item::after {
  content: "";
  width: 1px;
  height: calc(100% + 5px);
  border: 0;
  border-left-width: 1px;
  border-left-style: dashed;
  position: absolute;
  bottom: -23px;
  left: 9px;
  border-color: #FF6F0D;
  z-index: 0;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label {
  display: grid;
  grid-template-columns: 18px 1fr;
  grid-gap: 10px;
  gap: 10px;
  position: relative;
  z-index: 1;
  padding-right: 8px;
  color: #212121;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label::before, .breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label::after {
  content: "";
  width: 18px;
  height: 18px;
  font-size: 9px;
  line-height: 21px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  background-color: transparent;
  border: 2px solid #FF6F0D;
  border-radius: 100%;
  color: #FF6F0D;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-label:after {
  position: absolute;
  transform: scale(0);
  background-color: #FF6F0D;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done::after {
  border-style: solid;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done .breadcrumb-label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item.-done .breadcrumb-label::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #fff;
  background-color: #FF6F0D;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active:before {
  background-color: #FF6F0D;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active .breadcrumb-label {
  color: #fff;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active .breadcrumb-label::before {
  border-color: #fff;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item.-active .breadcrumb-label::after {
  transform: scale(0.5);
  background-color: #fff;
  border-color: #fff;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item:last-child {
  margin-bottom: 0;
}
.breadcrumb.-vertical .breadcrumb-container .breadcrumb-list .breadcrumb-item:last-child::after {
  display: none;
}
.subheader {
  background: #fff;
  width: 100%;
}
.subheader .subheader__container {
  margin: 0 auto;
  display: grid;
  align-items: center;
}
.subheader .subheader__container .subheader__logo {
  position: relative;
}
.subheader .subheader__container .subheader__logo img {
  height: 100%;
  max-height: 100%;
  width: auto;
}
.subheader .subheader__container .subheader__title {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.subheader .subheader__container .subheader__last {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-gap: 32px;
  gap: 32px;
}
.subheader .subheader__container .subheader__last .subheader__lg .link.-active {
  color: #969696;
  text-decoration: none;
  pointer-events: none;
}
.subheader.-connect {
  padding: 16px 40px;
  top: 0;
  left: 0;
  z-index: 1;
}
.subheader.-connect .subheader__container {
  grid-template-columns: 40px auto 1fr;
  grid-gap: 20px;
  gap: 20px;
}
.subheader.-connect .subheader__container .subheader__title {
  text-align: left;
  text-transform: none;
  font-family: "Light", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 8px;
  gap: 8px;
  padding-left: 20px;
  font-size: 22px;
}
.subheader.-connect .subheader__container .subheader__title:before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  top: 0;
  margin-top: 0;
  border-left: 1px solid #FF6F0D;
  width: 1px;
  height: 100%;
}
.subheader.-connect .subheader__container .subheader__logo {
  width: 40px;
  display: flex;
}
.subheader.-cz {
  height: 57px;
  padding: 10px 15px;
  z-index: 11;
  position: relative;
  grid-gap: 10px;
  gap: 10px;
}
@media (min-width: 768px) {
  .subheader.-cz {
    padding: 20px 15px;
    height: 80px;
  }
}
.subheader.-cz .subheader__container {
  grid-template-columns: 120px 1fr 100px;
  align-items: center;
  grid-gap: 16px;
  gap: 16px;
}
.subheader.-cz .subheader__container .subheader__logo {
  width: 120px;
  display: flex;
  align-items: center;
}
.subheader.-cz .subheader__container .subheader__title {
  font-size: 14px;
  color: #FF6F0D;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
}
.subheader.-cz .subheader__container .subheader__title::before {
  content: "|";
  color: #FF6F0D;
}
.subheader.-popinMF {
  padding: 10px 20px;
}
@media (min-width: 768px) {
  .subheader.-popinMF {
    padding: 25px 20px;
  }
}
.subheader.-popinMF .subheader__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  .subheader.-popinMF .subheader__container {
    align-items: flex-start;
  }
}
.subheader.-popinMF .subheader__container .subheader__close {
  color: #969696;
  font-size: 12px;
}
@media (min-width: 768px) {
  .subheader.-popinMF .subheader__container .subheader__close {
    font-size: 20px;
  }
}
.subheader.-popinMF .subheader__container .subheader__close:hover {
  color: #FF6F0D;
}
.subheader.-popinMF .subheader__container .subheader__logo {
  width: auto;
  height: 26px;
}
.subheader.-hideHeader {
  border-bottom: 0;
}
.subheader.-hideHeader .subheader__container {
  grid-template-columns: 1fr;
  justify-content: flex-end;
}
.subheader.-hideHeader .subheader__container .subheader__last .subheader__close {
  top: 20px;
}
.tabsTransverse {
  position: relative;
  z-index: 3;
}
.tabsTransverse .tabs__wrap .tabs__list {
  display: inline-flex;
  align-items: stretch;
  margin: 0;
  padding: 0;
}
.tabsTransverse .tabs__wrap .tabs__list .tabs__item {
  position: relative;
  display: flex;
  align-items: center;
}
.tabsTransverse .tabs__wrap .tabs__list .tabs__item .tabs__link {
  cursor: pointer;
  text-align: center;
  color: #212121;
  position: relative;
  width: 100%;
  display: block;
  transition: all 250ms ease;
}
.tabsTransverse .tabs__wrap .tabs__list .tabs__item::before {
  content: "";
  transition: all 250ms ease;
  position: absolute;
  bottom: -1px;
}
.tabsTransverse.-rounded {
  background-color: #FFD5B3;
  border-radius: 50px;
  display: inline-flex;
  padding: 6px;
  margin-left: auto;
  margin-right: auto;
}
.tabsTransverse.-rounded .tabs__wrap .tabs__list {
  grid-gap: 6px;
  gap: 6px;
}
.tabsTransverse.-rounded .tabs__wrap .tabs__list .tabs__item .tabs__link {
  padding: 8px 25px;
  border-radius: 50px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.tabsTransverse.-rounded .tabs__wrap .tabs__list .tabs__item .tabs__link .cz__notif {
  width: 18px;
  height: 18px;
  font-size: 14px;
  line-height: 18px;
  top: -14px;
  right: -20px;
}
.tabsTransverse.-rounded .tabs__wrap .tabs__list .tabs__item.-active .tabs__link, .tabsTransverse.-rounded .tabs__wrap .tabs__list .tabs__item:hover .tabs__link {
  background-color: #FF6F0D;
  color: #fff;
}
.tabsTransverse.-classic .tabs__wrap .tabs__list {
  border-bottom: 1px solid #faa267;
}
.tabsTransverse.-classic .tabs__wrap .tabs__list .tabs__item::before {
  width: 100%;
  height: 0;
  background: transparent;
  left: 0;
  bottom: -1px;
  border-radius: 20px;
}
.tabsTransverse.-classic .tabs__wrap .tabs__list .tabs__item .tabs__link {
  padding: 0 25px 11px;
}
.tabsTransverse.-classic .tabs__wrap .tabs__list .tabs__item:hover .tabs__link {
  color: #FF6F0D;
}
.tabsTransverse.-classic .tabs__wrap .tabs__list .tabs__item.-active .tabs__link {
  color: #FF6F0D;
}
.tabsTransverse.-classic .tabs__wrap .tabs__list .tabs__item.-active::before {
  height: 4px;
  background: #FF6F0D;
}
.tabsTransverse.-background {
  background: #FFD5B3;
}
.tabsTransverse.-background .tabs__wrap .tabs__list {
  display: flex;
  grid-gap: 16px;
  gap: 16px;
}
.tabsTransverse.-background .tabs__wrap .tabs__list .tabs__item {
  background: transparent;
  transition: all 250ms ease;
  display: none;
  color: #FF6F0D;
}
@media (min-width: 576px) {
  .tabsTransverse.-background .tabs__wrap .tabs__list .tabs__item {
    display: block;
  }
}
.tabsTransverse.-background .tabs__wrap .tabs__list .tabs__item .tabs__link {
  padding: 17px 40px;
  color: #FF6F0D;
  font-size: 14px;
}
.tabsTransverse.-background .tabs__wrap .tabs__list .tabs__item:hover {
  background: #FF6F0D;
}
.tabsTransverse.-background .tabs__wrap .tabs__list .tabs__item:hover .tabs__link {
  color: #fff;
}
.tabsTransverse.-background .tabs__wrap .tabs__list .tabs__item.-active {
  background: #FF6F0D;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.tabsTransverse.-background .tabs__wrap .tabs__list .tabs__item.-active .tabs__link {
  color: #fff;
}
.tabsTransverse.-vertical .tabs__wrap {
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  padding: 0;
}
.tabsTransverse.-vertical .tabs__wrap .tabs__list {
  display: grid;
  grid-gap: 1px;
  gap: 1px;
  background-color: #757575;
}
.tabsTransverse.-vertical .tabs__wrap .tabs__list .tabs__item {
  background-color: #fff;
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-columns: 1fr auto;
  padding: 12px 20px;
  grid-gap: 16px;
  gap: 16px;
}
.tabsTransverse.-vertical .tabs__wrap .tabs__list .tabs__item .tabs__link {
  text-align: left;
}
.tabsTransverse.-vertical .tabs__wrap .tabs__list .tabs__item::after {
  content: "";
  display: block;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  transform: rotate(90deg);
  transform-origin: center;
}
.tabsTransverse.-vertical .tabs__wrap .tabs__list .tabs__item.-active .tabs__link {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
}
.tabsTransverse.-vertical .tabs__wrap .tabs__list .tabs__item.-active::after {
  color: #FF6F0D;
}
.tabsTransverse.-center {
  text-align: center;
}
.tabsTransverse.-fullwidth .tabs__wrap .tabs__list {
  display: flex;
}
.tabsTransverse.-fullwidth.-center .tabs__wrap .tabs__list {
  justify-content: center;
}
.tabsTransverse.-buttons .tabs__wrap {
  padding: 0;
  margin: 0;
}
.tabsTransverse.-buttons .tabs__wrap .tabs__list {
  grid-gap: 15px;
  gap: 15px;
}
.tabsTransverse.-buttons .tabs__wrap .tabs__list .tabs__item .tabs__link {
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid #FF6F0D;
  color: #FF6F0D;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  cursor: pointer;
  border-radius: 50px;
}
.tabsTransverse.-buttons .tabs__wrap .tabs__list .tabs__item .tabs__link .notif {
  position: absolute;
  right: 0;
  top: -5px;
  border-radius: 5px;
  width: auto;
  height: auto;
  padding: 1px 3px;
  min-width: 14px;
}
.tabsTransverse.-buttons .tabs__wrap .tabs__list .tabs__item:hover .tabs__link {
  border-color: #D94204;
  color: #D94204;
}
.tabsTransverse.-buttons .tabs__wrap .tabs__list .tabs__item.-active .tabs__link {
  background-color: #FF6F0D;
  border: 1px solid #FF6F0D;
  color: #fff;
}
.tabsTransverse__wrap {
  display: grid;
  grid-gap: 60px;
  gap: 60px;
}
.cardsTransverse__wrap {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
}
@media (min-width: 768px) {
  .cardsTransverse__wrap {
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: 30px;
    gap: 30px;
  }
}
.cardsTransverse__wrap.-endflux {
  grid-gap: 0;
  gap: 0;
}
@media (min-width: 768px) {
  .cardsTransverse__wrap.-endflux {
    grid-gap: 20px;
    gap: 20px;
  }
}
.cardsTransverse__wrap.-row {
  flex-direction: column;
  justify-content: flex-start;
}
.cardsTransverse__wrap.-collapse {
  display: grid;
  grid-gap: 0px;
  gap: 0px;
  border-bottom: 1px solid #FF6F0D;
}
@media (min-width: 768px) {
  .cardsTransverse__wrap.-collapse {
    padding-bottom: 40px;
    grid-gap: 10px;
    gap: 10px;
    border: 0;
  }
}
.cardsTransverse__wrap.radio {
  display: grid;
  background-color: #FF6F0D;
  border-top: 1px solid #FF6F0D;
  border-bottom: 1px solid #FF6F0D;
  grid-gap: 1px;
  gap: 1px;
}
@media (min-width: 768px) {
  .cardsTransverse__wrap.radio {
    background-color: transparent;
    border: 0;
    grid-gap: 15px;
    gap: 15px;
  }
}
.cardsTransverse {
  position: relative;
  background: #fff;
  border-radius: 15px;
  transition: all 250ms ease;
  display: flex;
  align-items: center;
  box-shadow: 0px 4px 8px -2px rgba(20, 20, 20, 0.1), 0px 2px 4px -2px rgba(20, 20, 20, 0.06);
  z-index: 0;
}
.cardsTransverse.-group {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  padding: 20px;
}
.cardsTransverse .cardsTransverse__container {
  width: 100%;
  position: relative;
  z-index: 1;
}
.cardsTransverse.-pavement {
  padding: 25px 70px 25px 20px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .cardsTransverse.-pavement {
    padding: 60px 20px;
    box-shadow: 0 0 0 transparent;
    background: transparent;
  }
}
.cardsTransverse.-pavement::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 30px;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -15px;
  color: #FF6F0D;
  box-shadow: 0px 4px 8px -2px rgba(20, 20, 20, 0.1), 0px 2px 4px -2px rgba(20, 20, 20, 0.06);
  border-radius: 100%;
}
@media (min-width: 768px) {
  .cardsTransverse.-pavement::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    background: #fff;
    border-radius: 15px;
    transform: scale(1);
    transform-origin: center;
    transition: all 250ms ease;
  }
}
@media (min-width: 768px) {
  .cardsTransverse.-pavement:hover::before {
    transform: scale(1.05);
  }
}
.cardsTransverse.-list {
  padding: 25px 20px;
}
@media (min-width: 768px) {
  .cardsTransverse.-list {
    padding: 30px 50px;
  }
}
.cardsTransverse.-block {
  border-top: 1px solid #FF6F0D;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
  overflow: hidden;
  display: grid;
}
@media (min-width: 768px) {
  .cardsTransverse.-block {
    border-radius: 20px;
    border: 1px solid #FF6F0D;
    padding: 5px;
  }
}
.cardsTransverse.-endflux {
  padding: 20px;
  cursor: default;
  text-align: left;
  box-shadow: 0 0 0 transparent;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0;
}
@media (min-width: 768px) {
  .cardsTransverse.-endflux {
    padding: 20px 40px;
    border: 1px solid #FF6F0D;
    border-radius: 15px;
  }
}
.cardsTransverse.-endflux .list.-check {
  padding-left: 20px;
}
.cardsTransverse.-endflux .list.-check::before {
  top: 1px;
}
.cardsTransverse.-endflux .cardsTransverse__container {
  display: grid;
  grid-template-columns: 30px 1fr;
  grid-gap: 30px;
  gap: 30px;
  align-items: center;
}
.cardsTransverse.-endflux .cardsTransverse__container p {
  margin: 0;
}
.cardsTransverse.-endflux .cardsTransverse__container img {
  width: 30px;
  height: 30px;
}
.cardsTransverse.-endflux .endflux__info {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
}
@media (min-width: 768px) {
  .cardsTransverse.-endflux .endflux__info {
    grid-template-columns: 100px 1fr;
    align-items: center;
    grid-gap: 40px;
    gap: 40px;
  }
}
.cardsTransverse.-endflux .endflux__info .endflux__info-visu {
  background-color: #FF6F0D;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  padding: 10px;
  width: 60px;
  height: 60px;
}
@media (min-width: 768px) {
  .cardsTransverse.-endflux .endflux__info .endflux__info-visu {
    padding: 20px;
    width: 100px;
    height: 100px;
  }
}
.cardsTransverse.-endflux .endflux__info .endflux__info-visu img {
  max-width: 100%;
}
.cardsTransverse.-endflux .title {
  font-size: 22px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  line-height: 1.2;
}
.cardsTransverse.-endflux .subtitle {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.cardsTransverse.-endflux.-validate {
  background: #E6F2E8;
  border: 0;
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 768px) {
  .cardsTransverse.-endflux.-validate {
    border: 1px solid #6FB478;
  }
}
.cardsTransverse.-endflux.-validate .cardsTransverse__container {
  display: grid;
  align-items: center;
}
.cardsTransverse.-endflux.-validate .cardsTransverse__container::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #31933E;
  color: #fff;
  text-align: center;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cardsTransverse.-endflux.-cta {
  background-color: #FFEFDC;
  border-color: #FF6F0D;
  padding-top: 40px;
  padding-bottom: 40px;
}
.cardsTransverse.-endflux.-cta .cardsTransverse__container {
  grid-template-columns: 1fr;
}
.cardsTransverse.-endflux.-cta .title {
  font-size: 30px;
}
.cardsTransverse.-endflux.-cta .title .subtitle {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  color: #FF6F0D;
  font-family: "EthiasSans", arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
}
.cardsTransverse.-endflux.-cta .title .subtitle img {
  height: 22px;
}
.cardsTransverse.-endflux.-top .cardsTransverse__container {
  align-items: flex-start;
}
.cardsTransverse.-bluelight {
  background-color: #E1F8FF;
}
.cardsTransverse.-primarylight {
  background-color: #FFEFDC;
}
.collapsecard .cardsTransverse.-collapse .cz__help {
  margin: 0;
}
.collapsecard .cardsTransverse.-collapse .collapsecard__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
}
.collapsecard .cardsTransverse.-collapse .collapsecard__header .collapsecard__header-title {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
}
.collapsecard .cardsTransverse.-collapse .collapsecard__header .collapsecard__header-subtitle {
  font-size: 14px;
}
.collapsecard .cardsTransverse.-collapse .collapsecard__body {
  transform: translateY(-30px);
  opacity: 0;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
  transition: all 250ms ease;
}
.collapsecard.-isOpen .cardsTransverse.-collapse .collapsecard__body {
  display: block;
  height: auto;
  overflow: visible;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: all 250ms ease;
}
.collapsecard.-isClose .cardsTransverse.-collapse {
  background-color: #FFEFDC;
}
.collapsecard.-isDisabled {
  pointer-events: none;
}
.collapsecard.-isDisabled .cardsTransverse__container {
  opacity: 0.7;
}
.icon-ethias-ethias {
  color: #FF6F0D;
}
.icon-ethias-visa:before {
  content: "";
  color: #1a2e50;
}
.icon-ethias-ogone:before {
  content: "";
  color: #1d70b7;
}
.icon-ethias-mastercard .path1:before {
  content: "";
  color: #231f20;
}
.icon-ethias-mastercard .path2:before {
  content: "";
  color: #eb621d;
  margin-left: -1.75em;
}
.icon-ethias-mastercard .path3:before {
  content: "";
  color: #e41522;
  margin-left: -1.75em;
}
.icon-ethias-mastercard .path4:before {
  content: "";
  color: #f59e1f;
  margin-left: -1.75em;
}
.icon-ethias-mastercard .path5:before {
  content: "";
  color: #f59e1f;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path1:before {
  content: "";
  color: #0097d9;
}
.icon-ethias-maestro .path2:before {
  content: "";
  color: #e40520;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path3:before {
  content: "";
  color: #e40520;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path4:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path5:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path6:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path7:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path8:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path9:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path10:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-maestro .path11:before {
  content: "";
  color: #fff;
  margin-left: -1.75em;
}
.icon-ethias-ingenico .path1:before {
  content: "";
  color: #33bbdb;
}
.icon-ethias-ingenico .path2:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path3:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path4:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path5:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path6:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path7:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path8:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path9:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path10:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path11:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path12:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path13:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path14:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path15:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path16:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path17:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path18:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path19:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path20:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path21:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path22:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path23:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path24:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path25:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path26:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path27:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path28:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path29:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path30:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path31:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path32:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path33:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path34:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path35:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path36:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path37:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path38:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path39:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-ingenico .path40:before {
  content: "";
  color: #fff;
  margin-left: -2.1875em;
}
.icon-ethias-becommerce .path1:before {
  content: "";
  color: #004a81;
}
.icon-ethias-becommerce .path2:before {
  content: "";
  color: #bfd464;
  margin-left: -1em;
}
.icon-ethias-becommerce .path3:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path4:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path5:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path6:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path7:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path8:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path9:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path10:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path11:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path12:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path13:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path14:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path15:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path16:before {
  content: "";
  color: #05517d;
  margin-left: -1em;
}
.icon-ethias-becommerce .path17:before {
  content: "";
  color: #05517d;
  margin-left: -1em;
}
.icon-ethias-becommerce .path18:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path19:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path20:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path21:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path22:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path23:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path24:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path25:before {
  content: "";
  color: #9eaeda;
  margin-left: -1em;
}
.icon-ethias-becommerce .path26:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path27:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path28:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path29:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path30:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path31:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path32:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path33:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path34:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path35:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path36:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path37:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path38:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-becommerce .path39:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-becommerce .path40:before {
  content: "";
  color: #004a81;
  margin-left: -1em;
}
.icon-ethias-bancontact .path1:before {
  content: "";
  color: #045599;
}
.icon-ethias-bancontact .path2:before {
  content: "";
  color: #ffd802;
  margin-left: -1.75em;
}
.icon-ethias-bancontact .path3:before {
  content: "";
  color: #045599;
  margin-left: -1.75em;
}
.icon-ethias-tiktok-color .path1:before {
  content: "";
  color: #ff004f;
}
.icon-ethias-tiktok-color .path2:before {
  content: "";
  color: #00f7ef;
  margin-left: -1em;
}
.icon-ethias-tiktok-color .path3:before {
  content: "";
  color: #ff004f;
  margin-left: -1em;
}
.icon-ethias-tiktok-color .path4:before {
  content: "";
  color: #fff;
  margin-left: -1em;
}
.icon-ethias-tiktok-color .path5:before {
  content: "";
  color: #00f7ef;
  margin-left: -1em;
}
.icon-ethias-tiktok-color .path6:before {
  content: "";
  color: #00f7ef;
  margin-left: -1em;
}
.icon-ethias-tiktok-color .path7:before {
  content: "";
  color: #ff004f;
  margin-left: -1em;
}
.messages {
  display: inline-block;
}
.messages.-error {
  color: #C80E15;
  font-size: 14px;
  text-align: left;
  display: block;
}
.messages.-error .link {
  color: #C80E15;
}
.messages.-info {
  color: #089EDD;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.messages.-info .messages__label {
  white-space: nowrap;
}
.messages.-info .messages__label::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  margin-right: 4px;
  position: relative;
  top: 1px;
  font-size: 14px;
}
.messages.-tel {
  display: flex;
  align-items: center;
}
.messages.-tel .messages__label::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  margin-right: 4px;
  position: relative;
  top: 1px;
  font-size: 14px;
}
.messages.-pdf {
  position: relative;
  display: flex;
  align-items: center;
  color: #757575;
}
.messages.-pdf::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  font-size: 25px;
  margin-right: 8px;
}
.messages.-form.-valid {
  font-size: 14px;
  color: #31933E;
}
.messages.-form.-valid .messages__icon {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  margin-right: 4px;
  position: relative;
  top: 1px;
}
.messages.-form.-valid .messages__icon:before {
  content: "";
}
.messages.-form.-unvalid {
  color: #C80E15;
  font-size: 14px;
}
.messages.form__valid {
  font-size: 14px;
  color: #31933E;
}
.messages.form__valid:before {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  margin-right: 4px;
  position: relative;
  top: 1px;
  content: "";
}
.messages.-tag {
  text-transform: uppercase;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  background: #31933E;
  padding: 4px 8px 3px;
  border-radius: 50px;
}
@media (min-width: 576px) {
  .messages.-tag {
    padding: 4px 12px 3px;
  }
}
.messages.-tag.-small {
  font-size: 12px;
}
.messages.-tag.-neg {
  border-style: solid;
  border-width: 1px;
}
.messages.-tag.-accepted {
  background: #31933E;
}
.messages.-tag.-accepted.-neg {
  color: #31933E;
  border-color: #31933E;
  background: #fff;
}
.messages.-tag.-refused {
  background: #C80E15;
}
.messages.-tag.-refused.-neg {
  color: #C80E15;
  border-color: #C80E15;
  background: #fff;
}
.messages.-tag.-pending {
  background: #faa267;
}
.messages.-tag.-pending.-neg {
  color: #faa267;
  border-color: #faa267;
  background: #fff;
}
.messages.-tag.-close {
  background: #757575;
}
.messages.-tag.-close.-neg {
  color: #757575;
  border-color: #757575;
  background: #fff;
}
.messages.-tag.-dark {
  background: #4C4E54;
}
.messages.-tag.-dark.-neg {
  color: #4C4E54;
  border-color: #4C4E54;
  background: #fff;
}
.messages.-tag.-primary {
  background: #FF6F0D;
}
.messages.-tag.-primary.-neg {
  color: #FF6F0D;
  border-color: #FF6F0D;
  background: #fff;
}
.messages.-tag.-blue {
  background: #089EDD;
}
.messages.-tag.-blue.-neg {
  color: #089EDD;
  border-color: #089EDD;
  background: #fff;
}
.messages.-tag.-green {
  background: #31933E;
}
.messages.-tag.-green.-neg {
  color: #31933E;
  border-color: #31933E;
  background: #fff;
}
.messages.-tag.-alert {
  background: #8C0A0F;
}
.messages.-tag.-alert.-neg {
  color: #8C0A0F;
  border-color: #8C0A0F;
  background: #fff;
}
.messages.-tag.-ternary {
  background: #fff;
  color: #FF6F0D;
  border: 1px solid #FF6F0D;
  font-size: 12px;
}
.messages.-tag.-secondary {
  background: #FFD5B3;
  color: #FF6F0D;
  border: 1px solid #FF6F0D;
  font-size: 12px;
}
.messages.-accept {
  color: #31933E;
  font-size: 12px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.messages.-accept .messages__label::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  margin-right: 4px;
  background: #31933E;
  color: #fff;
  border-radius: 100%;
  font-size: 8px;
  padding: 2px;
  width: 10px;
  height: 10px;
  line-height: 20px;
  position: relative;
  top: -1px;
}
.messages.-framed {
  color: #FF6F0D;
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  border-radius: 15px;
  padding: 16px;
  position: relative;
  background: #FFEFDC;
  border: 1px solid #faa267;
}
.messages.-framed .messages__icon {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  margin-right: 24px;
  margin-left: 16px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
}
.messages.-framed .messages__icon:before {
  content: "";
}
.messages.-framed p:first-child {
  margin-top: 0;
}
.messages.-framed p:last-child {
  margin-bottom: 0;
}
.messages.-framed.-warning {
  color: #B54708;
  background: #B54708;
  border: 0;
}
.messages.-framed.-s {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}
.messages.-remark, .messages.-warning {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  border-radius: 15px;
  padding: 16px;
  position: relative;
  text-align: left;
  border: 0;
  color: #212121;
  background: #FFD5B3;
}
.messages.-remark .messages__icon, .messages.-warning .messages__icon {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  margin-right: 24px;
  margin-left: 16px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
}
.messages.-remark .messages__icon:before, .messages.-warning .messages__icon:before {
  content: "";
}
.messages.-remark p:first-child, .messages.-warning p:first-child {
  margin-top: 0;
}
.messages.-remark p:last-child, .messages.-warning p:last-child {
  margin-bottom: 0;
}
.messages.-remark.-s, .messages.-warning.-s {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}
.messages.-remark.-warning, .messages.-warning.-warning {
  background-color: #FFE0B3;
  color: #B54708;
}
.messages.-infoBig {
  display: flex;
  border-radius: 15px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  position: relative;
  background: #FFEFDC;
}
.messages.-infoBig .-title {
  margin-bottom: 8px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
  text-transform: uppercase;
}
.messages.-infoBig span {
  display: block;
}
.messages.-infoBig .messages__icon {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
}
.messages.-infoBig .messages__icon:before {
  content: "";
}
@media (min-width: 576px) {
  .messages.-infoBig .messages__icon {
    display: inline-block;
  }
}
.messages.-infoBig .messages__label {
  display: block;
}
.messages.-agree {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  margin-top: 12px;
  margin-bottom: 8px;
}
.messages.-agree .messages-wrap {
  border: 1px solid #31933E;
  color: #31933E;
  font-size: 12px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  margin-right: 12px;
  padding: 3px 10px;
  transition: all 250ms ease;
}
.messages.-agree .messages-wrap .icon {
  margin-right: 8px;
  background: #31933E;
  color: #fff;
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  max-width: 14px;
  max-height: 14px;
  line-height: 16px;
  text-align: center;
  border-radius: 100%;
  font-size: 8px;
}
.messages.-agree .messages-wrap .icon:before {
  content: "";
}
.messages.-agree .messages-wrap span {
  margin: 0 2px;
}
.messages.-agree:hover .messages-wrap {
  border-color: #077D17;
  color: #077D17;
}
.messages.-agree .icon {
  color: #31933E;
  font-size: 16px;
}
.messages.-agree .icon:before {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  content: "";
}
.messages.-agree.-neg .messages-wrap {
  border: 0;
  background: #31933E;
  color: #fff;
  border-radius: 20px;
}
.messages.-talk {
  color: #fff;
  background: #FF6F0D;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
  font-size: 14px;
  padding: 10px 26px;
  position: relative;
  border-radius: 8px;
}
.messages.-talk:before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
  font-size: 9px;
  width: 16px;
  height: 9px;
  line-height: 9px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: -7px;
}
.messages.-advantages {
  padding: 22px 10px;
  background: #fff;
  color: #212121;
  border-radius: 15px;
  border: 1px solid #FF6F0D;
}
@media (min-width: 768px) {
  .messages.-advantages {
    padding: 22px 40px;
    display: flex;
    align-items: center;
  }
}
.messages.-advantages .messages__advantages-icon {
  color: #FF6F0D;
  font-size: 50px;
  margin-right: 35px;
}
.messages.-advantages .messages__advantages-icon::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
}
.messages.-advantages .messages__advantages-label span {
  padding-right: 3px;
}
.messages.-plate {
  padding-right: 0;
}
.messages.-plate .messages__wrap-label {
  border: 1px solid #FF6F0D;
  border-radius: 5px;
  padding: 1px;
  color: #FF6F0D;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  line-height: 1.5;
}
.messages.-plate .messages__wrap-label::before {
  content: "b";
  background: #089EDD;
  color: #fff;
  border-radius: 5px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 3px;
  padding-bottom: 1px;
}
.messages.-plate .messages__wrap-label .messages__label {
  width: calc(100% - 14px);
  white-space: nowrap;
  background: #fff;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
  padding-bottom: 1px;
}
.messages.-chassis {
  padding-right: 0;
  background: #fff;
}
.messages.-chassis .messages__wrap-label {
  border: 1px solid #757575;
  border-radius: 5px;
  color: #212121;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  padding: 1px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.messages.-chassis .messages__wrap-label .messages__prefix {
  background: #D6D6D6;
  color: #212121;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  white-space: nowrap;
  font-size: 10px;
  margin-left: 1px;
  border-radius: 5px;
  padding: 3px;
}
.messages.-chassis .messages__wrap-label .messages__label {
  white-space: nowrap;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  background: #fff;
  font-size: 12px;
  padding: 5px 5px 3px;
}
.messages.-mathias {
  display: grid;
  grid-gap: 11px;
  gap: 11px;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 14px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .messages.-mathias {
    position: absolute;
    right: 20px;
    bottom: 20px;
  }
}
.messages.-mathias .messagesMathias__content {
  background: #FFD5B3;
  border-radius: 12px 12px 0 12px;
  padding: 17px 20px;
  text-align: left;
  max-width: 220px;
}
.messages.-mathias .messagesMathias__visu {
  background-image: url(/content/dam/B2C/shared/images/mathias-help.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  width: 100%;
  height: 126px;
  min-width: 100%;
  min-height: 126px;
  max-width: 100%;
  max-height: 126px;
}
.messages.-ethi {
  border-radius: 15px;
  font-size: 14px;
  padding: 0;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .messages.-ethi {
    min-height: 150px;
    grid-template-columns: 170px 1fr;
    overflow: hidden;
  }
}
.messages.-ethi .content {
  padding: 16px 80px 16px 16px;
  text-align: left;
}
@media (min-width: 768px) {
  .messages.-ethi .content {
    padding: 16px;
  }
}
.messages.-ethi .content .title {
  font-size: 20px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.messages.-ethi .visu {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
  top: -20px;
  right: 0px;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .messages.-ethi .visu {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
}
.messages.-ethi .visu img {
  max-width: 100%;
  position: absolute;
}
.messages.-ethi.bg-color-middle {
  background-color: #FF8936;
  color: #fff;
}
.messages.-ethi.bg-color-middle .visu {
  background-color: #FF8936;
}
.messages.-ethi.bg-color-middle .title {
  color: #fff;
}
.messages.-confirm {
  margin-top: 32px;
  margin-bottom: 32px;
  border-radius: 4px;
  position: relative;
  padding-bottom: 32px;
  width: 100%;
  display: block;
  text-align: center;
}
.messages.-confirm .messages__label {
  font-size: 22px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  display: block;
  margin-bottom: 32px;
}
.messages.-confirm .messages__sublabel {
  font-size: 18px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  display: block;
  margin-bottom: 24px;
}
.messages.-confirm .messages__content {
  font-size: 16px;
}
.messages.-confirm .button {
  margin-top: 64px;
}
.messages.-confirm .messages__icon {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
  min-width: 60px;
  min-height: 60px;
  line-height: 60px;
  border-radius: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 35px;
  position: relative;
  margin-bottom: 32px;
}
.messages.-confirm.-valid .messages__icon {
  background: #31933E;
  color: #fff;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
}
.messages.-confirm.-valid .messages__icon::before {
  content: "";
}
.messages.-confirm.-unvalid .messages__icon {
  display: none;
}
.messages.-confirm ol {
  margin: 0 auto;
  padding: 0;
  text-align: left;
  max-width: 600px;
}
.messages.-confirm ol li {
  margin-bottom: 16px;
}
.messages.-endflux {
  margin-top: 32px;
  margin-bottom: 32px;
  border-radius: 4px;
  position: relative;
  padding-bottom: 32px;
  width: 100%;
  display: block;
  text-align: center;
}
.messages.-endflux .messages__label {
  font-size: 30px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  display: block;
  margin-bottom: 24px;
}
.messages.-endflux .messages__sublabel {
  font-size: 16px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  display: block;
  margin-bottom: 12px;
}
.messages.-endflux .messages__content {
  font-size: 16px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  display: block;
}
.messages.-endflux .messages__icon {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
  min-width: 60px;
  min-height: 60px;
  line-height: 60px;
  border-radius: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 35px;
  position: relative;
  top: -30px;
  display: block;
}
.messages.-endflux.-valide .messages__icon, .messages.-endflux.-valid .messages__icon {
  background: #31933E;
  color: #fff;
}
.messages.-endflux.-valide .messages__icon::before, .messages.-endflux.-valid .messages__icon::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
}
.messages.-endflux.-valide .messages__image, .messages.-endflux.-valid .messages__image {
  background-image: url(/content/dam/B2C/shared/images/reussite.png);
  background-repeat: no-repeat;
  display: none;
  width: 209px;
  height: 131px;
  position: absolute;
  top: -30px;
  right: 0;
}
@media (min-width: 576px) {
  .messages.-endflux.-valide .messages__image, .messages.-endflux.-valid .messages__image {
    display: block;
    right: -47px;
  }
}
.messages.-endflux.-unvalide .messages__label, .messages.-endflux.-unvalid .messages__label {
  color: #C80E15;
}
.messages.-endflux.-unvalide .messages__icon, .messages.-endflux.-unvalid .messages__icon {
  background: #C80E15;
  color: #fff;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 60px;
}
.messages.-endflux.-unvalid .messages__icon::before {
  content: "!";
}
.messages.-confirmation {
  text-align: center;
  display: block;
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.messages.-confirmation .messages__label {
  font-size: 18px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  display: block;
  margin-top: 32px;
  margin-bottom: 12px;
}
.messages.-confirmation .messages__sublabel {
  font-size: 18px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  display: block;
  margin-top: 32px;
  margin-bottom: 12px;
}
.messages.-confirmation .messages__content {
  font-size: 16px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  display: block;
}
.valid-message {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: flex-start;
  grid-gap: 16px;
  gap: 16px;
}
.valid-message .valid-message__label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.valid-message .valid-message__sublabel {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.valid-message::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  display: inline-block;
  margin: 0 auto;
  font-size: 20px;
  color: #31933E;
}
.valid-message.-unvalid::before {
  content: "";
  color: #C80E15;
}
.valid-message.-big::before {
  font-size: 40px;
}
.valid-message.-round::before {
  color: #fff;
  border-radius: 100%;
  text-align: center;
  margin-bottom: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.valid-message.-round.-valid::before {
  background: #31933E;
}
.valid-message.-round.-unvalid::before {
  background: #C80E15;
}
.valid-message.-round.-big::before {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
}
.messages__endflux-button {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  grid-gap: 20px;
  gap: 20px;
}
@media (min-width: 768px) {
  .messages__endflux-button {
    flex-direction: row;
  }
}
.messages__endflux-button .button {
  margin-top: 12px;
}
.messages__list .messages {
  margin-bottom: 20px;
}
.messages__list .messages:last-child {
  margin-bottom: 0;
}
.webdeal__banner {
  border-radius: 20px;
  background: #FFEFDC;
  display: flex;
  align-items: center;
  padding: 20px;
  grid-gap: 20px;
  gap: 20px;
}
.webdeal__banner .webdeal__img {
  max-height: 117px;
  width: auto;
}
.webdeal__banner .webdeal__content {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.webdeal__banner .webdeal__content .webdeal__title {
  font-size: 24px;
  color: #FF6F0D;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.webdeal__banner .webdeal__content .webdeal__highlight {
  color: #FF6F0D;
}
.img-xls {
  background: url("/content/dam/B2C/shared/images/excel.svg") no-repeat;
  background-size: contain;
  height: 40px;
  width: 40px;
  position: relative;
  display: inline-block;
}
.amount__indicator::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.amount__indicator.-decrease::before {
  background-image: url(/content/dam/B2C/shared/images/decrease.svg);
}
.amount__indicator.-increase::before {
  background-image: url(/content/dam/B2C/shared/images/increase.svg);
}
.notif {
  height: 14px;
  width: 14px;
  background-color: #D94204;
  border-radius: 100%;
  color: #fff;
  font-size: 10px;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}
.badges {
  display: inline-block;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-family: "maridavid", arial, sans-serif;
  font-weight: 400;
  color: #fff;
}
.badges.-percent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #FF6F0D;
}
.badges.-percent::after {
  content: "%";
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.badges.-percentGreen {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #31933E;
}
.badges.-percentGreen::after {
  content: "%";
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.badges.-fivepercent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #FF6F0D;
}
.badges.-fivepercent::after {
  content: "5%";
}
.badges.-fivepercent::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.badges.-fivepercentGreen {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #31933E;
}
.badges.-fivepercentGreen::after {
  content: "5%";
}
.badges.-fivepercentGreen::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.badges.-tenpercent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #FF6F0D;
}
.badges.-tenpercent::after {
  content: "10%";
}
.badges.-tenpercent::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.badges.-tenpercentGreen {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #31933E;
}
.badges.-tenpercentGreen::after {
  content: "10%";
}
.badges.-tenpercentGreen::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.badges.-fifteenpercent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #31933E;
}
.badges.-fifteenpercent::after {
  content: "15%";
}
.badges.-fifteenpercent::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.badges.-twentypercent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #FF6F0D;
}
.badges.-twentypercent::after {
  content: "20%";
}
.badges.-twentypercent::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.badges.-twentypercentGreen {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #31933E;
}
.badges.-twentypercentGreen::after {
  content: "20%";
}
.badges.-twentypercentGreen::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.badges.-twentyfivepercent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #31933E;
}
.badges.-twentyfivepercent::after {
  content: "25%";
}
.badges.-twentyfivepercent::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.badges.-thirtypercent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #FF6F0D;
}
.badges.-thirtypercent::after {
  content: "30%";
}
.badges.-thirtypercent::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.badges.-thirtypercentGreen {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #31933E;
}
.badges.-thirtypercentGreen::after {
  content: "30%";
}
.badges.-thirtypercentGreen::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.badges.-fiftypercent {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #FF6F0D;
}
.badges.-fiftypercent::after {
  content: "50%";
}
.badges.-fiftypercent::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.badges.-fiftypercentGreen {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #31933E;
}
.badges.-fiftypercentGreen::after {
  content: "50%";
}
.badges.-fiftypercentGreen::before {
  content: "-";
  font-size: 15px;
  position: relative;
  top: -2px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.badges.-teneuro {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #FF6F0D;
}
.badges.-teneuro::after {
  content: "10€";
}
.badges.-new {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #FF6F0D;
  transform: rotate(-10deg);
}
.badges.-new::after {
  content: "New";
}
.badges.-thirtyeuro {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #FF6F0D;
}
.badges.-thirtyeuro::after {
  content: "30€";
}
.badges.-m {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #FF9800;
}
.badges.-m::after {
  content: "M";
  transform: scaleX(2);
  display: block;
}
.badges.-f {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #FF9800;
}
.badges.-f::after {
  content: "F";
  transform: scaleX(2);
  display: block;
}
.badges.-a {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #FF9800;
}
.badges.-a::after {
  content: "A";
  transform: scaleX(2);
  display: block;
}
.badges.-e {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #FF9800;
}
.badges.-e::after {
  content: "E";
  transform: scaleX(2);
  display: block;
}
.badges.-bmo {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #089EDD;
}
.badges.-bmo::after {
  content: "BMO";
  letter-spacing: 1.2px;
}
.badges.-joker {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #877bcc;
}
.badges.-joker::after {
  content: "Joker";
  font-size: 16px;
  letter-spacing: 1.2px;
  position: relative;
  top: -2px;
}
.badges.-eco {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #31933E;
}
.badges.-eco::after {
  content: "Eco";
  letter-spacing: 2px;
}
.badges.-km {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #31933E;
}
.badges.-km::after {
  content: "Km";
  letter-spacing: 2px;
  font-size: 24px;
  position: relative;
  top: 1px;
  left: 1px;
}
.badges.-eyd {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 38px;
  font-size: 20px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px 0px rgba(20, 20, 20, 0.1), 0px 1px 2px 0px rgba(20, 20, 20, 0.06);
  background: #FF9800;
}
.badges.-eyd::after {
  content: "EYD";
  letter-spacing: 2px;
}
.uploadTransverse.-mobile {
  border-radius: 15px;
  background-color: #fff;
  border: 1px dashed #FF6F0D;
  padding: 28px;
  position: relative;
  display: grid;
  justify-content: center;
}
.uploadTransverse.-mobile .uploadTransverse-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  grid-gap: 20px;
  gap: 20px;
}
.uploadTransverse.-mobile .upload__weight {
  margin-bottom: 10px;
  text-align: center;
  font-size: 12px;
  color: #FF6F0D;
  margin: 20px auto;
}
.uploadTransverse.-mobile .uploadTransverse__image {
  position: relative;
  overflow: hidden;
}
.uploadTransverse.-mobile .uploadTransverse__image .uploadTransverse__image-img {
  border-radius: 8px;
  width: 150px;
  background-size: cover;
  background-position: center center;
}
.uploadTransverse.-mobile .uploadTransverse__image .uploadTransverse__image-trash {
  position: absolute;
  right: -40px;
  bottom: -40px;
  cursor: pointer;
  width: 80px;
  height: 80px;
  color: #fff;
}
.uploadTransverse.-mobile .uploadTransverse__image .uploadTransverse__image-trash::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background: #FF6F0D;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}
.uploadTransverse.-mobile .uploadTransverse__image .uploadTransverse__image-trash::after {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  position: absolute;
  left: 20px;
  top: 13px;
}
.uploadTransverse.-mobile .uploadTransverse__image.-small {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  justify-content: center;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  max-width: 100%;
  padding: 0;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action .button {
  text-align: left;
  width: 100%;
  justify-content: center;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action .button .button__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action .button .button__icon img {
  height: 20px;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action .link {
  font-size: 16px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  justify-content: center;
  padding-top: 20px;
}
.uploadTransverse.-mobile .uploadTransverse__button.data__action .link .link__icon {
  display: none;
}
.uploadTransverse.-desktop .upload {
  max-width: 900px;
  margin: 0 auto 10px;
  overflow: hidden;
  background: #fff;
  position: relative;
  display: flex;
  align-items: center;
}
.uploadTransverse.-desktop .upload .upload__download {
  transition: all 250ms ease;
  background: transparent;
  border-radius: 15px;
  border: 1px dashed #FF6F0D;
  position: relative;
  padding: 40px;
  cursor: pointer;
  width: 100%;
  display: grid;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already {
  order: 3;
}
.uploadTransverse.-desktop .upload .upload__download .upload__weight {
  order: 2;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link {
  order: 1;
}
.uploadTransverse.-desktop .upload .upload__download.-on {
  padding-bottom: 20px;
}
.uploadTransverse.-desktop .upload .upload__download.-on .upload__link {
  margin-bottom: 20px;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 12px;
  gap: 12px;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .upload__messages-flood {
  color: #C80E15;
  margin-bottom: 12px;
  display: none;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  grid-gap: 15px;
  gap: 15px;
  padding: 4px 10px;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .button .button__label {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #fff;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .button .button__icon {
  font-size: 12px;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .button .button__icon.-delete {
  color: #fff;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .button .button__icon.-delete::before {
  content: "";
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .button .button__icon.-delete:hover {
  color: #000;
}
.uploadTransverse.-desktop .upload .upload__download .upload__already .button .button__icon.-valid {
  display: none;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link {
  text-decoration: none;
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-template-areas: "icon content" "icon link";
  grid-gap: 0 20px;
  gap: 0 20px;
  text-align: left;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link .upload__icon {
  grid-area: icon;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link .upload__content {
  grid-area: content;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link .link.-primary {
  grid-area: link;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link .upload__icon {
  font-size: 50px;
  display: block;
  margin: 0 auto 10px;
  transition: all 250ms ease;
  cursor: pointer;
  background: url("/content/dam/B2C/shared/images/upload-primary.svg") no-repeat center;
  background-size: contain;
  width: 55px;
  height: 45px;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link .upload__icon::before {
  display: none;
}
.uploadTransverse.-desktop .upload .upload__download .upload__link .link {
  display: block;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.uploadTransverse.-desktop .upload .upload__download:hover, .uploadTransverse.-desktop .upload .upload__download.is-drop-over {
  background: #FFEFDC;
}
.uploadTransverse.-desktop .upload .upload__download .number {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #FF6F0D;
  font-size: 14px;
}
.uploadTransverse.-desktop .upload.-unvalid {
  border-color: #C80E15;
}
.uploadTransverse.-desktop .upload.-flood .upload__download {
  background: #FFEFDC;
  cursor: default;
}
.uploadTransverse.-desktop .upload.-flood .upload__download .number {
  color: #C80E15;
}
.uploadTransverse.-desktop .upload.-flood .upload__download .upload__link {
  color: #969696;
  pointer-events: none;
}
.uploadTransverse.-desktop .upload.-flood .upload__download .link {
  color: #969696;
}
.uploadTransverse.-desktop .upload.-flood .upload__already .upload__messages-flood {
  display: block;
}
.uploadTransverse.-desktop .upload__weight {
  font-size: 12px;
  color: #FF6F0D;
  margin-bottom: 20px;
  text-align: left;
}
.uploadTransverse .uploadTransverse__image.-full + .uploadTransverse__button .button.-pre {
  width: auto;
}
.taxecot {
  display: flex;
  flex-direction: column;
  text-align: left;
  line-height: 1.4;
}
.taxecot p {
  margin: 0;
}
.taxecot .taxecot__row {
  display: block;
  background: #FFEFDC;
  border-bottom: 1px solid white;
}
@media (min-width: 768px) {
  .taxecot .taxecot__row {
    display: flex;
  }
}
.taxecot .taxecot__row .taxecot__col {
  padding: 10px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .taxecot .taxecot__row .taxecot__col.-first {
    width: 60%;
  }
}
.taxecot .taxecot__row .taxecot__col.-second {
  text-align: right;
}
@media (min-width: 768px) {
  .taxecot .taxecot__row .taxecot__col.-second {
    width: 40%;
  }
}
.taxecot .taxecot__row.-total {
  margin-top: 20px;
  background: #FF6F0D;
  color: #fff;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  border-radius: 4px;
}
.taxecot .taxecot__row.-total.-promo {
  background: #31933E;
}
.taxecot .taxecot__row.-total .taxecot__col {
  font-size: 18px;
}
.taxecot .taxecot__row.-subtotal {
  margin-top: 20px;
  border-radius: 4px 4px 0 0;
}
.taxecot .taxecot__row.-subtotal .taxecot__col {
  font-size: 18px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  background: transparent;
}
.taxecot .taxecot__row.-title {
  border-radius: 4px;
  margin-top: 20px;
}
.taxecot .taxecot__row.-title .taxecot__col {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.taxecot .taxecot__row.-title .taxecot__col.-second {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.taxecot__footer {
  font-size: 14px;
  color: #969696;
  padding: 20px 0;
}
.transverseForms {
  display: flex;
  flex-direction: column;
  /* doir rester à 0 poour swipe */
  grid-gap: 0;
  gap: 0;
}
.transverseForms .tf__row {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  grid-gap: 24px 0;
  gap: 24px 0;
}
.transverseForms .tf__row .tf__item {
  position: relative;
}
.transverseForms .tf__row .tf__item .button__icon.-info {
  top: 2px;
  margin-left: 2px;
}
.transverseForms .tf__row .tf__item .tf__item-field {
  position: relative;
}
.transverseForms .tf__row .tf__item .tf__cta {
  padding: 20px 0;
}
.transverseForms .tf__row .label {
  margin: 0;
}
.transverseForms.-col .tf__row-row.-desktop, .transverseForms.-row .tf__row-row.-desktop {
  display: none;
}
@media (min-width: 768px) {
  .transverseForms.-col .tf__row-row.-desktop, .transverseForms.-row .tf__row-row.-desktop {
    display: grid;
  }
}
.transverseForms.-row .tf__adress-wrap {
  display: flex;
  flex-direction: column;
  grid-gap: 24px 0;
  gap: 24px 0;
}
.transverseForms.-row .tf__row {
  justify-content: flex-start;
}
.transverseForms.-row .tf__row .tf__item {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 1fr;
  grid-gap: 4px 0;
  gap: 4px 0;
}
.transverseForms.-row .tf__row .tf__item .tf__item-label {
  padding-right: 3px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .transverseForms.-row .tf__row .tf__item.-center {
    justify-content: center;
    text-align: center;
  }
}
.transverseForms.-row .tf__row .messages.-error {
  margin-top: 12px;
}
.transverseForms.-row .tf__row.tf__adress {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-left: 15px;
  padding-right: 15px;
  grid-gap: 24px 15px;
  gap: 24px 15px;
  grid-template-areas: "adressnum adressbus" "adresspostcode ." "adresscity adresscity";
}
@media (min-width: 768px) {
  .transverseForms.-row .tf__row.tf__adress {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "adressnum adressbus adresspostcode" "adresscity adresscity adresscity";
  }
}
@media (min-width: 1024px) {
  .transverseForms.-row .tf__row.tf__adress {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "adressnum adressbus ." "adresspostcode adresscity adresscity";
  }
}
.transverseForms.-row .tf__row.tf__adress .tf__item.-adressnum {
  grid-area: adressnum;
}
.transverseForms.-row .tf__row.tf__adress .tf__item.-adressbus {
  grid-area: adressbus;
}
.transverseForms.-row .tf__row.tf__adress .tf__item.-adresspostcode {
  grid-area: adresspostcode;
}
.transverseForms.-row .tf__row.tf__adress .tf__item.-adresscity {
  grid-area: adresscity;
}
.transverseForms.-col {
  grid-gap: 24px;
  gap: 24px;
}
.transverseForms.-col .tf__row-row {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}
.transverseForms.-col .tf__row-row .tf__row {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .transverseForms.-col .tf__row-row .tf__row {
    grid-gap: 0;
    gap: 0;
  }
}
@media (min-width: 768px) {
  .transverseForms.-col .tf__row-row .tf__row .tf__item-label {
    text-align: right;
  }
}
.transverseForms.-col .tf__row-row .tf__row .radio {
  justify-content: flex-start;
}
.transverseForms.-col .tf__row-row .tf__row .radio.-wrap {
  justify-content: flex-start;
}
.transverseForms.-col .tf__row-row .tf__row .radio.-button .radio__element .radio__label {
  padding: 14px 18px;
  min-width: 18px;
}
.transverseForms.-col .tf__row-row .tf__row .adress .tf__row {
  display: grid;
  grid-gap: 24px;
  gap: 24px;
}
.transverseForms.-col .tf__row-row .tf__row.-top {
  align-items: flex-start;
}
.transverseForms.-noswipe {
  grid-gap: 16px;
  gap: 16px;
}
.transverseForms.-noswipe form {
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
  gap: 16px;
}
.transverseForms .tf__adress,
.tf__adress {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-left: 15px;
  padding-right: 15px;
  grid-gap: 24px 15px;
  gap: 24px 15px;
  grid-template-areas: "adressnum adressbus" "adresspostcode ." "adresscity adresscity";
}
@media (min-width: 768px) {
  .transverseForms .tf__adress,
.tf__adress {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "adressnum adressbus adresspostcode" "adresscity adresscity adresscity";
  }
}
@media (min-width: 1024px) {
  .transverseForms .tf__adress,
.tf__adress {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "adressnum adressbus ." "adresspostcode adresscity adresscity";
  }
}
.transverseForms .tf__adress .tf__item.-adressnum,
.tf__adress .tf__item.-adressnum {
  grid-area: adressnum;
}
.transverseForms .tf__adress .tf__item.-adressbus,
.tf__adress .tf__item.-adressbus {
  grid-area: adressbus;
}
.transverseForms .tf__adress .tf__item.-adresspostcode,
.tf__adress .tf__item.-adresspostcode {
  grid-area: adresspostcode;
}
.transverseForms .tf__adress .tf__item.-adresscity,
.tf__adress .tf__item.-adresscity {
  grid-area: adresscity;
}
.fsma__page {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
}
@media (min-width: 768px) {
  .fsma__page {
    grid-gap: 40px;
    gap: 40px;
  }
}
.fsma__page .fsma__head {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
.fsma__page .fsma__head .fsma__title,
.fsma__page .fsma__head .fsma__desc {
  text-align: left;
}
@media (min-width: 768px) {
  .fsma__page .fsma__head .fsma__title,
.fsma__page .fsma__head .fsma__desc {
    text-align: center;
  }
}
.transverseForms__fsma {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
}
@media (min-width: 768px) {
  .transverseForms__fsma {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
.transverseForms__fsma .tffsma__title {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
}
.transverseForms__fsma .tffsma__form {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}
.transverseForms__fsma .tffsma__sublabel {
  color: #969696;
}
.transverseForms__fsma .tffsma__field {
  margin-top: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .transverseForms__fsma .tffsma__field {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
.transverseForms__fsma .tffsma__goodtoknow {
  background-color: #FFEFDC;
  border-radius: 4px;
  padding: 20px;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 768px) {
  .transverseForms__fsma .tffsma__goodtoknow {
    text-align: center;
  }
}
.transverseForms__fsma .tffsma__goodtoknow .tffsmagoodtoknow__title {
  font-size: 18px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.transverseForms__fsma .tffsma__goodtoknow .tffsmagoodtoknow__content {
  line-height: 1.3;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}
.transverseForms__fsma .tffsma__goodtoknow .tffsmagoodtoknow__content p {
  margin: 0;
}
.transverseForms__fsma .tffsma__goodtoknow .checkbox .checkbox__label {
  display: inline-flex;
}
@media (min-width: 768px) {
  .transverseForms__fsma .tffsma__goodtoknow .checkbox .checkbox__label {
    justify-content: center;
  }
}
.transverseForms__fsma .tffsma__goodtoknow .checkbox .checkbox__label .checkbox__text {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.fsma__cta {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "read" "info" "back";
  grid-gap: 10px;
  gap: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .fsma__cta {
    position: relative;
    box-shadow: 0 0 0 transparent;
    padding: 0;
    grid-template-columns: 1fr 1fr 250px;
    grid-template-areas: "back read info";
  }
}
.fsma__cta .fsma__cta-back {
  grid-area: back;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .fsma__cta .fsma__cta-back {
    margin-top: 0;
    justify-content: flex-end;
  }
}
.fsma__cta .fsma__cta-read {
  grid-area: read;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .fsma__cta .fsma__cta-read {
    justify-content: flex-end;
  }
}
.fsma__cta .fsma__cta-read .button {
  width: 100%;
}
@media (min-width: 768px) {
  .fsma__cta .fsma__cta-read .button {
    width: auto;
  }
}
.fsma__cta .fsma__cta-info {
  grid-area: info;
  display: flex;
  font-size: 14px;
  text-align: center;
  color: #969696;
  font-style: italic;
  justify-content: center;
}
@media (min-width: 768px) {
  .fsma__cta .fsma__cta-info {
    justify-content: flex-end;
    text-align: left;
  }
}
.fsma__pdfviewer {
  width: 100%;
  min-height: 300px;
  padding: 5px 0;
  border-radius: 10px;
  box-shadow: 0px 0px 14px 0px rgba(20, 20, 20, 0.2);
}
.fsma__pdfviewer .pdfViewer .page {
  border: 0;
  -o-border-image: none;
     border-image: none;
}
.messages.-confirm.-valid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 90px 1fr;
}
.messages.-confirm.-valid .messages__icon {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-part-v2.-cookies {
  display: block !important;
}
.infoCookies {
  position: fixed;
  bottom: 15px;
  left: 5%;
  width: 90%;
  z-index: 1001;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  transition: all 550ms ease;
}
@media (min-width: 1024px) {
  .infoCookies {
    left: 50%;
    margin-left: -496px;
    max-width: 992px;
    padding-right: 2rem;
    width: 100%;
    padding-left: 0;
    bottom: 5%;
  }
}
.infoCookies .infoCookies__container {
  padding-right: 16px;
  padding-left: 16px;
}
@media (min-width: 1024px) {
  .infoCookies .infoCookies__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
  }
}
.infoCookies .infoCookies__container .infoCookies__image {
  background-image: url(/content/dam/B2C/shared/images/cookies.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
  width: 90px;
  height: 75px;
  min-width: 90px;
  min-height: 75px;
  max-width: 90px;
  max-height: 75px;
}
@media (min-width: 1024px) {
  .infoCookies .infoCookies__container .infoCookies__image {
    display: block;
  }
}
.infoCookies .infoCookies__container .infoCookies__first {
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .infoCookies .infoCookies__container .infoCookies__first {
    margin-left: 1.66667rem;
    margin-right: 1.66667rem;
  }
}
.infoCookies .infoCookies__container .infoCookies__first a {
  color: #fff;
  text-decoration: underline;
}
.infoCookies .infoCookies__container .infoCookies__first a:hover {
  text-decoration: none;
}
.infoCookies .infoCookies__container .infoCookies__first p {
  margin: 0;
  padding: 0;
}
.infoCookies .infoCookies__container .infoCookies__first .infoCookies_link {
  margin-top: 8px;
  display: inline-block;
  color: #fff;
  text-decoration: underline;
}
.infoCookies .infoCookies__container .infoCookies__first .infoCookies_link:hover {
  text-decoration: none;
}
.infoCookies .infoCookies__container .infoCookies__second {
  text-align: center;
}
.infoCookies .infoCookies__container .infoCookies__second .button {
  min-width: 200px;
  text-decoration: none;
  background: #FF6F0D;
  border: 0;
  font-size: 20px;
  display: inline-block;
  width: 100%;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
  margin-top: 24px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.infoCookies .infoCookies__container .infoCookies__second .button:hover {
  background: #D94204;
}
@media (min-width: 1024px) {
  .infoCookies .infoCookies__container .infoCookies__second .button {
    margin-top: 0;
  }
}
.infoCookies.-off {
  bottom: -100%;
  opacity: 0;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: 3000000002;
  transform: scale(0);
  overflow-x: hidden;
  overflow-y: auto;
  visibility: visible;
  padding: 0;
  background: transparent;
}
.modal.-on {
  animation: modalopen 200ms ease forwards;
  padding: 0;
}
.modal.-off {
  transform: scale(0);
}
.modal.-full.-off {
  transform: scale(0);
}
.modal.-full .modal__dialog {
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 0;
  border: 0;
  box-shadow: 0 0 0 transparent;
  background-color: #FAFAFA;
}
.modal .modal__dialog {
  background: #fff;
  width: calc(100% - 40px);
  min-height: calc(100% - 40px);
  height: auto;
  max-width: 800px;
  margin: 20px auto;
  border-radius: 20px;
  border: 1px solid #FF6F0D;
  overflow: visible;
  overflow-x: hidden;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
}
@media (min-width: 768px) {
  .modal .modal__dialog {
    margin: 8% auto 20px;
    min-height: 1px;
  }
}
.modal .modal__dialog .modal__content .modal__header {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content .modal__header {
    padding: 0 40px 0 100px;
  }
}
.modal .modal__dialog .modal__content .modal__header .modal__title {
  font-size: 35px;
  line-height: 1.2;
  margin: 0;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  text-align: left;
  order: 2;
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content .modal__header .modal__title {
    padding-bottom: 20px;
  }
}
.modal .modal__dialog .modal__content .modal__header .modal__close {
  text-align: right;
  min-height: 68px;
}
.modal .modal__dialog .modal__content .modal__header .button__icon {
  padding: 30px 0 20px 20px;
  order: 1;
  text-align: right;
  font-size: 18px;
  transition: all 250ms ease;
  cursor: pointer;
  color: #000;
}
.modal .modal__dialog .modal__content .modal__header .button__icon:hover {
  color: #FF6F0D;
}
.modal .modal__dialog .modal__content .modal__header .button__icon:before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
}
.modal .modal__dialog .modal__content .modal__body {
  padding: 20px 20px 60px 20px;
  border-radius: 0 0 4px 4px;
  text-align: left;
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content .modal__body {
    padding: 0px 100px 40px;
  }
}
.modal .modal__dialog .modal__content .modal__body .modal__text .fc__question,
.modal .modal__dialog .modal__content .modal__body .modal__text .fc__item {
  padding: 0;
}
.modal .modal__dialog .modal__content .modal__body ul,
.modal .modal__dialog .modal__content .modal__body ol {
  text-align: left;
}
.modal .modal__dialog .modal__content .modal__body p {
  line-height: 1.5;
}
.modal .modal__dialog .modal__content .modal__body a {
  color: #FF6F0D;
}
.modal .modal__dialog .modal__content .modal__body a.button.-primary {
  color: #fff;
}
.modal .modal__dialog .modal__content .modal__body .modalImg__img {
  padding-bottom: 20px;
}
.modal .modal__dialog .modal__content .modal__body .modalImg__img img {
  margin: 0 auto;
  max-width: 100% !important;
  max-height: 100%;
  width: auto;
  height: auto;
}
.modal .modal__dialog .modal__content .modal__body .modalImg__desc {
  padding: 20px 0;
}
.modal .modal__dialog .modal__content .modal__body .modal__title {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 20px;
  margin-bottom: 24px;
}
.modal .modal__dialog .modal__content .modal__body .messages.-endflux .messages__label,
.modal .modal__dialog .modal__content .modal__body .messages.-endflux .messages__content,
.modal .modal__dialog .modal__content .modal__body .messages.-endflux .messages__sublabel {
  text-align: left;
}
.modal .modal__dialog .modal__content .modal__body .messages.-endflux .messages__icon {
  margin-left: 0;
}
.modal .modal__dialog .modal__content .modal__body .modal__text {
  line-height: 1.4;
}
.modal .modal__dialog .modal__content .modal__body .modal__text p a {
  color: #FF6F0D;
}
.modal .modal__dialog .modal__content .modal__body .subtitle {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.modal .modal__dialog .modal__content .modal__body .modal__form {
  max-width: 400px;
  margin: 0;
}
@media (min-width: 1024px) {
  .modal .modal__dialog .modal__content .modal__body .modal__form {
    padding: 0;
  }
}
.modal .modal__dialog .modal__content .modal__body .modal__form .modal__form-row {
  margin: 15px 0;
}
.modal .modal__dialog .modal__content .modal__body .modal__form .modal__form-row.-button {
  margin-bottom: 30px;
}
.modal .modal__dialog .modal__content .modal__body img {
  display: block;
}
.modal .modal__dialog .modal__content .modal__body .action,
.modal .modal__dialog .modal__content .modal__body .row-btn-action {
  width: 100%;
  margin: 40px 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 15px;
  gap: 15px;
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content .modal__body .action,
.modal .modal__dialog .modal__content .modal__body .row-btn-action {
    grid-gap: 20px;
    gap: 20px;
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content .modal__body .action.-column,
.modal .modal__dialog .modal__content .modal__body .row-btn-action.-column {
    flex-direction: column;
    grid-gap: 15px;
    gap: 15px;
  }
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content .modal__body .action.-center,
.modal .modal__dialog .modal__content .modal__body .row-btn-action.-center {
    justify-content: center;
  }
}
.modal .modal__dialog .modal__content .modal__body .action .button,
.modal .modal__dialog .modal__content .modal__body .row-btn-action .button {
  width: auto;
}
.modal .modal__dialog .modal__content .modal__body .action .button.w-100,
.modal .modal__dialog .modal__content .modal__body .row-btn-action .button.w-100 {
  width: 100%;
}
.modal .modal__dialog .modal__content .modal__video iframe {
  max-width: 100%;
}
.modal .modal__dialog .modal__content .modal__title + .modal__text {
  margin-top: 30px;
}
.modal .modal__dialog .modal__content .modal__help {
  position: relative;
  margin-top: 30px;
}
.modal .modal__dialog .modal__content .modal__help::before {
  box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.1);
  content: "";
  height: 240px;
  width: 100%;
  position: absolute;
  top: -324px;
  left: 0;
  z-index: 0;
  border-radius: 0 0 80% 80%;
  transform: scale(1.5);
  transform-origin: center;
}
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap {
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 30px 20px;
}
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap .modal__help-title {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 16px;
  text-align: center;
}
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap .row-btn-action,
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap .action {
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 325px;
  margin: auto;
}
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap .row-btn-action .button,
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap .action .button {
  margin-bottom: 32px;
}
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap .row-btn-action .button:last-child,
.modal .modal__dialog .modal__content .modal__help .modal__help-wrap .action .button:last-child {
  margin-bottom: 0;
}
.modal .modal__dialog.-larger {
  max-width: 1240px;
}
.modal .modal__dialog.-full {
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 0;
  border: 0;
}
.modal .modal__dialog.-full .modal__header {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.modal .modal__dialog.-full .modal__header .modal__title {
  order: 1;
}
.modal .modal__dialog.-full .modal__header .button__icon {
  order: 2;
}
.modal .modal__dialog.-error {
  max-width: 800px;
}
.modal .modal__dialog.-error .modal__content .modal__header .modal__title::before {
  background-image: url(/content/dam/B2C/shared/images/modal/modal-error.png);
}
.modal .modal__dialog.-complaint {
  max-width: 100vw;
  width: 100vw;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
  margin: 0;
  min-height: 100vh;
  border: 0;
}
.modal .modal__dialog.-complaint .modal__content {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.modal .modal__dialog.-complaint .modal__content .modal__header .modal__title::before {
  display: none;
}
.modal .modal__dialog.-warning .modal__content .modal__header {
  padding-top: 40px;
}
@media (min-width: 768px) {
  .modal .modal__dialog.-warning .modal__content .modal__header {
    padding-top: 70px;
  }
}
.modal .modal__dialog.-warning .modal__content .modal__header .button__icon {
  display: none;
}
.modal .modal__dialog.-warning .modal__content .modal__header .modal__title::before {
  display: none;
}
.modal .modal__dialog.-warning .modal__content .modal__header .modal__title-status {
  order: 1;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .modal .modal__dialog.-warning .modal__content .modal__header .modal__title-status {
    font-size: 18px;
  }
}
.modal .modal__dialog.-trick .modal__content .modal__header .modal__title {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 768px) {
  .modal .modal__dialog.-trick .modal__content .modal__header .modal__title {
    grid-template-columns: 70px 1fr;
  }
}
.modal .modal__dialog.-trick .modal__content .modal__header .modal__title::before {
  background-image: url(/content/dam/B2C/shared/icons/trick.svg);
  background-repeat: no-repeat;
  filter: invert(52%) sepia(31%) saturate(4979%) hue-rotate(353deg) brightness(102%) contrast(102%);
  height: 70px;
  width: 70px;
  background-position: left;
  content: "";
  display: block;
}
.modal .modal__dialog.-clea {
  max-width: 800px;
}
.modal .modal__dialog.-clea .modal__content .modal__header .modal__title::before {
  background-image: url(/content/dam/B2C/shared/images/modal/modal-clea.png);
}
.modal .modal__dialog.-img {
  min-height: 1px;
  width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 0;
}
@media (min-width: 768px) {
  .modal .modal__dialog.-img {
    width: calc(100% - 40px);
    height: auto;
    margin: 4% auto 20px;
    border-radius: 25px;
    max-width: 1200px;
  }
}
.modal .modal__dialog.-img .modal__content .modal__header {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 40px;
}
.modal .modal__dialog.-img .modal__content .modal__header .modal__title {
  order: 1;
  padding: 20px 20px 20px 0;
}
@media (min-width: 768px) {
  .modal .modal__dialog.-img .modal__content .modal__header .modal__title {
    padding: 20px;
  }
}
.modal .modal__dialog.-img .modal__content .modal__header .modal__title::before {
  display: none;
}
.modal .modal__dialog.-img .modal__content .modal__header .button__icon {
  padding: 26px 0 20px 0;
}
@media (min-width: 768px) {
  .modal .modal__dialog.-img .modal__content .modal__header .button__icon {
    padding: 20px;
  }
}
.modal .modal__dialog.-custom .modal__content .modal__header .modal__custom-img {
  order: 2;
  padding-bottom: 20px;
}
.modal .modal__dialog.-custom .modal__content .modal__header .modal__title {
  order: 3;
}
.modal .modal__dialog.-custom .modal__content .modal__header .modal__title::before {
  display: none;
}
.modal .modal__dialog.-empty .modal__content .modal__header .modal__title {
  order: 3;
}
.modal .modal__dialog.-empty .modal__content .modal__header .modal__title::before {
  display: none;
}
.modal__overlay {
  background: rgba(255, 255, 255, 0.8);
  display: block;
  width: 100%;
  min-height: 100vh;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000000001;
  transform-origin: center;
  visibility: hidden;
  opacity: 0;
}
.modal__overlay.-on {
  visibility: visible;
  opacity: 1;
}
.modal__overlay.-off {
  visibility: hidden;
  opacity: 0;
}
@keyframes modalopen {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes modalopenoff {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.7);
    opacity: 0;
  }
}
@keyframes modalopenoverlay {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes modalopenoverlayoff {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.-popin-open .-toblur {
  filter: blur(1.5px);
}
@keyframes openpopinfull {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  90% {
    opacity: 0.8;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes openpopinfull2 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  90% {
    opacity: 0.8;
  }
  100% {
    transform: translateY(150%);
    opacity: 0;
  }
}
.modalslider {
  width: calc(100vw - 50px);
  height: 100vh;
  background: #fff;
  z-index: 501;
  position: fixed;
  top: 0;
  right: 0;
  min-height: 100vh;
  overflow: hidden;
  overflow-y: scroll;
  transform: translateX(100vw);
  transition: all 500ms ease;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 768px) {
  .modalslider {
    width: calc(100vw - 90px);
    box-shadow: -15px 0 40px 0 rgba(70, 130, 183, 0.15);
  }
}
@media (min-width: 1024px) {
  .modalslider {
    width: 100%;
    max-width: 666px;
    box-shadow: -15px 0 40px 0 rgba(70, 130, 183, 0.15);
  }
}
.modalslider.-on {
  transform: translateX(0);
}
.modalslider.-off {
  transform: translateX(100vw);
}
.modalslider-overlay {
  background: #000;
  display: block;
  width: 100vw;
  height: 100%;
  min-height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  transform-origin: center;
  visibility: hidden;
  opacity: 0;
}
.modalslider-overlay.-on {
  visibility: visible;
  opacity: 0.2;
  animation: headermenuopenoverlay ease 250ms forwards;
}
.modalslider-overlay.-off {
  visibility: hidden;
  opacity: 0;
  animation: headermenuopenoverlay ease 250ms;
  animation-direction: reverse;
}
@keyframes headermenuopenoverlay {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0.2;
  }
}
.webchat {
  background: #fff;
  width: 100%;
  padding: 0;
  position: fixed;
  bottom: -100vh;
  right: 0;
  z-index: 3000000000;
  text-align: left;
  transition: all 500ms ease;
  box-shadow: 0 -5px 25px 5px rgba(0, 0, 0, 0.1);
  height: 62px;
}
@media (min-width: 768px) {
  .webchat {
    width: 375px;
    right: 200px;
    box-shadow: 0px 4px 8px -2px rgba(20, 20, 20, 0.1), 0px 2px 4px -2px rgba(20, 20, 20, 0.06);
    border-radius: 5px 5px 0 0;
  }
}
.webchat .webchat__loader .overlay__loader {
  background-color: transparent;
  position: relative;
  padding: 40px 0;
}
.webchat .webchat__loader .overlay__loader .spinner {
  position: absolute;
  top: 20px;
}
.webchat::before {
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
  content: "";
  height: 40px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 80% 80% 0 0;
  transform: scale(1.5);
  transform-origin: center;
  background: #fff;
}
@media (min-width: 768px) {
  .webchat::before {
    display: none;
  }
}
.webchat::after {
  content: "";
  height: 40px;
  width: 100%;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 1;
  background: #fff;
  transform: scale(1.5);
}
@media (min-width: 768px) {
  .webchat::after {
    display: none;
  }
}
.webchat.-isopened {
  animation: arriveewebchat 500ms ease-in-out forwards;
}
.webchat .webchat__header {
  display: flex;
  align-items: center;
  position: relative;
  color: #FF6F0D;
  background: #fff;
  z-index: 1;
  padding: 16px 35px;
}
@media (min-width: 768px) {
  .webchat .webchat__header {
    background: #FF6F0D;
    color: #fff;
    border-radius: 4px 4px 0 0;
  }
}
.webchat .webchat__header .-first {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
.webchat .webchat__header .-first .webchat__header__icon {
  display: none;
}
.webchat .webchat__header .-first .webchat__header__content {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  padding-left: 35px;
}
.webchat .webchat__header .-first .webchat__header__content .webchat__header__sublabel {
  display: none;
}
.webchat .webchat__header .-second {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.webchat .webchat__header .-second .button__icon {
  position: absolute;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  display: inline-block;
}
.webchat .webchat__header .-second .button__icon.-down {
  position: absolute;
  left: 35px;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  padding: 0;
  background: #FF6F0D;
  border-radius: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .webchat .webchat__header .-second .button__icon.-down {
    background: #fff;
  }
}
.webchat .webchat__header .-second .button__icon.-down::before {
  content: "";
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  transform: rotate(-90deg);
  font-size: 9px;
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 0;
}
@media (min-width: 768px) {
  .webchat .webchat__header .-second .button__icon.-down::before {
    color: #FF6F0D;
  }
}
.webchat .webchat__header .-second .button__icon.-close {
  width: 22px;
  height: 22px;
  line-height: 22px;
  top: 50%;
  margin-top: -11px;
  right: 35px;
  color: #FF6F0D;
  font-size: 25px;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
}
@media (min-width: 768px) {
  .webchat .webchat__header .-second .button__icon.-close {
    color: #fff;
  }
}
.webchat .webchat__header .-second .button__icon.-close::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
}
.webchat .webchat__content {
  background: white;
  height: calc(100vh - 105px);
  position: relative;
  z-index: 12;
}
.webchat .webchat__content .intro {
  padding: 20px;
  text-align: center;
  line-height: 1.4;
  color: #000;
}
.webchat .webchat__content .intro p {
  margin: 0 0 15px 0;
}
.webchat .webchat__content .intro .link.-cancel {
  font-size: 14px;
  margin-top: 64px;
  display: block;
}
.webchat .webchat__content .webchat__message {
  text-align: center;
}
.webchat .webchat__content .webchat__action {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  padding-bottom: 16px;
}
.webchat .webchat__content .button.-primary {
  margin: auto;
}
.webchat .webchat__content .link.-primary {
  margin: 5px auto;
  display: block;
  text-align: center;
}
.webchat .webchat__content .link.-discret {
  text-align: right;
}
.webchat .webchat__conversation {
  padding: 8px;
  height: calc(100vh - 220px);
  overflow-y: scroll;
  font-size: 14px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .webchat .webchat__conversation {
    height: 288px;
  }
}
.webchat .webchat__conversation .webchat__conversation-row {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
}
.webchat .webchat__conversation .webchat__conversation-row::before {
  display: block;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  line-height: 40px;
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  border-radius: 5px;
  text-align: center;
  font-size: 22px;
}
.webchat .webchat__conversation .webchat__conversation-row .content {
  padding: 10px 20px;
  margin: 20px 0;
  max-width: calc(100% - 60px);
}
.webchat .webchat__conversation .webchat__conversation-row a {
  color: #FF6F0D;
  text-decoration: underline;
}
.webchat .webchat__conversation .webchat__conversation-row a:hover {
  text-decoration: none;
}
.webchat .webchat__conversation .webchat__conversation-row embed {
  max-width: 100% !important;
}
@media (min-width: 768px) {
  .webchat .webchat__conversation .webchat__conversation-row embed {
    max-width: 250px !important;
  }
}
.webchat .webchat__conversation .webchat__conversation-row img {
  max-width: 100% !important;
  cursor: pointer;
}
@media (min-width: 768px) {
  .webchat .webchat__conversation .webchat__conversation-row img {
    max-width: 250px !important;
  }
}
.webchat .webchat__conversation .webchat__conversation-row.them::before {
  margin-right: 25px;
  background: #FFEFDC;
  color: #FF6F0D;
}
.webchat .webchat__conversation .webchat__conversation-row.them .content {
  background: #FFEFDC;
  color: #212121;
  border-radius: 0 25px 25px 25px;
}
.webchat .webchat__conversation .webchat__conversation-row.them .content a {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.webchat .webchat__conversation .webchat__conversation-row.you {
  justify-content: flex-end;
}
.webchat .webchat__conversation .webchat__conversation-row.you::before {
  order: 2;
  margin-left: 25px;
  background: #FF6F0D;
  color: #fff;
}
.webchat .webchat__conversation .webchat__conversation-row.you .content {
  order: 1;
  background: #FF6F0D;
  color: #fff;
  border-radius: 25px 0 25px 25px;
}
.webchat .webchat__conversation .webchat__conversation-row.you .spinner {
  border-bottom-color: #fff;
}
.webchat .webchat__conversation::-webkit-scrollbar-track {
  -webkit-box-shadow: 0 0 0 transparent;
  background-color: #fff;
}
.webchat .webchat__conversation::-webkit-scrollbar {
  width: 10px;
  background-color: #fff;
}
.webchat .webchat__conversation::-webkit-scrollbar-thumb {
  background-color: #FFD5B3;
  border: 2px solid #fff;
  border-radius: 8px;
}
.webchat .textarea {
  border-radius: 80px;
  margin: 0 20px;
  width: calc(100% - 40px);
}
.webchat .textarea .textarea__field {
  padding-right: 60px;
}
.webchat .textarea .spinner {
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: 50%;
  margin-top: -10px;
}
.webchat .textarea.-disabled .textarea__button {
  opacity: 0.2;
}
.webchat .spinner {
  width: 20px;
  height: 20px;
  border-width: 2px;
  z-index: 0;
}
.webchat .webchat__download {
  text-align: right;
  margin: 16px 20px 0;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .webchat .webchat__download {
    margin: 3px 20px 0;
  }
}
.webchat .webchat__download .button {
  font-size: 14px;
  justify-content: flex-end;
  color: #FF6F0D;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.webchat .webchat__download .button::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  margin-right: 4px;
  font-size: 22px;
}
.webchat .webchat__download .button span {
  text-decoration: underline;
}
.webchat .webchat__download .button:hover span {
  text-decoration: none;
}
@media (min-width: 768px) {
  .webchat.-minimized {
    top: calc(100vh - 62px);
  }
}
.webchat.-minimized .webchat__header .webchat__warning {
  position: absolute;
  left: 25px;
  top: 7px;
}
.webchat.-minimized .webchat__header .webchat__warning .webchat__warning-icon::before {
  content: "!";
  color: #fff;
  background: #C80E15;
  border-radius: 100%;
  border: 1px solid #fff;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
}
.webchat.-minimized .webchat__content {
  height: 0;
  overflow: hidden;
  padding: 0 12px 0 12px;
  opacity: 0;
  visibility: hidden;
}
.webchat.-minimized.-flash .webchat__header {
  animation: flash 2500ms infinite ease-in-out;
}
.webchat.-maximized {
  animation: openwebchat 500ms ease-in-out forwards;
  height: calc(100vh - 40px);
}
@media (min-width: 768px) {
  .webchat.-maximized {
    height: 466px;
    animation-name: openwebchatDesktop;
    bottom: 0;
  }
}
.webchat.-maximized .webchat__header .-second .button__icon.-down::before {
  transform: rotate(90deg);
  left: -1px;
}
.webchat.-closed {
  display: none;
}
@keyframes arriveewebchat {
  0% {
    bottom: -100vh;
  }
  80% {
    bottom: 10px;
  }
  90% {
    bottom: 40px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes openwebchat {
  0% {
    bottom: -100vh;
  }
  80% {
    bottom: 10px;
  }
  90% {
    bottom: 40px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes openwebchatDesktop {
  0% {
    bottom: -100vh;
  }
  80% {
    bottom: 10px;
  }
  90% {
    bottom: 40px;
  }
  100% {
    bottom: 0;
  }
}
.transverseTables__wrap {
  max-width: 100%;
  overflow-x: auto;
  border-radius: 15px;
  border: 0;
}
.transverseTables__wrap .transverseTables {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
  border: 0;
  font-size: 16px;
  line-height: 1.5;
  overflow: hidden;
}
.transverseTables__wrap .transverseTables .transverseTables__row {
  position: relative;
  margin: 0;
  display: grid;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
}
.transverseTables__wrap .transverseTables .transverseTables__row .col {
  padding: 8px;
  background: #fff;
  display: flex;
}
.transverseTables__wrap .transverseTables .transverseTables__row .col.text-right {
  text-align: right;
  justify-content: flex-end;
}
.transverseTables__wrap .transverseTables .transverseTables__row .col .amount__indicator {
  display: grid;
  grid-template-columns: 20px auto;
  justify-content: flex-end;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  white-space: nowrap;
}
.transverseTables__wrap .transverseTables .transverseTables__row:nth-child(odd) .col {
  background: #FFEFDC;
}
.transverseTables__wrap .transverseTables .transverseTables__row.-total .col {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  background-color: #FFD5B3;
}
.transverseTables__wrap .transverseTables .transverseTables__row.-rmq .col {
  background-color: #FFEFDC;
  color: #969696;
}
.transverseTables__wrap .transverseTables .transverseTables__row.-rmq .col a {
  color: #969696;
  text-decoration: underline;
}
.transverseTables__wrap .transverseTables .transverseTables__row.-rmq .col a:hover {
  text-decoration: none;
}
.transverseTables__wrap .transverseTables .transverseTables__row.-head .col {
  background-color: #FF6F0D;
  color: #fff;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.transverseTables__wrap .transverseTables .transverseTables__row.-head .col .colhead__content {
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.classicTables__wrap {
  max-width: 100%;
  overflow-x: auto;
  border-radius: 15px;
  border: 0;
}
.classicTables__wrap .classicTables {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
  border: 0;
  line-height: 1.5;
  overflow: hidden;
}
.classicTables__wrap .classicTables tr {
  background: #fff;
}
.classicTables__wrap .classicTables tr td {
  padding: 8px;
}
.classicTables__wrap .classicTables tr td.text-right {
  text-align: right;
}
.classicTables__wrap .classicTables tr.-head {
  background-color: #FF6F0D;
  color: #fff;
}
.classicTables__wrap .classicTables tr.-total {
  background-color: #FFD5B3;
}
.classicTables__wrap .classicTables tr.-rmq {
  background-color: #FFEFDC;
}
.classicTables__wrap .classicTables.-alternate tr:nth-child(odd) {
  background-color: #FFEFDC;
}
.classicTables__wrap .classicTables.-alternate tr.-total {
  background-color: #FFD5B3;
}
.classicTables__wrap .classicTables.-alternate tr.-rmq {
  background-color: #FFEFDC;
}
.classicTables__wrap .classicTables.-alternate tr.-head {
  background-color: #FF6F0D;
}
.isAppMobile {
  background: #EAF6FB;
}
.isAppMobile.-popin-open {
  background: #fff;
  max-height: 100%;
  overflow: scroll !important;
}
.isAppMobile.-popin-open .approot {
  display: none;
}
.isAppMobile.-popin-open .modal__overlay {
  display: none;
}
.isAppMobile.-popin-open .modal {
  position: relative;
}
.isAppMobile.-popin-open .modal .modal__dialog {
  min-height: 1px;
  height: auto;
  margin: 0;
  width: 100vw;
  max-width: 100vw;
  border-radius: 0;
  box-shadow: 0 0 0 transparent;
}
.isAppMobile .approot {
  padding-bottom: 80px;
  display: block;
}
.isAppMobile .login.-fixed {
  display: block;
}
.isAppMobile .login.-fixed .login__footer {
  background-color: transparent;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@font-face {
  font-family: "connect";
  font-weight: 400;
  font-style: normal;
  src: url("/content/dam/B2C/shared/fonts/connect.woff2") format("woff2");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-icon-com, .messaging .messaging__first .messaging__wrap .messaging__list .messaging__list-list .messaging__item .messaging__content::before, .c__details.-doc .list .c__details-row .c__details-col .c__details-doc::before, .c__details .c__details-container .c__details-row .c__details-col .c__details-title.-user::before, .c__details .c__details-container .c__details-row .c__details-col .c__details-title.-doc::before, .nav .nav__list .nav__item.-lock .nav__label::before, .nav .nav__list .nav__item.-extranet .nav__link .nav__label:after, .invoicingCards .invoicingCards__body .historique__list .historique__item .historique__item-wrap .historique__item-intro .historique__icon, .invoicingCards .invoicingCards__head .invoicingCards__first .invoicingCards__down::before, mat-datepicker-content .mat-calendar-header .mat-calendar-arrow::before, .datepicker mat-datepicker-toggle .mat-icon-button .mat-button-wrapper::before,
.datepicker mat-datepicker-toggle .mat-icon-button:active .mat-button-wrapper::before,
.datepicker mat-datepicker-toggle .mat-icon-button:focus .mat-button-wrapper::before, .select.-valid::after,
.textfield.-valid::after,
.textfield-date.-valid::after,
.adress.fulladress.-valid::after, .associate::before {
  font-family: "connect", sans-serif;
  font-weight: 400;
}
[class^=com-],
[class*=" com-"],
.com {
  font-family: "connect" !important;
  speak: none;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.com-attach::before {
  content: "";
}
.com-sds::before {
  content: "";
}
.com-at::before {
  content: "";
}
.com-calendar::before {
  content: "";
}
.com-car::before {
  content: "";
}
.com-care::before {
  content: "";
}
.com-cb::before {
  content: "";
}
.com-cle::before {
  content: "";
}
.com-close::before {
  content: "";
}
.com-cross::before {
  content: "";
}
.com-crash::before {
  content: "";
}
.com-delete::before {
  content: "";
}
.com-depot::before {
  content: "";
}
.com-doc::before {
  content: "";
}
.com-down::before {
  content: "";
}
.com-ethias::before {
  content: "";
}
.com-euro::before {
  content: "";
}
.com-eye::before {
  content: "";
}
.com-eye-off::before {
  content: "";
}
.com-filter::before {
  content: "";
}
.com-folder::before {
  content: "";
}
.com-guy::before {
  content: "";
}
.com-helpdesk::before {
  content: "";
}
.com-home::before {
  content: "";
}
.com-icon::before {
  content: "";
}
.com-info::before {
  content: "";
}
.com-lock::before {
  content: "";
}
.com-list::before {
  content: "";
}
.com-login::before {
  content: "";
}
.com-mail::before {
  content: "";
}
.com-mail-open::before {
  content: "";
}
.com-manage::before {
  content: "";
}
.com-modify::before {
  content: "";
}
.com-modif::before {
  content: "";
}
.com-next::before {
  content: "";
}
.com-notif::before {
  content: "";
}
.com-parameters::before {
  content: "";
}
.com-pen::before {
  content: "";
}
.com-pins::before {
  content: "";
}
.com-pdf::before {
  content: "";
}
.com-picture::before {
  content: "";
}
.com-pig::before {
  content: "";
}
.com-phone::before {
  content: "";
}
.com-prev::before {
  content: "";
}
.com-radio-off::before {
  content: "";
}
.com-radio-on::before {
  content: "";
}
.com-select::before {
  content: "";
}
.com-search::before {
  content: "";
}
.com-send::before {
  content: "";
}
.com-trash::before {
  content: "";
}
.com-up::before {
  content: "";
}
.com-upload::before {
  content: "";
}
.com-valid-neg::before {
  content: "";
}
.com-valid::before {
  content: "";
}
.com-warning::before {
  content: "";
}
.com-what::before {
  content: "";
}
html,
body {
  height: 100%;
  overflow: hidden;
  overflow-y: visible;
  background: #FFFaf6;
  margin: 0;
  padding: 0;
  font-family: "Regular", sans-serif;
  font-weight: 400;
  color: #212121;
  line-height: 1.2;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
html .-popin-open, .main.virtualscroll.-popin-open html.-popin-open,
body .-popin-open,
.main.virtualscroll.-popin-open body.-popin-open {
  overflow: hidden !important;
  max-height: 100vh;
}
html .news__iframe-wrap,
body .news__iframe-wrap {
  padding: 40px;
  display: block;
}
html .news__iframe-wrap .news__iframe,
body .news__iframe-wrap .news__iframe {
  width: 100%;
  height: calc(100vh - 387px);
  min-height: 350px;
  border: 0;
}
html input.textfield__field:-webkit-autofill,
html textarea:-webkit-autofill,
html select.selefield:-webkit-autofill,
body input.textfield__field:-webkit-autofill,
body textarea:-webkit-autofill,
body select.selefield:-webkit-autofill {
  background-color: #faffff !important;
  background-image: none !important;
  color: #FFEFDC !important;
  border-radius: 4px;
}
html mark,
body mark {
  background: #4A4A4A;
  color: inherit;
}
.main {
  width: 100%;
  min-height: 100vh;
  left: 0;
  z-index: 1;
  position: relative;
  height: 100vh;
  overflow: hidden !important;
  overflow-y: auto !important;
  background: #FFFaf6;
}
.-popin-open .-toblur {
  filter: blur(1.5px);
}
.body {
  position: relative;
  min-height: calc(100vh - 271px);
}
.body .body__container {
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 40px;
}
.body .body__container.-xl {
  max-width: 1360px;
}
.body .body__container .extranet {
  padding-top: 64px;
}
.inside__container,
.container {
  max-width: 1360px;
  margin: 0 auto;
}
.c__footer {
  max-width: 500px;
  margin: 0 auto;
  padding: 60px 15px;
  text-align: center;
  line-height: 1.5;
  font-size: 18px;
}
.c__footer span,
.c__footer a {
  margin: 0 3px 0 0;
}
.associate {
  display: inline-block;
  margin-left: 4px;
  font-size: 14px;
  opacity: 0.5;
}
.associate::before {
  content: "";
  display: inline-block;
  margin-right: 4px;
}
.status:before {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.status.-active:before {
  content: "";
  color: #31933E;
}
.status.-closed:before {
  content: "";
  color: #969696;
}
.status.-waiting:before {
  content: "";
  color: #D1373D;
  font-size: 17px;
}
.microstrategy-iframe {
  width: 100vw;
  height: calc(100vh - 83px);
  border: 0;
  display: block;
}
.microstrategy-iframe iframe {
  border: 0;
  width: 100%;
  height: 100%;
}
.inside {
  background: #fff;
  min-height: 100vh;
}
.inside.-claims {
  background: #FFEFDC;
}
.inside.-claims .inside__body {
  padding-top: 32px;
  min-height: calc(100vh - 176px);
}
@media (min-width: 1024px) {
  .inside.-claims .inside__body {
    padding-top: 75px;
  }
}
.inside.-claims.-messaging {
  background: #fff;
}
.inside.-claims.-messaging .inside__body {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .inside.-claims.-messaging .inside__body {
    padding-top: 0;
  }
}
.inside.-claims.-messaging .inside__body .inside__container {
  max-width: 100%;
  min-height: calc(100vh - 176px);
}
.inside.-claims.-messaging .inside__body .inside__container app-messages {
  display: block;
  min-height: calc(100vh - 176px);
}
.inside .inside__container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.claims__footer-note {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 0;
  padding-bottom: 32px;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.trick .trick__dialog {
  margin: 0 auto;
  background: #fff;
  width: 100%;
  z-index: 12 !important;
  height: auto;
}
@media (min-width: 768px) {
  .trick .trick__dialog {
    max-width: 90%;
    margin: 50px auto 10px;
    border-radius: 20px;
  }
}
@media (min-width: 1024px) {
  .trick .trick__dialog {
    max-width: 1000px;
  }
}
.trick .trick__dialog .trick__wrap .trick__header {
  position: relative;
  background: #FFEFDC;
  border-radius: 20px 20px 0 0;
  border-bottom: 1px solid #FFEFDC;
  height: 70px;
}
.trick .trick__dialog .trick__wrap .trick__header .trick__header-wrap {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-gap: 30px;
  gap: 30px;
  grid-template-columns: 0.5fr 0.5fr;
}
.trick .trick__dialog .trick__wrap .trick__header .trick__ethi {
  display: block;
  width: 174px;
  height: 70px;
  position: relative;
}
.trick .trick__dialog .trick__wrap .trick__header .trick__ethi .trick__ethi-visu {
  background: url("/content/dam/B2C/customerzone/connect/claims/trick-business.png") no-repeat;
  background-size: contain;
  height: 90px;
  width: 93px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.trick .trick__dialog .trick__wrap .trick__header .trick__label {
  position: relative;
  color: #FF6F0D;
  font-family: "EthiasSans", arial, sans-serif;
  font-weight: 400;
  font-size: 30px;
  text-align: right;
  transform: rotate(0);
}
.trick .trick__dialog .trick__wrap .trick__content {
  text-align: center;
  padding: 40px;
}
@media (min-width: 768px) {
  .trick .trick__dialog .trick__wrap .trick__content {
    padding: 40px 80px;
  }
}
@media (min-width: 1024px) {
  .trick .trick__dialog .trick__wrap .trick__content {
    padding: 40px 130px;
  }
}
.trick .trick__dialog .trick__wrap .trick__content .trick__title {
  color: #FF6F0D;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
}
.trick .trick__dialog .trick__wrap .trick__content .checkbox {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}
.forms .radio.-wrap .radio__legend .label {
  color: inherit;
}
.forms.-col .row-forms {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .forms.-col .row-forms {
    display: flex;
    align-items: center;
  }
}
.forms.-col .row-forms.-top {
  align-items: flex-start;
}
.forms.-col .row-forms.-top .label {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .forms.-col .row-forms .radio-suite {
    padding-left: 1.66667rem;
  }
}
.forms.-col .row-forms.nobreak {
  display: flex;
  align-items: center;
}
.forms.-col .row-forms.nobreak .col-sm-6 {
  padding-right: 0;
}
.forms.-col .row-forms .label {
  display: block;
  margin-bottom: 8px;
  color: #4C4E54;
}
@media (min-width: 768px) {
  .forms.-col .row-forms .label {
    text-align: right;
    margin-bottom: 0;
  }
}
.forms.-col .row-forms .label.-left {
  text-align: left;
}
.forms.-col .messages.-error {
  position: relative;
  top: -10px;
}
.forms.-col .messages.-error.-classic {
  top: 5px;
}
.forms.-row .row-forms {
  margin-bottom: 38px;
}
.forms.-row .row-forms .label {
  margin-right: 8px;
  display: block;
  margin-bottom: 8px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #6B6D71;
}
.forms.-row .row-forms .link {
  margin-top: 8px;
}
@media (min-width: 768px) {
  .forms.-row .row-forms .link {
    font-size: 14px;
    margin-top: 0;
  }
}
.forms.-row .row-forms .radio {
  color: #6B6D71;
}
.forms.-row .row-forms.-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.forms.-row .row-forms.-disabled .link {
  color: #6B6D71;
}
.forms.-row.-psw {
  padding: 40px 15px;
}
.forms .link.-desktop {
  display: none;
}
@media (min-width: 768px) {
  .forms .link.-desktop {
    display: block;
  }
}
.forms .button__icon {
  margin-left: 8px;
}
@media (min-width: 768px) {
  .forms .button__icon.-mobile {
    display: none;
  }
}
.forms .radio + .checkbox, .forms .radio + app-checkbox {
  display: block;
  text-align: center;
  margin: 20px auto;
}
.forms shared-radio-big + a.link {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 20px auto;
}
.row-action,
.action {
  margin-top: 70px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 768px) {
  .row-action,
.action {
    align-items: center;
  }
}
.row-action .action-wrap,
.action .action-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 20px;
  gap: 20px;
}
.row-action.-insideform,
.action.-insideform {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .row-action.-insideform,
.action.-insideform {
    justify-content: flex-start;
  }
}
.row-action.-insideform .button,
.action.-insideform .button {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .row-action.-insideform .button,
.action.-insideform .button {
    margin-bottom: 0;
  }
}
.row-action.-insideform .button.-next,
.action.-insideform .button.-next {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .row-action.-insideform .button.-next,
.action.-insideform .button.-next {
    order: 1;
  }
}
.row-action.-insideform .link,
.action.-insideform .link {
  order: 2;
}
@media (min-width: 768px) {
  .row-action.-insideform .link,
.action.-insideform .link {
    padding-left: 40px;
    padding-right: 20px;
    font-size: 14px;
  }
}
.row-action.-insideform.-last,
.action.-insideform.-last {
  margin-bottom: 0;
}
.row-action.-insideform.-withinfo,
.action.-insideform.-withinfo {
  margin-bottom: 12px;
}
.row-action.-insideform.-info,
.action.-insideform.-info {
  margin-bottom: 64px;
  text-align: left;
}
.row-action.-insideform.-info .link,
.action.-insideform.-info .link {
  display: inline;
  padding: 0;
}
.row-action.-insideform.-info.-first,
.action.-insideform.-info.-first {
  margin-bottom: 12px;
}
.row.row-agree {
  margin-top: 64px;
}
.row.row-agree .messages.-error {
  top: 10px;
}
.adress__wrap {
  margin-top: 16px;
}
.adress__wrap.-first {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media (min-width: 768px) {
  .adress__wrap.-first {
    justify-content: flex-start;
  }
}
.adress__wrap .adress_col1 {
  max-width: 20px;
}
@media (min-width: 768px) {
  .adress__wrap .adress_col1 {
    max-width: 41.66%;
  }
}
.adress__wrap .icon {
  margin-left: 12px;
}
.adress__wrap .label {
  position: relative;
  top: 2px;
  text-align: left;
  white-space: nowrap;
}
.adress__wrap .adress-first {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .adress__wrap .adress-first {
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .adress__wrap .adress-first .textfield {
    width: 100%;
  }
}
.adress__wrap .adress-first .textfield .textinput__field {
  max-width: 100px;
}
.adress__wrap .adress-first .col-first {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .adress__wrap .adress-first .col-first {
    width: 50%;
    padding-left: 0;
  }
}
.adress__wrap .adress-first .col-second {
  justify-content: flex-end;
  display: flex;
  align-items: center;
  padding-right: 0;
}
@media (min-width: 768px) {
  .adress__wrap .adress-first .col-second {
    text-align: right;
    width: 50%;
    padding-left: 26px;
  }
}
.adress__wrap .adress-first .col-second .label {
  padding-right: 12px;
}
@media (min-width: 768px) {
  .adress__wrap .adress-second {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .adress__wrap .adress-second .col-first .adress-second-wrap {
    min-width: 90px;
  }
}
.adress__wrap .adress-second .col-first .textfield {
  width: 100%;
}
@media (min-width: 768px) {
  .adress__wrap .adress-second .col-first .textfield {
    width: 100px;
    max-width: 100px;
  }
}
.adress__wrap .adress-second .col-second {
  padding: 10px 0 0 0;
}
@media (min-width: 768px) {
  .adress__wrap .adress-second .col-second {
    margin-top: 0;
    padding-top: 0;
    margin-left: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
.adress__wrap .adress-second .col-second .label {
  padding-right: 12px;
}
.adress.fulladress {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.adress.fulladress .link {
  margin-left: 12px;
  display: inline-block;
}
.select,
.textfield,
.textfield-date,
.adress.fulladress {
  position: relative;
}
.select.-valid:hover, .select.-valid:focus, .select.-valid:active,
.textfield.-valid:hover,
.textfield.-valid:focus,
.textfield.-valid:active,
.textfield-date.-valid:hover,
.textfield-date.-valid:focus,
.textfield-date.-valid:active,
.adress.fulladress.-valid:hover,
.adress.fulladress.-valid:focus,
.adress.fulladress.-valid:active {
  border-color: #FF6F0D;
}
.select.-valid::after,
.textfield.-valid::after,
.textfield-date.-valid::after,
.adress.fulladress.-valid::after {
  display: none;
  /*content: $com-validate;*/
  color: #31933E;
  position: absolute;
  top: 8px;
  right: -25px;
}
@media (min-width: 768px) {
  .select.-valid::after,
.textfield.-valid::after,
.textfield-date.-valid::after,
.adress.fulladress.-valid::after {
    display: block;
  }
}
/*
.-sticky
{
  .inside.-claims {
    margin-top: 48px;
  }
  .body {
    margin-top: 110px;
  }
  .filterTitle
  {
    @include fixed;
    top: 0;
    left: 0;
    height: auto;
    @include w-100;
    z-index: 3;
    box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.1);
    animation-name: filtertitle;
    animation-duration: 500ms;
    animation-iteration-count: 1;
    .filterTitle__container
    {

    }
    &.-invoicing
    {
      @include relative;
    }
  }

  .insideNav
  {
    @include fixed;
    top: 0;
    left: 0;
    height: 48px;
    @include w-100;
    z-index: 2;
  }
}




@keyframes filtertitle {
  from {transform: translateY(-100%);}
  to {transform: translateY(0);}
}

@keyframes bodysticky {
  from {margin-top:0;}
  to {margin-top:170px;}
}
*/
body.-sticky .main {
  padding-top: 110px;
}
body.-sticky .filterTitle {
  position: fixed;
  top: 0;
}
body.-sticky .filterTitle .filterTitle__action .-action {
  display: none;
}
body.-sticky .filterTitle .filterTitle__action .-action.-dropdown {
  display: block;
}
body.-sticky .filterTitle .container.-search {
  display: none;
}
.-sticky .uikit-inner .filterTitle {
  padding-left: 310px;
}
.-stepper {
  position: relative;
  display: flex;
}
.-stepper .stepper__group {
  display: block;
  width: 100%;
}
.-stepper .stepper__group .messages.-endflux span {
  text-align: center;
}
.-stepper .stepper__group .messages.-endflux .messages__icon {
  margin: 30px auto;
}
.-stepper .stepper__group,
.-stepper .-stepper__block {
  width: 100%;
  left: 0;
  position: absolute;
  transition: all 500ms ease;
  display: block;
  flex-grow: 1;
  top: 0;
}
.-stepper .stepper__group.-active,
.-stepper .-stepper__block.-active {
  left: 0;
  position: relative;
}
.-stepper .stepper__group.-toleft,
.-stepper .-stepper__block.-toleft {
  left: -150vw;
}
.-stepper .stepper__group.-toright,
.-stepper .-stepper__block.-toright {
  left: 150vw;
}
.table {
  display: flex;
}
.table.-five .table-col {
  display: block;
  margin: 0 10px;
}
.table.-five .table-col:nth-child(1) {
  width: 15%;
}
.table.-five .table-col:nth-child(2) {
  width: 25%;
}
.table.-five .table-col:nth-child(3) {
  width: 20%;
}
.table.-five .table-col:nth-child(4) {
  width: 25%;
}
.table.-five .table-col:nth-child(5) {
  width: 15%;
}
.table.-four .table-col {
  display: block;
  margin: 0 10px;
}
.table.-four .table-col:nth-child(1) {
  width: 15%;
}
.table.-four .table-col:nth-child(2) {
  width: 40%;
}
.table.-four .table-col:nth-child(3) {
  width: 25%;
}
.table.-four .table-col:nth-child(4) {
  width: 20%;
}
.inside.-invoicing {
  min-height: 100vh;
  background: #FFEFDC;
  line-height: 1.4;
}
.inside.-invoicing .container {
  max-width: 1362px;
}
.inside.-invoicing .invoicingContent {
  display: grid;
  grid-template-columns: 1fr 340px;
  grid-gap: 30px;
  gap: 30px;
}
.inside.-invoicing .invoicingContent .invoice-card-group-wrap {
  border-bottom: 1px solid #FFD5B3;
  display: block;
}
.inside.-invoicing .invoicingContent .invoice-card-group-wrap:first-child .invoice-card-group {
  border-radius: 20px 20px 0 0;
}
.inside.-invoicing .invoicingContent .invoice-card-group-wrap:last-child {
  border-bottom: 0;
}
.inside.-invoicing .invoicingContent .invoice-card-group-wrap:last-child .invoice-card-group {
  border-radius: 0 0 20px 20px;
}
.inside.-invoicing .invoicingContent .invoicingCardsInfo {
  border-radius: 12px;
  background: #FF6F0D;
  margin-bottom: 25px;
  padding: 15px;
  position: relative;
}
.inside.-invoicing .invoicingContent .invoicingCardsInfo .invoicingCardsInfo__label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #fff;
}
.inside.-invoicing .invoicingContent .invoicingCardsInfo .invoicingCardsInfo__btn {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -5px;
  font-size: 10px;
  color: #fff;
}
.inside.-invoicing .invoicingContent .cardsTransverse__wrap {
  grid-gap: 0;
  gap: 0;
  border-radius: 20px;
  overflow: hidden;
}
.inside.-invoicing .invoicingContent .cardsTransverse__wrap.-empty {
  background: #fff;
  border-radius: 25px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #089EDD;
  font-size: 22px;
}
.inside.-invoicing .invoicingContent .cardsTransverse__wrap .cardsTransverse-invoicing {
  border-bottom: 1px solid #FFD5B3;
}
.inside.-invoicing .invoicingContent .cardsTransverse__wrap .cardsTransverse-invoicing .cardsTransverse {
  border: 0;
}
.inside.-invoicing .invoicingContent .cardsTransverse__wrap .cardsTransverse-invoicing:first-child .cardsTransverse.-invoicing {
  border-radius: 20px 20px 0 0;
}
.inside.-invoicing .invoicingContent .cardsTransverse__wrap .cardsTransverse-invoicing:last-child {
  border-bottom: 0;
}
.inside.-invoicing .invoicingContent .cardsTransverse__wrap .cardsTransverse-invoicing:last-child .cardsTransverse.-invoicing {
  border-radius: 0 0 20px 20px;
}
.inside.-invoicing .invoicingCards__empty .invoicingCards__empty-visu {
  display: block;
  background: url("/content/dam/B2C/customerzone/connect/invoicing/empty-primary.svg") no-repeat center;
  background-size: contain;
  width: 50px;
  height: 50px;
  margin: 0 auto 20px;
}
.inside.-invoicing .invoicingCards__empty .invoicingCards__empty-title {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-align: center;
}
.inside.-invoicing .invoicingCards__empty .invoicingCards__empty-content {
  font-family: "Light", arial, sans-serif;
  font-weight: 400;
  text-align: center;
}
.inside.-invoicing .aside {
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 24px;
  background: #fff;
  border-radius: 25px;
}
.inside.-invoicing .aside .tabsTransverse .container {
  padding: 0;
}
.inside.-invoicing .aside .tabsTransverse .tabs__list {
  width: 100%;
}
.inside.-invoicing .aside .tabsTransverse .tabs__item {
  flex: auto;
}
.inside.-invoicing .aside .tabsTransverse .tabs__item .tabs__link {
  padding-left: 0;
  padding-right: 0;
}
.inside.-invoicing .aside .invoicingFilters__hr {
  width: 100%;
  height: 1px;
  background: #FFD5B3;
}
.inside.-invoicing .aside .invoicingFilter {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px;
  gap: 30px;
}
.inside.-invoicing .aside .invoicingFilter .textfield.-param .textfield__field {
  width: 100%;
  max-width: 100%;
}
.inside.-invoicing .aside .forms.-row {
  margin: 0;
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
}
.inside.-invoicing .aside .forms.-row .row-forms {
  margin: 0;
}
.inside.-invoicing .aside .forms.-row .row-forms .select__field,
.inside.-invoicing .aside .forms.-row .row-forms .textfield__field {
  padding-top: 12px;
  padding-bottom: 12px;
}
.inside.-invoicing .aside .forms.-row .row-forms .label {
  color: #212121;
}
.inside.-invoicing .aside .action {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  gap: 20px;
}
.inside.-invoicing .aside .action .button.-link {
  font-size: 14px;
}
.inside.-invoicing .aside .action .button.-primary:hover {
  transform: none;
}
.inside.-invoicing .aside .button__icon {
  font-size: 18px;
}
.invoicingNotif .checkbox.-toggle {
  margin: 20px 0;
  max-width: 300px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #FF6F0D;
  padding: 16px;
  transition: all 250ms ease;
}
.invoicingNotif .checkbox.-toggle:hover, .invoicingNotif .checkbox.-toggle.-is-checked {
  background: #FFEFDC;
}
.invoicingNotif .checkbox.-toggle .checkbox__toggle-label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.invoicingNotif .invoicingNotif__mode {
  border-top: 1px solid #FF6F0D;
  padding-top: 20px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 20px;
  gap: 20px;
}
.invoicingNotif .invoicingNotif__mode .invoicingNotif__title {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-align: left;
}
.invoicingNotif .invoicingNotif__form {
  padding-top: 8px;
}
.invoicingNotif .invoicingNotif__form .radio.-classic {
  padding-top: 10px;
  grid-gap: 5px;
  gap: 5px;
}
.invoicingNotif .invoicingNotif__form .radio.-classic .radio__element .radio__label .label {
  color: #212121;
}
.forms.-row.-invoicing {
  max-width: 400px;
}
.cardsTransverse.-invoicing {
  border-radius: 0;
  position: relative;
  cursor: pointer;
  box-shadow: 0 0 0 transparent;
}
.cardsTransverse.-group.-invoicing .invoicingCards::before {
  left: -80px;
}
.cardsTransverse.-group.-invoicing .cardsTransverse__group-head .cardsTransverse__group-head-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cardsTransverse.-group.-invoicing .cardsTransverse__group-head .cardsTransverse__group-head-wrap .cardsTransverse__group-head-label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
h1, h2, h3, h4, h5 {
  font-weight: normal;
}
.inside__h1 {
  text-align: left;
  margin: 0;
  font-size: 20px;
  color: #212121;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  padding: 20px 0 30px;
}
@media (min-width: 768px) {
  .inside__h1 {
    padding: 50px 0 30px;
  }
}
.button.-primary.-small, .button[type=submit].-small {
  padding: 10px 20px;
}
.button.-secondary {
  background-color: #fff;
  border: 1px solid #FF6F0D;
  color: #FF6F0D;
}
.button.-secondary .button__icon {
  color: #FF6F0D;
}
.button.-secondary:hover {
  border-color: #D94204;
  color: #D94204;
  background-color: #fff;
}
.button.-secondary:hover .button__icon {
  color: #D94204;
}
.button__icon {
  text-align: center;
}
.button__icon.card__view-button {
  font-size: 20px;
  color: #FFD5B3;
}
.button__icon.card__view-button.-active, .button__icon.card__view-button:hover {
  color: #FF6F0D;
}
.button__icon.page__up {
  background: #FFD5B3;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: -100%;
  border-radius: 4px;
  transition: all 250ms ease;
}
.button__icon.page__up.-active {
  right: 30px;
}
.button__icon.page__up:hover {
  background: #FF6F0D;
}
app-buttonicon {
  display: inline-block;
}
.card__view {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 40px 15px 0;
}
.card__view .button__icon {
  margin-left: 16px;
}
.card__more {
  padding-top: 16px;
  padding-bottom: 16px;
  cursor: pointer;
  text-align: center;
}
.card__more .card__more-link {
  display: inline-flex;
  align-items: center;
}
.card__more .card__more-link .card__more-icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  background: #FF6F0D;
  color: #fff;
  text-align: center;
  border-radius: 100%;
  transition: all 150ms ease;
}
.card__more .card__more-link .card__more-icon.com-cross {
  transform: rotate(45deg);
}
.card__more .card__more-link .card__more-label {
  font-size: 20px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
  margin-left: 16px;
  transition: all 250ms ease;
}
.card__more .card__more-link:hover .card__more-icon {
  background: #D94204;
}
.card__more .card__more-link:hover .card__more-label {
  color: #D94204;
}
.radio .radio__element {
  display: block;
  cursor: pointer;
  transition: all 250ms ease;
}
.radio .radio__element.-is-checked .radio__label::after {
  transform: scale(1);
}
.radio.-opt .radio__element .radio__label .radio__icon {
  background-color: #FFEFDC;
}
.radio.-opt .radio__element.-locked {
  cursor: default;
}
.radio.-opt .radio__element.-locked .radio__label {
  color: #969696;
}
.radio.-opt .radio__element.-locked .radio__label::before {
  border-color: #FFD5B3;
}
.radio.-opt .radio__element.-locked .radio__label::after {
  display: none;
}
.radio.-opt .radio__element.-locked .radio__label .label {
  padding: 0 22px;
}
.radio.-opt .radio__element.-locked:hover .radio__label, .radio.-opt .radio__element.-locked.-is-checked .radio__label {
  box-shadow: 0 0 0 transparent;
}
.radio.-opt .radio__element.-locked:hover .radio__label .radio__legend .label, .radio.-opt .radio__element.-locked.-is-checked .radio__label .radio__legend .label {
  color: #969696;
}
.radio.-opt .radio__element.-locked .locked {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.radio.-opt .radio__element.-locked .locked .locked__icon {
  position: absolute;
  left: 16px;
  top: 10px;
  font-size: 20px;
}
.radio.-opt .radio__element.-locked .locked .locked__content {
  font-size: 14px;
  text-align: left;
  background: #fff;
  color: #4A4A4A;
  opacity: 0;
  transition: opacity 250ms ease;
  padding: 16px;
  border-radius: 20px;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
  position: absolute;
  top: 27px;
  left: 20px;
  width: calc(100% - 40px);
}
.radio.-opt .radio__element.-locked:hover .locked .locked__content {
  opacity: 1;
}
.radio.-chooser.-button.-switch.-withoutimg.-withicon {
  display: flex;
  justify-content: center;
}
.radio.-chooser.-button.-switch.-withoutimg.-withicon .radio__element {
  width: 100%;
  max-width: 300px;
}
.radio.-chooser.-button.-switch.-withoutimg.-withicon .radio__element .radio__label {
  padding-top: 40px;
  padding-bottom: 40px;
}
.radioBig .title__radio {
  text-align: center;
  font-size: 18px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  margin-bottom: 24px;
}
.datepicker {
  display: flex;
  align-items: center;
}
.datepicker.textfield.-post .textfield__field {
  padding-right: 0;
  width: calc(100% - 43px);
}
.datepicker mat-datepicker-toggle {
  cursor: pointer;
}
.datepicker mat-datepicker-toggle .mat-icon-button,
.datepicker mat-datepicker-toggle .mat-icon-button:active,
.datepicker mat-datepicker-toggle .mat-icon-button:focus {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background: transparent;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #FF6F0D;
}
.datepicker mat-datepicker-toggle .mat-icon-button .mat-button-wrapper,
.datepicker mat-datepicker-toggle .mat-icon-button:active .mat-button-wrapper,
.datepicker mat-datepicker-toggle .mat-icon-button:focus .mat-button-wrapper {
  cursor: pointer;
  font-size: 16px;
}
.datepicker mat-datepicker-toggle .mat-icon-button .mat-button-wrapper::before,
.datepicker mat-datepicker-toggle .mat-icon-button:active .mat-button-wrapper::before,
.datepicker mat-datepicker-toggle .mat-icon-button:focus .mat-button-wrapper::before {
  content: "";
  cursor: pointer;
}
.datepicker mat-datepicker-toggle .mat-icon-button .mat-button-wrapper svg,
.datepicker mat-datepicker-toggle .mat-icon-button:active .mat-button-wrapper svg,
.datepicker mat-datepicker-toggle .mat-icon-button:focus .mat-button-wrapper svg {
  display: none;
}
.datepicker mat-datepicker-toggle .mat-icon-button:hover {
  color: #D94204;
}
mat-datepicker-content.mat-datepicker-content {
  display: block;
  border-radius: 4px;
}
mat-datepicker-content.mat-datepicker-content .mat-calendar {
  width: 296px;
  max-height: 354px;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
mat-datepicker-content .mat-calendar {
  display: block;
}
mat-datepicker-content .mat-calendar-header {
  padding: 10px 0 0 0;
  background: transparent;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-controls {
  display: flex;
  align-items: center;
  justify-content: center;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-spacer {
  display: none;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button {
  order: 2;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-previous-button {
  order: 1;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-next-button {
  order: 3;
}
mat-datepicker-content .mat-calendar-header .mat-button {
  color: #212121;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  background: transparent;
}
mat-datepicker-content .mat-calendar-header .mat-icon-button {
  background: transparent;
  color: #FF6F0D;
}
mat-datepicker-content .mat-calendar-header .mat-button-wrapper {
  display: flex;
  align-items: center;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-arrow {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  line-height: 20px;
  margin: 0 0 0 10px;
  border: 0;
  font-size: 7px;
}
mat-datepicker-content .mat-calendar-header .mat-calendar-arrow::before {
  content: "";
}
mat-datepicker-content .mat-calendar-header .mat-calendar-arrow.mat-calendar-invert {
  transform: rotate(180deg);
}
mat-datepicker-content .mat-calendar-content {
  padding: 0 20px 20px 20px;
  outline: 0;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-table-header {
  color: #FF6F0D;
  font-size: 14px;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-table-header tr {
  text-align: center;
  padding: 0;
  border-radius: 4px;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-table-header tr th {
  padding: 10px;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-table-header tr:last-child {
  display: none;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-label {
  border-radius: 4px;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell .mat-calendar-body-cell-content {
  border: 1px solid #FFD5B3;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: #fff;
  border-radius: 4px;
  transition: all 250ms ease;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell .mat-calendar-body-cell-content:hover {
  background: #FFD5B3;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background: #FF6F0D;
  color: #fff;
}
mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-today {
  background: #FFD5B3;
}
mat-datepicker-content .mat-calendar-controls {
  display: flex;
  margin: 0;
}
mat-datepicker-content .mat-calendar-spacer {
  flex: 1 1 auto;
}
mat-datepicker-content .mat-calendar-period-button {
  min-width: 0;
}
mat-datepicker-content [dir=rtl] .mat-calendar-arrow {
  margin: 0 5px 0 0;
}
mat-datepicker-content .mat-calendar-next-button, mat-datepicker-content .mat-calendar-previous-button {
  position: relative;
}
mat-datepicker-content .mat-calendar-next-button::after, mat-datepicker-content .mat-calendar-previous-button::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  content: "";
  margin: 15.5px;
  border: 0 solid currentColor;
  border-top-width: 2px;
}
mat-datepicker-content [dir=rtl] .mat-calendar-next-button, mat-datepicker-content [dir=rtl] .mat-calendar-previous-button {
  transform: rotate(180deg);
}
mat-datepicker-content .mat-calendar-previous-button::after {
  border-left-width: 2px;
  transform: translateX(2px) rotate(-45deg);
}
mat-datepicker-content .mat-calendar-next-button::after {
  border-right-width: 2px;
  transform: translateX(-2px) rotate(45deg);
}
mat-datepicker-content .mat-calendar-table {
  border-spacing: 3px;
  border-collapse: separate;
  width: 100%;
}
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-global-overlay-wrapper, .cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.mat-dialog-container {
  display: block;
  background: #fff;
  padding: 24px;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: auto;
  outline: 0;
  width: 100%;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
}
.mat-datepicker-content {
  background: #fff;
  color: #212121;
  display: block;
  border-radius: 4px;
}
.mat-datepicker-content-touch {
  display: block;
  max-height: 80vh;
  overflow: auto;
  margin: -24px;
}
.datepicker__wrap {
  display: flex;
  grid-gap: 12px;
  gap: 12px;
}
.datepicker__wrap .datepicker {
  width: auto;
}
.textfield.-psw .button__icon {
  font-size: 18px;
}
.textfield.-link a.link {
  position: absolute;
  right: 10px;
  pointer-events: all;
  z-index: 2;
  height: 16px;
  top: 50%;
  margin-top: -8px;
}
.textfield-date {
  justify-content: space-between;
}
.textfield-date .textfield {
  flex-grow: 1;
}
.textfield-wrap {
  display: flex;
  align-items: center;
  position: relative;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  max-width: 100%;
  grid-gap: 12px;
  gap: 12px;
}
.textfield-wrap .textfield {
  width: auto;
  flex-grow: 1;
  display: inline-block;
}
.textfield-wrap .textfield.-param, .textfield-wrap .textfield.-txt {
  display: flex;
}
.textfield-wrap .textfield__separator {
  margin-left: 8px;
  margin-right: 8px;
  color: #4A4A4A;
}
.link .link__icon {
  position: absolute;
  cursor: pointer;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: 50%;
  margin-top: -10px;
  text-decoration: none;
}
.link .link__icon:hover {
  color: #D94204;
  text-decoration: none;
}
.link.-subtle {
  color: #4A4A4A;
  text-decoration: none;
}
.messages .messages__wrap-icon {
  line-height: 1;
}
.messages.-valide, .messages.-unvalide {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-align: center;
}
.messages.-valide .messages__icon, .messages.-unvalide .messages__icon {
  display: block;
  margin-bottom: 24px;
  font-size: 50px;
}
.messages.-valide .messages__icon {
  color: #31933E;
}
.messages.-unvalide .messages__icon {
  color: #C80E15;
}
.messages.-endflux {
  margin-top: 32px;
  margin-bottom: 32px;
  border-radius: 4px;
  position: relative;
  width: 100%;
  padding-bottom: 32px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.messages.-endflux .messages__label {
  font-size: 30px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  display: block;
  margin-bottom: 24px;
  text-align: left;
}
.messages.-endflux .messages__sublabel {
  font-size: 16px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  display: block;
  margin-bottom: 12px;
  text-align: left;
}
.messages.-endflux .messages__content {
  font-size: 16px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  text-align: left;
  display: block;
}
.messages.-endflux .button {
  margin-top: 64px;
}
.messages.-endflux .messages__icon {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
  min-width: 60px;
  min-height: 60px;
  line-height: 60px;
  border-radius: 100%;
  margin-left: 0;
  margin-right: 0;
  font-size: 35px;
  position: relative;
  text-align: center;
  top: -30px;
}
.messages.-endflux.-valide .messages__label {
  color: #FF6F0D;
}
.messages.-endflux.-valide .messages__icon {
  background: #31933E;
  color: #fff;
}
.messages.-endflux.-unvalide .messages__label {
  color: #C80E15;
}
.messages.-endflux.-unvalide .messages__icon {
  background: #C80E15;
  color: #fff;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 54px;
}
.messages.-confirmation {
  text-align: center;
  display: block;
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.messages.-confirmation .messages__label {
  font-size: 18px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  display: block;
  margin-top: 32px;
  margin-bottom: 12px;
}
.messages.-confirmation .messages__sublabel {
  font-size: 16px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  display: block;
}
/* TO DELETE AFTER TRANSVERSAL COMPONENT */
.tooltip__wrap {
  position: relative;
  cursor: pointer;
}
.tooltip__wrap.-nowrap {
  display: flex;
  white-space: nowrap;
}
.tooltip__wrap.-inline {
  display: inline;
}
.tooltip__wrap .tooltip {
  transform: scale(0);
  transform-origin: top center;
  white-space: normal;
}
.tooltip__wrap:hover .tooltip {
  transform: scale(1);
}
.upload__wrap {
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
}
.upload__wrap .upload {
  border: 1px solid #FF6F0D;
  background: #fff;
  border-radius: 8px;
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
}
.upload__wrap .upload .upload__already {
  margin: 0 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upload__wrap .upload .upload__already .button {
  display: inline-block;
  text-align: left;
  margin-bottom: 12px;
  margin-right: 12px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
  border-radius: 16px;
  transition: all 250ms ease;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upload__wrap .upload .upload__already .button .button__wrap-label {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upload__wrap .upload .upload__already .button .button__wrap-label .button__label {
  text-decoration: underline;
}
.upload__wrap .upload .upload__already .button .button__wrap-label .button__label:hover {
  text-decoration: none;
}
.upload__wrap .upload .upload__already .button .button__icon {
  color: #fff;
  margin: 0;
  font-size: 9px;
}
.upload__wrap .upload .upload__download {
  border: 1px dashed #FF6F0D;
  transition: all 250ms ease;
  background: transparent;
  border-radius: 4px;
  position: relative;
  text-align: center;
  padding: 30px 20px 40px;
  margin: 20px;
  cursor: pointer;
}
.upload__wrap .upload .upload__download.-active {
  background: #FF6F0D;
}
.upload__wrap .upload .upload__download.-active .upload__link .upload__icon {
  color: #fff;
}
.upload__wrap .upload .upload__download .upload__link {
  text-decoration: none;
  display: block;
  color: #FF6F0D;
}
.upload__wrap .upload .upload__download .upload__link .upload__icon {
  font-size: 95px;
  display: block;
  margin-bottom: 12px;
  color: #FFD5B3;
  transition: all 250ms ease;
}
.upload__wrap .upload .upload__download .upload__link .upload__content {
  text-transform: uppercase;
  display: inline-block;
  font-size: 20px;
  margin-bottom: 4px;
}
.upload__wrap .upload .upload__download .upload__link.-second.link .upload__content {
  text-decoration: underline;
  font-size: 14px;
  opacity: 1;
}
.upload__wrap .upload .upload__download .upload__link.-second.link .upload__content:hover {
  text-decoration: none;
}
.upload__wrap .upload .upload__download .-on {
  display: block;
}
.upload__wrap .upload .upload__download .-off {
  display: none;
}
.upload__wrap .upload .upload__download:hover {
  border: 1px solid #FF6F0D;
  background: #fff;
}
.upload__wrap .upload .upload__header {
  text-align: center;
  background: #FFEFDC;
  color: #FF6F0D;
  padding: 8px;
  border-radius: 4px 4px 0 0;
}
.upload__wrap .upload .upload__header .title {
  font-size: 18px;
}
.upload__wrap .upload .upload__header .sub {
  font-size: 12px;
}
.upload__wrap .upload.-unvalid {
  border-color: #C80E15;
}
.upload__wrap .upload.-flood .upload__download {
  pointer-events: none;
  background: #FAFAFA;
}
.upload__wrap .upload.-flood .upload__download .number {
  color: #C80E15;
}
.upload__wrap .upload.-flood .upload__download .upload__link {
  color: #FF6F0D;
}
.uploadTransverse .button.-ternary {
  background: #FF6F0D;
  color: #fff;
  border-color: #FF6F0D;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uploadTransverse .button.-ternary:hover {
  background: #D94204;
  box-shadow: 0 0 0;
}
.breadcrumb {
  color: #969696;
  background: #FFEFDC;
}
.invoicingCards {
  padding: 25px 30px 25px 20px;
  position: relative;
  background: #FFFaf6;
}
.invoicingCards.-active .invoicingCards__head .invoicingCards__first .invoicingCards__down::before {
  transform: rotate(180deg);
}
.invoicingCards .invoicingCards__status {
  position: absolute;
  left: 10px;
  top: 10px;
}
.invoicingCards .invoicingCards__status::before {
  font-size: 27px;
}
.invoicingCards .invoicingCards__head {
  display: grid;
  grid-template-columns: 60px 150px 1fr 150px 80px;
  align-items: center;
  grid-gap: 20px;
  gap: 20px;
}
.invoicingCards .invoicingCards__head .invoicingCards__isread {
  display: grid;
  align-items: center;
  justify-content: center;
  height: 100%;
  grid-template-columns: 1fr;
  border-right: 1px solid #FF6F0D;
}
.invoicingCards .invoicingCards__head .invoicingCards__isread .button__icon.invoicingCards__isread-button {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 250ms ease;
}
.invoicingCards .invoicingCards__head .invoicingCards__isread .button__icon.invoicingCards__isread-button img {
  display: block;
  width: 24px;
  height: 24px;
  filter: invert(52%) sepia(31%) saturate(4979%) hue-rotate(353deg) brightness(102%) contrast(102%);
}
.invoicingCards .invoicingCards__head .invoicingCards__isread .button__icon.invoicingCards__isread-button .read {
  display: none;
}
.invoicingCards .invoicingCards__head .invoicingCards__isread .button__icon.invoicingCards__isread-button:hover {
  background-color: #fff;
}
.invoicingCards .invoicingCards__head .invoicingCards__isread .button__icon.invoicingCards__isread-button:hover .tooltipTransverse.-left {
  transform: scale(1);
  opacity: 1;
}
.invoicingCards .invoicingCards__head .invoicingCards__isread .button__icon.invoicingCards__isread-button .tooltipTransverse.-left {
  transform: scale(0);
  transform-origin: center left;
  opacity: 0;
  animation: none;
  left: calc(100% + 14px);
  top: 0;
  width: auto;
  text-align: left;
  white-space: nowrap;
  font-size: 12px;
  padding: 0px 8px;
  height: auto;
  transition: all 250ms ease;
}
.invoicingCards .invoicingCards__head .invoicingCards__isread .button__icon.invoicingCards__isread-button .tooltipTransverse.-left::before {
  left: -8px;
  transform: rotate(-90deg);
  top: 10px;
}
.invoicingCards .invoicingCards__head .invoicingCards__isread .button__icon.invoicingCards__isread-button .tooltipTransverse.-left .tooltipTransverse__content {
  padding: 6px;
  box-shadow: 0 0 0 transparent;
}
.invoicingCards .invoicingCards__head .invoicingCards__first {
  display: grid;
  align-items: center;
  justify-content: flex-end;
  grid-template-columns: 1fr 40px;
  border-right: 1px solid #FFD5B3;
}
.invoicingCards .invoicingCards__head .invoicingCards__first .-sold {
  text-align: right;
}
.invoicingCards .invoicingCards__head .invoicingCards__first .-sold .label {
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.invoicingCards .invoicingCards__head .invoicingCards__first .-sold .amount {
  white-space: nowrap;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
}
.invoicingCards .invoicingCards__head .invoicingCards__first .invoicingCards__down {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  color: #FF6F0D;
  font-size: 6px;
  display: inline-block;
}
.invoicingCards .invoicingCards__head .invoicingCards__first .invoicingCards__down::before {
  display: inline-block;
  content: "";
  transform: rotate(0);
  transition: all 250ms ease;
}
.invoicingCards .invoicingCards__head .invoicingCards__second {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-gap: 4px;
  gap: 4px;
}
.invoicingCards .invoicingCards__head .invoicingCards__second .label {
  font-size: 18px;
}
.invoicingCards .invoicingCards__head .invoicingCards__second .content {
  font-size: 14px;
}
.invoicingCards .invoicingCards__head .invoicingCards__third .-date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  grid-gap: 4px;
  gap: 4px;
  font-size: 14px;
  text-align: right;
}
.invoicingCards .invoicingCards__head .invoicingCards__third .-date .label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.invoicingCards .invoicingCards__head .invoicingCards__four {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.invoicingCards .invoicingCards__head .invoicingCards__four .invoicingCards__download {
  color: #FF6F0D;
  font-size: 32px;
}
.invoicingCards .invoicingCards__body .invoicingCards__details {
  padding: 40px;
}
.invoicingCards .invoicingCards__body .invoicingCards__details p {
  margin: 0;
}
.invoicingCards .invoicingCards__body .invoicingCards__details .invoicingCards__seeDetails {
  margin-top: 20px;
  text-decoration: none;
}
.invoicingCards .invoicingCards__body .invoicingCards__details .invoicingCards__seeDetails .button .button__icon {
  font-size: 20px;
}
.invoicingCards .invoicingCards__body .historique__list {
  margin: 0;
  margin-left: 15px;
  padding: 0;
}
.invoicingCards .invoicingCards__body .historique__list .historique__item {
  border-left: 1px solid #FFBC89;
  list-style: none;
  display: block;
}
.invoicingCards .invoicingCards__body .historique__list .historique__item .historique__item-wrap {
  padding-bottom: 25px;
}
@media (min-width: 768px) {
  .invoicingCards .invoicingCards__body .historique__list .historique__item .historique__item-wrap {
    display: flex;
    align-items: flex-start;
  }
}
.invoicingCards .invoicingCards__body .historique__list .historique__item .historique__item-wrap .historique__item-intro {
  display: flex;
}
.invoicingCards .invoicingCards__body .historique__list .historique__item .historique__item-wrap .historique__item-intro .historique__icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  max-width: 30px;
  max-height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 100%;
  border: 1px solid #FFBC89;
  background: #fff;
  color: #FF6F0D;
  position: relative;
  left: -15px;
  top: -5px;
  font-size: 14px;
}
.invoicingCards .invoicingCards__body .historique__list .historique__item .historique__item-wrap .historique__item-intro .historique__icon.-send::after {
  content: "";
}
.invoicingCards .invoicingCards__body .historique__list .historique__item .historique__item-wrap .historique__item-intro .historique__icon.-receive::after {
  content: "";
}
.invoicingCards .invoicingCards__body .historique__list .historique__item .historique__item-wrap .historique__item-intro .historique__date {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  color: #212121;
  font-size: 14px;
}
.invoicingCards .invoicingCards__body .historique__list .historique__item .historique__item-wrap .historique__details {
  padding-left: 32px;
}
@media (min-width: 768px) {
  .invoicingCards .invoicingCards__body .historique__list .historique__item .historique__item-wrap .historique__details {
    padding-left: 0;
  }
}
.invoicingCards .invoicingCards__body .historique__list .historique__item .historique__item-wrap .historique__details .historique__label {
  font-size: 14px;
}
.invoicingCards .invoicingCards__body .historique__list .historique__item .historique__item-wrap .historique__details .historique__links {
  width: 100%;
  margin-top: 12px;
}
.invoicingCards .invoicingCards__body .historique__list .historique__item .historique__item-wrap .historique__details .link {
  margin-bottom: 16px;
  display: block;
  position: relative;
}
.invoicingCards .invoicingCards__body .historique__list .historique__item:last-child {
  border-left: 0;
}
.invoicingCards .invoicingCards__body .historique__list .historique__item:last-child .historique__item-wrap {
  padding-bottom: 0;
}
.invoicingCards.-positive .invoicingCards__first {
  border-color: #31933E;
}
.invoicingCards.-positive .invoicingCards__status::before {
  color: #31933E;
}
.invoicingCards.-positive .invoicingCards__head .invoicingCards__first .-sold .label {
  color: #31933E;
}
.invoicingCards.-negative .invoicingCards__first {
  border-color: #FF6F0D;
}
.invoicingCards.-negative .invoicingCards__status::before {
  color: #FF6F0D;
}
.invoicingCards.-negative .invoicingCards__head .invoicingCards__first .-sold .label {
  color: #FF6F0D;
}
.invoicingCards:hover .invoicingCards__four .invoicingCards__download {
  color: #D94204;
}
.invoicingCards.-unread {
  background: #fff;
}
.invoicingCards.-unread .invoicingCards__head .invoicingCards__isread .button__icon.invoicingCards__isread-button:hover {
  background-color: #FFD5B3;
}
.invoicingCards.-unread .invoicingCards__head .invoicingCards__isread .button__icon.invoicingCards__isread-button .read {
  display: block;
}
.invoicingCards.-unread .invoicingCards__head .invoicingCards__isread .button__icon.invoicingCards__isread-button .unread {
  display: none;
}
.invoicingCards.-unread .invoicingCards__head .invoicingCards__second {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.invoicingCards.-unread .invoicingCards__head .invoicingCards__second .content {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.invoicingCards.-empty {
  border-radius: 25px;
}
.invoicingCards.-collectivity .invoicingCards__head .invoicingCards__first {
  grid-template-columns: 1fr 20px;
}
.cardsTransverse__container {
  width: 100%;
}
virtual-scroller .spinner {
  margin: 0;
}
.filter {
  padding: 0 15px 37px;
  position: relative;
  z-index: 1;
  max-width: 1000px;
}
@media (min-width: 768px) {
  .filter {
    padding: 0;
  }
}
.filter .textfield,
.filter .select {
  height: 50px;
  display: flex;
}
.filter .textfield .select__label,
.filter .select .select__label {
  line-height: 50px;
  top: 0;
  display: flex;
  align-items: center;
}
.filter .dropdown {
  top: 50px;
  left: -1px;
  margin-left: 0;
  width: 100%;
  border: 1px solid #FF6F0D;
}
.filter .dropdown .dropdown__wrap {
  border-radius: 0 0 4px 4px;
}
.filter .dropdown .dropdown__wrap .dropdown__tooltip {
  border-top: 0;
}
.filter .filter__link {
  font-size: 14px;
  margin-top: 8px;
}
.filter .filter__link.-advanced {
  display: none;
}
.filter .filter__title {
  padding-top: 50px;
  padding-bottom: 5px;
}
.filter .filter__wrap {
  position: relative;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .filter .filter__wrap {
    display: flex;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #FF6F0D;
  }
}
.filter .filter__wrap.-advanced {
  display: none;
}
.filter .filter__wrap .-animate {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.filter .filter__wrap .filter__wrap-form {
  width: 100%;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .filter .filter__wrap .filter__wrap-form:first-child {
    min-width: 500px;
  }
}
.filter .filter__wrap .filter__wrap-form .textfield .textfield__field {
  font-size: 14px;
}
.filter .filter__wrap .filter__wrap-form .textfield .textfield__field::-moz-placeholder {
  font-size: 14px;
}
.filter .filter__wrap .filter__wrap-form .textfield .textfield__field::placeholder {
  font-size: 14px;
}
.filter .filter__wrap .filter__wrap-form .textfield:first-child .textfield__field:focus {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.filter .filter__wrap .filter__wrap-form .textfield,
.filter .filter__wrap .filter__wrap-form .select {
  font-size: 14px;
  margin-bottom: 12px;
}
.filter .filter__wrap .filter__wrap-form .textfield::-moz-placeholder, .filter .filter__wrap .filter__wrap-form .select::-moz-placeholder {
  font-size: 14px;
}
.filter .filter__wrap .filter__wrap-form .textfield::placeholder,
.filter .filter__wrap .filter__wrap-form .select::placeholder {
  font-size: 14px;
}
@media (min-width: 768px) {
  .filter .filter__wrap .filter__wrap-form .textfield,
.filter .filter__wrap .filter__wrap-form .select {
    border: 0;
    border-right: 1px solid #FF6F0D;
    border-radius: 0;
    background: transparent;
    height: 50px;
    margin-bottom: 0;
  }
}
.filter .filter__wrap .filter__wrap-form .textfield .select__label,
.filter .filter__wrap .filter__wrap-form .select .select__label {
  height: 50px;
  line-height: 50px;
}
.filter .filter__wrap .filter__wrap-form .textfield .select__icon,
.filter .filter__wrap .filter__wrap-form .textfield .button__icon,
.filter .filter__wrap .filter__wrap-form .select .select__icon,
.filter .filter__wrap .filter__wrap-form .select .button__icon {
  color: #969696;
  transition: all 250ms ease;
}
.filter .filter__wrap .filter__wrap-form .textfield .select__icon:hover,
.filter .filter__wrap .filter__wrap-form .textfield .button__icon:hover,
.filter .filter__wrap .filter__wrap-form .select .select__icon:hover,
.filter .filter__wrap .filter__wrap-form .select .button__icon:hover {
  color: #FF6F0D;
}
.filter .filter__wrap .filter__wrap-form .textfield .-animate,
.filter .filter__wrap .filter__wrap-form .select .-animate {
  top: 60px;
}
.filter .filter__wrap .filter__search {
  background: #FF6F0D;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 18px;
  padding: 10px 0;
  transition: all 250ms ease;
  margin: 0;
}
@media (min-width: 768px) {
  .filter .filter__wrap .filter__search {
    border-radius: 0 6px 6px 0;
    width: 50px;
    max-width: 50px;
    min-width: 50px;
    padding: 0;
  }
}
.filter .filter__wrap .filter__search:hover {
  background: #D94204;
}
.filter .filter__advanced {
  position: relative;
  top: 0;
  left: -1px;
  width: calc(100% + 2px);
  background: #fff;
  border-radius: 4px;
  padding: 15px;
  border: 1px solid #FF6F0D;
  z-index: 1;
}
@media (min-width: 1024px) {
  .filter .filter__advanced {
    padding: 40px 24px 24px 24px;
  }
}
.filter .filter__advanced .filter__advanced-wrap .filter__advanced-row {
  margin: 10px 0;
  display: block;
  align-items: flex-end;
}
@media (min-width: 1024px) {
  .filter .filter__advanced .filter__advanced-wrap .filter__advanced-row {
    display: flex;
    margin: 10px 20px;
  }
}
.filter .filter__advanced .filter__advanced-wrap .filter__advanced-row .dropdown {
  min-width: 1px;
}
@media (min-width: 768px) {
  .filter .filter__advanced .filter__advanced-wrap .filter__advanced-row .dropdown {
    top: 50px;
    font-size: 14px;
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .filter .filter__advanced .filter__advanced-wrap .filter__advanced-row .textfield .textfield__field {
    padding-top: 11px;
    padding-bottom: 10px;
  }
}
.filter .filter__advanced .filter__advanced-wrap .filter__advanced-row .label {
  display: block;
  color: #212121;
  font-size: 14px;
  margin-bottom: 4px;
  margin-top: 12px;
}
.filter .filter__advanced .filter__advanced-wrap .filter__advanced-row.-first {
  position: relative;
  z-index: 3;
}
.filter .filter__advanced .filter__advanced-wrap .filter__advanced-row.-two {
  position: relative;
  z-index: 2;
}
.filter .filter__advanced .filter__advanced-wrap .filter__advanced-close {
  cursor: pointer;
}
@media (min-width: 1024px) {
  .filter .filter__advanced .filter__advanced-wrap .filter__advanced-close {
    position: absolute;
    left: 59px;
    top: 20px;
  }
}
.filter .filter__advanced .filter__advanced-wrap .filter__advanced-close:hover .button {
  color: #FF6F0D;
}
.filter .filter__advanced .filter__advanced-button {
  position: relative;
  margin-top: 8px;
}
.filter .filter__advanced .filter__advanced-button.button {
  padding-left: 20px;
  padding-right: 30px;
}
.filter .filter__advanced .filter__advanced-button.button .button__icon {
  top: 0;
  font-size: 24px;
  margin-left: 0;
}
.filter.-business {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}
.filter.-business .filter__link {
  margin-top: 0;
}
.filter.-business .filter__wrap {
  display: grid;
  grid-template-columns: 1fr 0.6fr 0.6fr 50px;
  justify-content: flex-start;
}
@media (min-width: 1024px) {
  .filter.-business .filter__wrap .filter__wrap-form:first-child {
    min-width: 1px;
  }
}
.filter.-business .filter__advanced {
  padding: 15px;
}
.filter.-business .filter__advanced .filter__advanced-wrap {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
.filter.-business .filter__advanced .filter__advanced-wrap .filter__advanced-row {
  margin: 0;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
.filter.-business .filter__advanced .filter__advanced-wrap .filter__advanced-row.-first {
  grid-template-columns: 1fr 0.6fr 0.6fr;
}
.filter.-business .filter__advanced .filter__advanced-wrap .filter__advanced-row.-two {
  grid-template-columns: 0.8fr;
}
.filter.-business .filter__advanced .filter__advanced-wrap .filter__advanced-row .filter__advanced-col {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}
.filter.-business .filter__advanced .filter__advanced-wrap .filter__advanced-row .label {
  margin: 0;
}
.filter.-business .filter__advanced .filter__advanced-wrap .filter__advanced-close {
  position: relative;
  top: 0;
  left: 0;
}
.filter.-business .filter__advanced .filter__advanced-wrap .filter__advanced-close .button {
  padding: 0;
}
.filter.-business .filter__advanced .filter__advanced-wrap .filter__advanced-close .button .button__label {
  text-decoration: underline;
}
.filter.-business .filter__advanced .filter__advanced-button {
  margin: 0;
}
.popin {
  transition: all 250ms ease;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 800;
  overflow-x: hidden;
  overflow-y: auto;
}
.popin .popin__dialog {
  position: relative;
  z-index: 3;
  width: 100%;
  width: 100%;
  min-height: 100vh;
  margin: auto;
  box-shadow: 0px 4px 8px -2px rgba(20, 20, 20, 0.1), 0px 2px 4px -2px rgba(20, 20, 20, 0.06);
}
.popin .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popin .wrap.-s {
  max-width: 500px;
}
.popin .wrap.-m {
  max-width: 800px;
}
.popin .wrap.-l {
  max-width: 1000px;
}
.popin.-small .popin__dialog {
  max-width: 1000px;
}
@media (min-width: 768px) {
  .popin.-small .popin__dialog {
    margin: 30px auto;
    width: 90%;
    min-height: 1px;
    border-radius: 4px;
  }
}
.popin.-small .popin__dialog .popin__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.5px;
  min-height: 100vh;
  background: #fff;
  z-index: 3;
}
@media (min-width: 768px) {
  .popin.-small .popin__dialog .popin__wrap {
    min-height: 1px;
    background: transparent;
  }
}
.popin.-small .popin__dialog .popin__wrap .popin__header {
  outline: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 15px 15px;
  background: #FF6F0D;
  color: #fff;
}
@media (min-width: 768px) {
  .popin.-small .popin__dialog .popin__wrap .popin__header {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.popin.-small .popin__dialog .popin__wrap .popin__header .popin__title {
  font-size: 18px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.popin.-small .popin__dialog .popin__wrap .popin__header .popin__close {
  position: relative;
}
.popin.-small .popin__dialog .popin__wrap .popin__header .popin__close .button-popin-close {
  background: transparent;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  border-radius: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  transition: all 250ms ease;
}
.popin.-small .popin__dialog .popin__wrap .popin__header .popin__close .button-popin-close:hover {
  color: #212121;
}
.popin.-small .popin__dialog .popin__wrap .popin__header .popin__close .button-popin-close:focus {
  transform: scale(0.8);
}
.popin.-small .popin__dialog .popin__wrap .popin__body {
  padding: 8px;
  background: #fff;
  border-radius: 0 0 4px 4px;
}
@media (min-width: 768px) {
  .popin.-small .popin__dialog .popin__wrap .popin__body {
    padding: 2rem;
  }
}
.popin.-small .popin__dialog .popin__wrap .popin__body .popin__title {
  padding-bottom: 24px;
  line-height: 1.2;
  text-align: center;
  font-size: 24px;
  color: #212121;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.popin.-small .popin__dialog .popin__wrap .popin__body .popin__warning {
  margin-top: 32px;
  text-align: center;
  margin-bottom: 32px;
  position: relative;
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}
.popin.-small .popin__dialog .popin__wrap .popin__body .popin__warning .warning__label {
  font-size: 24px;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  display: block;
  margin-bottom: 24px;
}
.popin.-small .popin__dialog .popin__wrap .popin__body .popin__warning .warning__content {
  font-size: 16px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  color: #6B6D71;
  display: block;
}
.popin.-small .popin__dialog .popin__wrap .popin__body .popin__warning .warning__icon {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
  min-width: 60px;
  min-height: 60px;
  line-height: 60px;
  border-radius: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 35px;
  position: relative;
  top: -30px;
  background: #C80E15;
  color: #fff;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 54px;
}
.popin.-small .popin__dialog .popin__wrap .popin__body .popin__warning .button__wrap {
  margin-top: 64px;
}
.popin.-small .popin__dialog .popin__wrap .popin__body .popin__warning .button__wrap .radio.-button {
  margin-bottom: 12px;
}
.popin.-small .popin__dialog .popin__wrap .popin__body .popin__block {
  width: 100%;
  margin: 20px auto;
  text-align: center;
  border: 1px solid #FFBC89;
  border-radius: 4px;
  padding: 0 30px;
}
.popin.-small .popin__dialog .popin__wrap .popin__body .popin__block > div {
  padding: 30px 0;
  border-bottom: 1px solid #FFBC89;
}
.popin.-small .popin__dialog .popin__wrap .popin__body .popin__block > div:last-child {
  border-bottom: 0;
}
.popin.-small .popin__dialog .popin__wrap .popin__body .popin__block .popin__block-title {
  color: #212121;
  font-size: 18px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  margin-bottom: 24px;
}
.popin.-small .popin__dialog .popin__wrap .popin__body .popin__block .popin__block-content {
  margin-bottom: 24px;
}
.popin.-full {
  background: #fff;
}
.popin.-full .popin__dialog {
  box-shadow: 0 0 0 transparent;
}
.popin.-full .popin__dialog .popin__wrap .popin__header {
  background: #fff;
  display: grid;
  grid-template-columns: 100px 1fr 100px;
  align-items: center;
  padding: 0px 40px;
  width: 100%;
  margin: 0 auto;
  top: 0;
  left: 0;
  z-index: 1;
  border-bottom: 1px solid #FFBC89;
}
.popin.-full .popin__dialog .popin__wrap .popin__header .popin__title {
  font-size: 18px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
}
.popin.-full .popin__dialog .popin__wrap .popin__header .popin__logo {
  font-size: 70px;
  position: relative;
  top: 6px;
}
.popin.-full .popin__dialog .popin__wrap .popin__header .popin__close {
  text-align: right;
  position: relative;
}
.popin.-full .popin__dialog .popin__wrap .popin__header .popin__close .link {
  font-size: 12px;
  margin-right: 16px;
  display: none;
}
.popin.-full .popin__dialog .popin__wrap .popin__header .popin__close .button__icon {
  color: #212121;
}
.popin.-full .popin__dialog .popin__wrap .popin__header .popin__close .button__icon:hover {
  color: #FF6F0D;
}
.popin.-full .popin__dialog .popin__wrap .popin__header .popin__close .popin__close-overlay {
  position: absolute;
  top: 33px;
  right: 0;
  transform: scale(0);
  border-radius: 4px;
  background: #FFEFDC;
  width: 300px;
  padding: 10px;
  font-size: 14px;
  z-index: 1;
  transform-origin: right top;
}
.popin.-full .popin__dialog .popin__wrap .popin__header .popin__close .popin__close-overlay.-active {
  animation: closeoverlay 200ms linear forwards;
}
.popin.-full .popin__dialog .popin__wrap .popin__header .popin__close .popin__close-overlay.-off {
  animation: closeoverlay2 200ms linear forwards;
}
.popin.-full .popin__dialog .popin__wrap .popin__header .popin__close .popin__close-overlay::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #FFEFDC;
  transform: rotate(45deg);
  display: block;
  position: absolute;
  top: -5px;
  right: 10px;
}
.popin.-full .popin__dialog .popin__wrap .popin__header .popin__close .popin__close-overlay .label {
  margin-bottom: 12px;
}
.popin.-full .popin__dialog .popin__wrap .popin__header .popin__close .popin__close-overlay .button {
  margin: 0 25px 0 0;
  font-size: 14px;
}
.popin.-full .popin__dialog .popin__wrap .popin__header .popin__close .popin__close-overlay .button .button__icon {
  color: #FF6F0D;
}
.popin.-full .popin__dialog .popin__wrap .popin__body {
  max-width: 1000px;
  margin: auto;
}
.popin.-full .popin__dialog .popin__wrap .popin__body .popin__title > .sublabel {
  margin-top: 0;
  margin-bottom: 15px;
}
.popin.-full .popin__dialog .popin__wrap .popin__body .popin__title {
  padding: 60px 0 40px;
  font-size: 24px;
  color: #000;
  text-align: center;
}
.popin.-full .popin__dialog .popin__wrap .popin__body .popin__title .sublabel {
  font-size: 16px;
  margin-top: 4px;
}
.popin.-full .popin__dialog .popin__wrap .popin__body .popin__label {
  font-size: 16px;
}
.popin.-full .popin__dialog .popin__wrap .popin__body .popin__label p {
  margin: 10px 0 0 0;
}
.popin.-full .popin__dialog .popin__wrap .popin__body .messages.-endflux .messages__icon {
  top: 0;
}
.popin.-full .popin__dialog .popin__wrap .popin__body .messages.-error {
  margin-bottom: 32px;
}
.popin .c__benef-export {
  margin: 40px auto 0;
  display: block;
}
.popin .c__benef-export .messages.-endflux {
  text-align: center;
}
.popin .c__benef-export .messages.-endflux .messages__label {
  color: #000;
  text-align: center;
}
.popin .c__benef-export .messages.-endflux .messages__content {
  color: #000;
  text-align: center;
}
.popin .c__benef-export .radio.-button.-chooser.-switch {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}
.popin .c__benef-export .radio.-button.-chooser.-switch .radio__element {
  width: 100%;
}
.popin .c__envoi-doc .radio.-button.-chooser.-switch {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}
.popin .c__envoi-doc .radio.-button.-chooser.-switch .radio__element {
  width: 100%;
}
.popin.-full {
  background: #FFEFDC;
  transform: translateY(150%);
}
.popin.-full.-active {
  animation-name: openpopinfull;
  animation-duration: 600ms;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
.popin.-full.-off {
  animation-name: openpopinfull2;
  animation-duration: 600ms;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}
.main.-popinfull {
  animation: mainpopinfull 600ms ease forwards;
  transform-origin: center;
}
.main.-off {
  animation: mainpopinfull2 600ms ease forwards;
  transform-origin: center;
}
@keyframes openpopinfull {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  90% {
    opacity: 0.8;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes openpopinfull2 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  90% {
    opacity: 0.8;
  }
  100% {
    transform: translateY(150%);
    opacity: 0;
  }
}
@keyframes mainpopinfull {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes mainpopinfull2 {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes closeoverlay {
  0% {
    transform: scale(0);
  }
  90% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes closeoverlay2 {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0);
  }
}
.modal.-full.-on {
  animation: openpopinfull 400ms ease forwards;
}
.modal.-full.-claims .subheader.-connect.-hideHeader {
  display: none;
}
.modal.-full .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
.modal.-full .wrap.-s {
  max-width: 500px;
}
.modal.-full .wrap.-m {
  max-width: 800px;
}
.modal.-full .wrap.-l {
  max-width: 1000px;
}
.modal.-full .insideHeader .container {
  max-width: 1360px;
}
.modal.-full .insideHeader .container .wrapper {
  max-width: 100%;
  padding: 24px 0;
}
.modal.-full .messages.-endflux .messages__icon {
  margin: auto;
}
.modal.-full .messages.-endflux .messages__sublabel {
  text-align: center;
}
.modal .popin__dialog {
  border: 1px solid #FF6F0D;
}
.modal .modal__dialog {
  text-align: left;
  box-shadow: 0px 4px 8px -2px rgba(20, 20, 20, 0.1), 0px 2px 4px -2px rgba(20, 20, 20, 0.06);
}
.modal .modal__dialog .modal__extranet .radioBig .title__radio {
  text-align: left;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.modal .modal__dialog .modal__extranet .radioBig .radio.-big {
  justify-content: flex-start;
  margin: 0 -15px;
}
.modal .modal__dialog .modal__access {
  width: 100%;
  padding: 20px 0;
  position: relative;
}
.modal .modal__dialog .modal__access .-first {
  border-bottom: 1px solid #FFEFDC;
  margin: 20px 0;
  padding: 0 0 20px 0;
}
.modal .modal__dialog .modal__access .popin__block-button {
  margin-top: 15px;
}
.modal .modal__dialog .modal__access .popin__block-title {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.modal .modal__dialog .modal__access.-news .popin__block-title {
  font-size: 20px;
  color: #FF6F0D;
}
.modal .modal__dialog .modal__access.-bg {
  background: #FFEFDC;
  border-radius: 20px;
  padding: 24px;
  margin-top: 20px;
}
.modal .modal__dialog .news .news__block {
  margin-top: 16px;
  margin-bottom: 16px;
  background: #FFEFDC;
  border-radius: 10px;
  padding: 16px;
}
.modal .modal__dialog .news .news__title {
  margin-top: 24px;
  margin-bottom: 12px;
  color: #FF6F0D;
  font-size: 20px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.modal .modal__dialog .news .news__button {
  text-align: center;
  margin-top: 24px;
  margin-bottom: 24px;
}
.modal .modal__dialog .modal__content .news {
  text-align: left;
}
.modal .modal__dialog .modal__content .modal__subtitle {
  font-size: 18px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-align: center;
}
.modal .modal__dialog .modal__content .modal__user {
  margin-top: 64px;
  margin-bottom: 24px;
  text-align: center;
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content .modal__user {
    display: flex;
  }
}
.modal .modal__dialog .modal__content .modal__user .modal__label {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 8px;
  color: #212121;
}
.modal .modal__dialog .modal__content .modal__user .modal__button {
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content .modal__user .modal__button {
    position: absolute;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .modal .modal__dialog .modal__content.-access .modal__block {
    padding-bottom: 100px;
  }
}
.modal .modal__dialog .modal__content.-access .modal__button .button,
.modal .modal__dialog .modal__content.-access .modal__button app-button,
.modal .modal__dialog .modal__content.-access .modal__button app-cc2button {
  width: 90%;
}
.modal .modal__dialog .modal__benef {
  text-align: left;
}
.modal .modal__dialog .modal__benef .modal__benef-row {
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: flex-start;
  margin-bottom: 40px;
}
.modal .modal__dialog .modal__benef .modal__benef-row:last-child {
  margin-bottom: 0;
}
.modal .modal__dialog .modal__benef .modal__benef-row .ethias-h5 {
  margin: 14px 0 0 0;
}
.modal .modal__dialog .modal__benef .modal__benef-row .modal__benef-icon {
  font-size: 30px;
  background: #FF6F0D;
  border-radius: 100%;
  color: #fff;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  transform: scale(0.8);
  transform-origin: center;
}
.modal .modal__dialog.-big.-on {
  animation: modalopenBig 500ms ease forwards;
}
.modal .modal__dialog.-big.-off {
  animation: modalopenoffBig 500ms ease;
}
.modal .modal__dialog.-big .modal__dialog {
  max-width: none;
  background: #FF6F0D;
  margin-top: 0;
  margin-bottom: 0;
}
.modal .modal__dialog.-big .modal__wrap .modal__header {
  justify-content: flex-end;
}
.modal .modal__dialog.-big .modal__wrap .modal__body .modal__content {
  color: #fff;
  text-align: left;
}
.modal .modal__dialog.-big .modal__wrap .modal__body .modal__content .title {
  font-size: 35px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.modal .modal__dialog.-big .modal__wrap .modal__body .modal__content .modal__form .row {
  margin-bottom: 10px;
}
.modal .modal__dialog.-big .modal__wrap .modal__body .modal__content .modal__form .row .label {
  margin-bottom: 4px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  display: block;
}
.modal .modal__dialog.-big .modal__wrap .modal__body .modal__content .modal__form .row .messages.-warning {
  background: transparent;
  color: #fff;
  padding-left: 0;
}
.modal .modal__dialog.-big .modal__wrap .modal__body .modal__content .radio.-button .radio__element .radio__label {
  color: #fff;
}
.modal .modal__dialog.-big .modal__wrap .modal__body .modal__content .radio.-button .radio__element.-is-checked {
  background: #fff;
}
.modal .modal__dialog.-big .modal__wrap .modal__body .modal__content .radio.-button .radio__element.-is-checked .radio__label {
  color: #FF6F0D;
}
.modal .modal__dialog.-big .modal__wrap .modal__body .action .button.-link {
  color: #fff;
}
.modal.-full .modal__dialog {
  box-shadow: 0 0 0 transparent;
  background-color: #FFFaf6;
}
.modal.-full .breadcrumb.-connect .breadcrumb-container {
  max-width: 100%;
}
.modal.-full .fullmodal__title {
  padding: 60px 0 40px;
  font-size: 24px;
  color: #212121;
  text-align: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.modal__overlay {
  background: rgba(255, 255, 255, 0.8);
}
.modal.-full {
  overflow: hidden;
}
.modal.-full .action.-left {
  align-items: flex-start;
}
.modal.-full .wrapper {
  padding: 0 15px;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.modal.-full .fullmodal__body .breadcrumb.-connect .fullmodal__body {
  padding-top: 0;
  padding-bottom: 0;
}
.modal.-full .fullmodal__body .fullmodal__title > .sublabel {
  margin-top: 0;
  margin-bottom: 15px;
}
.modal.-full .fullmodal__body .fullmodal__title .sublabel {
  font-size: 16px;
  margin-top: 4px;
}
.modal.-full .fullmodal__body .accordion.-cards .accordion-group-wrap .accordion-group {
  margin: 0;
  box-shadow: 0 0 0 transparent;
  border-radius: 10px;
  border: 1px solid #FFD5B3;
}
.modal.-full .fullmodal__body .accordion .accordion__element.-add {
  box-shadow: 0 0 0 transparent;
}
.modal.-full .fullmodal__body .accordion .accordion__element.-add .accordion__head {
  box-shadow: 0 0 0 transparent;
  border: 1px dashed;
  border-color: #FFD5B3;
  border-radius: 10px;
}
.modal.-full .fullmodal__body .accordion .accordion__element.-add .accordion__head:hover {
  border-color: #FF6F0D;
}
.modal.-full .fullmodal__body .accordion .accordion__link {
  color: #FF6F0D;
}
.modal.-full .fullmodal__body .accordion .accordion__link .link__label {
  color: #FF6F0D;
}
.modal.-full .messages.-endflux .messages__label,
.modal.-full .messages.-endflux .messages__content,
.modal.-full .messages.-endflux p {
  text-align: center;
}
.nav {
  position: relative;
  width: 100%;
}
.nav .nav__list {
  padding: 0;
  margin: 0;
  display: flex;
  grid-gap: 4px;
  gap: 4px;
  justify-content: space-between;
  text-align: center;
}
@media (min-width: 768px) {
  .nav .nav__list {
    width: 100%;
  }
}
.nav .nav__list .nav__item {
  padding: 0;
  width: 100%;
  list-style: none;
  position: relative;
  flex: 1;
}
.nav .nav__list .nav__item .nav__link {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  position: relative;
  border-radius: 8px 8px 0 0;
  text-align: center;
  font-size: 14px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  transition: all 250ms ease;
}
.nav .nav__list .nav__item .nav__link .nav__label {
  line-height: 60px;
  text-decoration: none;
  display: block;
  color: #000;
  white-space: nowrap;
}
.nav .nav__list .nav__item:hover .nav__link {
  background: #FFEFDC;
}
.nav .nav__list .nav__item.-active .nav__link {
  background: #fff;
}
.nav .nav__list .nav__item.-active .nav__link .nav__label {
  color: #FF6F0D;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.nav .nav__list .nav__item.-extranet .nav__link {
  background: #FF6F0D;
  transform: translateX(0);
}
.nav .nav__list .nav__item.-extranet .nav__link .nav__label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.nav .nav__list .nav__item.-extranet .nav__link .nav__label:after {
  content: "";
  margin-left: 8px;
  font-size: 20px;
}
.nav .nav__list .nav__item.-extranet .nav__link:hover {
  transform: translateX(10px);
}
.nav .nav__list .nav__item.-lock .nav__label {
  opacity: 0.5;
}
.nav .nav__list .nav__item.-lock .nav__label::before {
  content: "";
  margin-right: 8px;
}
.nav .nav__list .nav__item.-lock.-active .nav__label {
  opacity: 1;
}
.insideCard {
  color: #212121;
  border-radius: 20px;
  padding: 0 15px 25px;
  margin-bottom: 15px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.insideCard .insideCard__block {
  position: relative;
  display: block;
  background: #fff;
  border: 1px solid #FF6F0D;
  border-radius: 20px;
  padding: 30px 50px;
  margin-bottom: 16px;
}
.insideCard .insideCard__row {
  transition: all 250ms ease;
}
.insideCard .insideCard__row .insideCard__header {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
.insideCard .insideCard__row .insideCard__header .insideCard__icon {
  color: #FF6F0D;
  width: 40px;
  text-align: center;
  font-size: 20px;
  position: relative;
}
@media (min-width: 1024px) {
  .insideCard .insideCard__row .insideCard__header .insideCard__icon {
    width: 61px;
  }
}
.insideCard .insideCard__row .insideCard__header .insideCard__title {
  color: #FF6F0D;
  font-size: 18px;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.insideCard .insideCard__row .insideCard__content {
  line-height: 1.5;
  position: relative;
  display: grid;
}
.insideCard .insideCard__row .insideCard__content .insideCard__address span {
  display: block;
}
.insideCard .insideCard__row .insideCard__content .insideCard__extranet-visu {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-height: 130px;
}
.insideCard .insideCard__row .insideCard__content .insideCard__extranet-visu.-babette {
  background-image: url("/content/dam/B2C/customerzone/connect/babette.png");
}
.insideCard .insideCard__row .insideCard__content .insideCard__extranet-visu.-mp {
  background-image: url("/content/dam/B2C/customerzone/connect/mp/mp.png");
}
.insideCard .insideCard__row .insideCard__content .insideCard__extranet-visu.-gaspard {
  background-image: url("/content/dam/B2C/customerzone/connect/gaspard.png");
}
.insideCard .insideCard__row .insideCard__content .insideCard__extranet-visu.-icon {
  font-size: 100px;
  color: #FF6F0D;
  text-align: center;
}
.insideCard .insideCard__row .insideCard__content .insideCard__list .insideCard__item {
  margin-bottom: 12px;
}
.insideCard .insideCard__row .insideCard__content .insideCard__list .insideCard__item .insideCard__element span {
  padding-right: 4px;
}
.insideCard .insideCard__row .insideCard__content .insideCard__list .insideCard__item .insideCard__element p {
  margin: 0;
}
.insideCard .insideCard__row .insideCard__content .insideCard__list .insideCard__item .insideCard__element .title {
  color: #FF6F0D;
  font-size: 18px;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  margin-bottom: 12px;
}
.insideCard .insideCard__row .insideCard__content .insideCard__list .insideCard__item .insideCard__element .label {
  font-size: 12px;
}
.insideCard .insideCard__row .insideCard__content .insideCard__list .insideCard__item .insideCard__element .sublabel {
  font-size: 16px;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.insideCard .insideCard__row .insideCard__content .insideCard__list .insideCard__item .insideCard__element .messages.-plate {
  margin-top: 4px;
}
.insideCard .insideCard__row .insideCard__content .insideCard__list .insideCard__item .insideCard__element .com-valid {
  color: #31933E;
  font-size: 18px;
  margin-right: 8px;
}
.insideCard .insideCard__row .insideCard__content .insideCard__list .insideCard__item .link {
  font-size: 12px;
}
.insideCard .insideCard__row .insideCard__content .insideCard__list .insideCard__item .link.-phone {
  font-size: 16px;
}
.insideCard .insideCard__row .insideCard__content .insideCard__list .insideCard__item .link.-phone span {
  text-decoration: underline;
}
.insideCard .insideCard__row .insideCard__content .insideCard__list .insideCard__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.insideCard .insideCard__row .insideCard__content .insideCard__buttons {
  margin-top: 12px;
}
.insideCard .insideCard__row .insideCard__content .insideCard__buttons .button {
  width: 100%;
  margin-bottom: 12px;
  padding-left: 8px;
  padding-right: 8px;
}
.insideCard .insideCard__row .insideCard__more {
  font-size: 12px;
  margin-top: 24px;
}
.insideCard .-mp {
  flex-direction: column;
  align-items: flex-start;
}
.insideCard .-mp .insideCard__row .insideCard__content {
  padding-left: 260px;
}
@media (min-width: 1024px) {
  .insideCard .-mp .insideCard__row .insideCard__content .insideCard__extranet-visu.-ethi {
    left: 0;
    height: 200px;
    top: -70px;
  }
}
.insideCard .-mp .insideCard__row .insideCard__content .insideCard__title {
  color: #212121;
  font-size: 18px;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.insideCard .-mp .insideCard__row .insideCard__content .insideCard__subtitle {
  margin-top: 24px;
  color: #FF6F0D;
  font-size: 18px;
}
.insideCard .-mp .insideCard__cards-wrap.card__wrap.-icon {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: stretch;
  grid-gap: 20px;
  gap: 20px;
}
.insideCard .-mp .insideCard__cards-wrap.card__wrap.-icon .app-card {
  margin: 0;
}
.insideCard .-mp .insideCard__cards-wrap.card__wrap.-icon .app-card .card__block .card {
  padding: 0;
  width: auto;
  height: 100%;
  position: relative;
  overflow: visible;
  box-shadow: 0 0 0 transparent;
  transform: translateY(0);
}
.insideCard .-mp .insideCard__cards-wrap.card__wrap.-icon .app-card .card__block .card::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background: #fff;
  box-shadow: 0 15px 40px 0 rgba(217, 229, 240, 0.5);
  border-radius: 20px;
  transition: all 250ms ease;
  transform: scale(1);
}
.insideCard .-mp .insideCard__cards-wrap.card__wrap.-icon .app-card .card__block .card .card__container {
  position: relative;
  z-index: 1;
  padding: 20px;
}
.insideCard .-mp .insideCard__cards-wrap.card__wrap.-icon .app-card .card__block .card .card__container .card__imagesrc {
  height: 100px;
}
.insideCard .-mp .insideCard__cards-wrap.card__wrap.-icon .app-card .card__block .card .card__container .card__imagesrc img {
  height: 100%;
}
.insideCard .-mp .insideCard__cards-wrap.card__wrap.-icon .app-card .card__block .card .card__container .card__content .card__label {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  transition: all 250ms ease;
}
.insideCard .-mp .insideCard__cards-wrap.card__wrap.-icon .app-card .card__block .card:hover {
  transform: translateY(-10px);
}
.insideCard .follow .insideCard__row {
  padding: 0;
}
.insideCard .follow .insideCard__row .insideCard__content .insideCard__element span {
  padding-right: 4px;
}
.insideCard .follow .insideCard__row .insideCard__content .insideCard__element p {
  margin: 0;
}
.insideCard .follow .insideCard__row .insideCard__content .insideCard__element .insideCard__title {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #212121;
}
@media (min-width: 768px) {
  .insideCard .follow .insideCard__row .insideCard__content .insideCard__element .insideCard__title {
    font-size: 22px;
  }
}
.password {
  padding-top: 64px;
  padding-bottom: 64px;
}
.password .insideCard__block {
  max-width: 468px;
  margin: 0 auto;
  padding: 1px;
}
.password .insideCard__block .insideCard__form {
  padding: 24px;
}
.password .insideCard__action {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 24px;
}
.password .insideCard__footer {
  padding: 16px;
  font-size: 14px;
  text-align: center;
  border-radius: 0 0 4px 4px;
  margin: 0;
}
.password .insideCard__footer ul {
  margin: 0;
  text-align: left;
  font-size: 14px;
  padding: 10px 30px;
}
.password .insideCard__footer ul li {
  margin: 5px 0;
}
.details .insideCard .insideCard__block {
  padding-bottom: 0;
}
.details .insideCard .insideCard__block .insideCard__row .insideCard__content .insideCard__list {
  display: flex;
  flex-wrap: wrap;
}
.details .insideCard .insideCard__block .insideCard__row .insideCard__content .insideCard__list .insideCard__item {
  width: 30%;
  margin-bottom: 32px;
}
.insideHeader {
  background: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 1024px) {
  .insideHeader {
    height: auto;
    box-shadow: 0 0 0 transparent;
  }
}
.insideHeader .wrapper {
  display: grid;
  grid-template-columns: 60px 1fr 100px;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
  grid-gap: 10px;
  gap: 10px;
}
.insideHeader .wrapper .insideHeader__visu {
  width: 60px;
  height: 60px;
  background-color: #089EDD;
  border-radius: 8px;
  position: relative;
}
.insideHeader .wrapper .insideHeader__visu::before {
  content: "";
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(133deg) brightness(102%) contrast(108%);
  width: 60px;
  height: 60px;
  display: block;
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.insideHeader .wrapper .insideHeader__visu.-auto::before {
  background-image: url(/content/dam/B2C/customerzone/products/icons/auto.svg);
}
.insideHeader .wrapper .insideHeader__content {
  position: relative;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  order: 3;
}
@media (min-width: 768px) {
  .insideHeader .wrapper .insideHeader__content {
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    width: 100%;
    top: 0;
    order: 2;
  }
}
.insideHeader .wrapper .insideHeader__content .first .insideHeader__label {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  color: #212121;
  font-size: 20px;
  line-height: 1;
}
.insideHeader .wrapper .insideHeader__content .first .insideHeader__sublabel {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
  font-size: 14px;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .insideHeader .wrapper .insideHeader__content .first .insideHeader__sublabel {
    font-size: 16px;
    display: flex;
    align-items: center;
    grid-gap: 6px;
    gap: 6px;
    flex-wrap: wrap;
  }
}
.insideHeader .wrapper .insideHeader__content .first .insideHeader__sublabel p {
  margin-top: 0;
  margin-bottom: 0;
}
.insideHeader .wrapper .insideHeader__content .first .insideHeader__sublabel p::after {
  margin-left: 8px;
  margin-right: 8px;
}
@media (min-width: 768px) {
  .insideHeader .wrapper .insideHeader__content .first .insideHeader__sublabel p::after {
    content: "|";
  }
}
.insideHeader .wrapper .insideHeader__content .first .insideHeader__sublabel p:last-child::after {
  display: none;
}
.insideHeader .wrapper .insideHeader__content .second {
  position: relative;
  margin-top: 4px;
}
@media (min-width: 375px) {
  .insideHeader .wrapper .insideHeader__content .second {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .insideHeader .wrapper .insideHeader__content .second {
    margin-top: 0;
  }
}
.insideHeader .wrapper .insideHeader__content .second .insideHeader__phone {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-right: 16px;
  margin-bottom: 12px;
}
@media (min-width: 375px) {
  .insideHeader .wrapper .insideHeader__content .second .insideHeader__phone {
    margin-bottom: 0;
  }
}
.insideHeader .wrapper .insideHeader__content .second .insideHeader__phone .insideHeader__icon {
  margin-right: 8px;
}
.insideHeader .wrapper .insideHeader__content .second .insideHeader__status {
  display: flex;
  align-items: center;
}
.insideHeader .wrapper .insideHeader__content .second .insideHeader__status .insideHeader__status-info {
  margin-right: 12px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #6B6D71;
}
.insideHeader .wrapper .insideHeader__content .second .insideHeader__status .messages {
  font-size: 12px;
  white-space: nowrap;
}
.insideHeader .wrapper .insideHeader__close {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #212121;
  padding: 8px;
  font-size: 12px;
  order: 3;
  transition: color ease 250ms;
}
.insideHeader .wrapper .insideHeader__close .link.-primary {
  color: #212121;
  position: relative;
  margin-right: 12px;
  top: -1px;
}
.insideHeader .wrapper .insideHeader__close:hover {
  color: #FF6F0D;
}
.insideHeader .wrapper .insideHeader__close:hover .link.-primary {
  color: #FF6F0D;
}
.insideHeader.-close {
  background-image: url("/content/dam/B2C/customerzone/connect/pattern.png");
}
.insideHeader.-close .wrapper .insideHeader__product {
  opacity: 0.7;
}
.insideHeader.-close .wrapper .insideHeader__content {
  opacity: 0.7;
  color: #212121;
}
.insideHeader.-close .wrapper .insideHeader__content .messages.-tag {
  background: #212121;
}
.filterTitle {
  background: #fff;
  transition: all 0;
  padding: 50px 15px;
  z-index: 2;
  left: 0;
  width: 100%;
  position: relative;
  top: 0;
}
.filterTitle .button,
.filterTitle .link {
  font-size: 14px;
}
.filterTitle .container {
  position: relative;
}
.filterTitle .container.-search {
  z-index: 0;
}
.filterTitle .filterTitle__container {
  display: flex;
  align-items: center;
  padding: 20px;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .filterTitle .filterTitle__container {
    flex-wrap: nowrap;
    padding: 0 15px;
  }
}
.filterTitle .filterTitle__container .filterTitle__h1 {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 30px;
  color: #212121;
}
.filterTitle .filterTitle__container .filterTitle__action {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .filterTitle .filterTitle__container .filterTitle__action {
    flex-wrap: nowrap;
    padding: 0;
  }
}
.filterTitle .filterTitle__container .filterTitle__action .-action {
  margin-right: 24px;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .filterTitle .filterTitle__container .filterTitle__action .-action {
    margin-bottom: 0;
  }
}
.filterTitle .filterTitle__container .filterTitle__action .dropdown {
  text-align: left;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.filterTitle .filterTitle__container .radio.-group .radio__label {
  white-space: nowrap;
}
.error {
  padding-top: 64px;
  padding-bottom: 64px;
}
.error .container {
  margin: 0 auto;
  text-align: center;
}
.error .container .error__icon {
  font-size: 65px;
  margin-bottom: 24px;
  color: #FF6F0D;
}
.error .container .error__h1 {
  font-size: 20px;
  margin-bottom: 24px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.error .container .error__h2 {
  font-size: 16px;
}
.error .container p {
  line-height: 1.3;
  font-size: 14px;
}
.insideNav {
  background: #FFD5B3;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #fff;
  max-width: 100%;
}
@media (max-width: 768px) {
  .insideNav {
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
@media (min-width: 768px) {
  .insideNav {
    display: block;
  }
}
.insideNav .wrapper .insideNav__list {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  grid-gap: 12px;
  gap: 12px;
}
.insideNav .wrapper .insideNav__list .insideNav__item {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.insideNav .wrapper .insideNav__list .insideNav__item .insideNav__link {
  display: block;
  white-space: nowrap;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 12px;
  padding-left: 12px;
  color: #FF6F0D;
  font-size: 14px;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  transition: all 250ms ease;
}
.insideNav .wrapper .insideNav__list .insideNav__item.-active .insideNav__link, .insideNav .wrapper .insideNav__list .insideNav__item:hover .insideNav__link {
  background: #FF6F0D;
  color: #fff;
}
.insideNav .wrapper .insideNav__list .insideNav__item.-active {
  display: block;
}
.insideNav .wrapper .insideNav__list .insideNav__item.-active .insideNav__link {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.c__details {
  padding: 40px 15px;
  display: block;
  margin: 0 auto;
}
.c__details .c__details-container.-ghost {
  margin-bottom: 0;
}
.c__details .c__details-container.-ghost .c__details-row {
  box-shadow: 0 0 0 transparent;
  cursor: default;
  background: transparent;
}
.c__details .c__details-container .c__details-title {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 30px;
  color: #212121;
}
.c__details .c__details-container .c__details-row {
  border-radius: 20px;
  background: #fff;
  display: flex;
  align-items: flex-start;
  padding: 35px 50px;
  margin: 0 auto 30px;
  position: relative;
}
.c__details .c__details-container .c__details-row.-ghost {
  box-shadow: 0 0 0 transparent;
  background: none;
}
.c__details .c__details-container .c__details-row .c__details-col {
  padding-right: 100px;
  width: 37%;
  padding-left: 20px;
}
.c__details .c__details-container .c__details-row .c__details-col:first-child {
  width: 33%;
}
.c__details .c__details-container .c__details-row .c__details-col:last-child {
  width: 30%;
  padding-right: 0;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-title {
  font-size: 18px;
  color: #FF6F0D;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  margin-bottom: 20px;
  position: relative;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-title::before {
  color: #FF6F0D;
  position: absolute;
  left: -33px;
  top: -4px;
  font-size: 22px;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-title.-details::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-title.-risk::before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-title.-doc::before {
  content: "";
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-title.-user::before {
  content: "";
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-list {
  margin-bottom: 30px;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-list .c__details-item {
  margin-bottom: 10px;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-list .c__details-item:last-child {
  margin-bottom: 0;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-list .c__details-item .label {
  font-size: 14px;
  opacity: 0.8;
  display: block;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-list .c__details-item .sublabel {
  display: block;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-list .c__details-item .link.-pre {
  position: relative;
  display: inline-grid;
  align-items: baseline;
  text-decoration: none;
  grid-template-columns: 30px auto 80px;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-list .c__details-item .link.-pre .link__icon {
  position: relative;
  top: 0;
  margin-top: 0;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-list .c__details-item .link.-pre .link__icon::before {
  font-size: 16px;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-list .c__details-item .link.-pre .link__label {
  padding-left: 0;
  max-width: 100%;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-list .c__details-item .link.-pre .c__details-list-link {
  display: flex;
  align-items: baseline;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-list .c__details-item .c__details-enum {
  display: inline-block;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-list .c__details-item .c__details-enum::after {
  content: "-";
  padding: 0 8px;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-list .c__details-item .c__details-data {
  display: inline-block;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-list.-enum .c__details-item {
  display: flex;
  align-items: flex-start;
}
.c__details .c__details-container .c__details-row .c__details-col .c__details-list:last-child {
  margin-bottom: 0;
}
.c__details .c__details-container .c__details-row:last-child {
  margin-bottom: 0;
}
.c__details .c__details-container .c__details-row.-sds {
  display: grid;
  grid-gap: 80px;
  gap: 80px;
  grid-template-columns: 200px 300px 2fr;
}
.c__details .c__details-container .c__details-row.-sds .c__details-col {
  width: 100%;
  padding-right: 0;
}
.c__details .c__details-container .c__details-row.-sds .link.-pre .link__icon::before {
  font-size: 18px;
}
.c__details .c__details-container .c__details-row.-sds .link.-pre .link__label {
  padding-left: 30px;
}
.c__details .c__details-container .c__details-row.-sds .link.-pre .link__sublabel {
  padding-left: 6px;
  text-decoration: none;
  font-size: 12px;
  color: #6B6D71;
}
.c__details .c__details-container .c__details-search {
  margin: 30px auto;
  max-width: 900px;
}
.c__details .c__details-container .c__details-search .messages.-error {
  margin-top: 20px;
}
.c__details .c__details-container .c__details-search .textfield .button__icon {
  color: #FF6F0D;
  padding: 0;
}
.c__details .c__details-container .sdshistory .c__details-row {
  flex-direction: column;
  grid-gap: 32px;
  gap: 32px;
  padding-left: 30px;
  padding-right: 30px;
}
.c__details .c__details-container .sdshistory .c__details-row.-ghost {
  margin-bottom: 0;
  grid-gap: 0;
  gap: 0;
  padding-top: 0;
  padding-bottom: 40px;
}
.c__details .c__details-container .sdshistory .c__details-row.-ghost .c__details-wrap {
  cursor: default;
  border-bottom: 0;
  padding: 0;
}
.c__details .c__details-container .sdshistory .c__details-row.-ghost .c__details-wrap::before {
  display: none;
}
.c__details .c__details-container .sdshistory .c__details-row.-ghost .textfield.textfield__date .textfield__field {
  padding-left: 0;
  padding-right: 0;
}
.c__details .c__details-container .sdshistory .c__details-wrap {
  cursor: pointer;
  display: grid;
  align-items: flex-start;
  grid-template-columns: 200px 1fr 2fr 100px;
  grid-gap: 16px;
  gap: 16px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  color: #000;
  transition: color 250ms ease;
  position: relative;
}
.c__details .c__details-container .sdshistory .c__details-wrap::before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  border-bottom: 1px solid #FF6F0D;
  position: absolute;
  left: 0;
  bottom: -16px;
}
.c__details .c__details-container .sdshistory .c__details-wrap:last-child {
  border-bottom: 0;
}
.c__details .c__details-container .sdshistory .c__details-wrap:last-child::before {
  display: none;
}
.c__details .c__details-container .sdshistory .c__details-wrap .sdshistory__content.-icon {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
}
.c__details .c__details-container .sdshistory .c__details-wrap .sdshistory__content.-icon .icon {
  font-size: 18px;
}
.c__details .c__details-container .sdshistory .c__details-wrap .sdshistory__content.-link {
  text-align: right;
}
.c__details .c__details-container .sdshistory .c__details-wrap .textfield .textfield__field {
  padding-top: 15px;
  padding-bottom: 15px;
}
.c__details .c__details-container .sdshistory .c__details-wrap .textfield .textfield__field.textfield__date {
  padding-left: 0;
  padding-right: 0;
}
.c__details .c__details-container .sdshistory .c__details-wrap .textfield .textfield__icon {
  font-size: 18px;
  color: #6B6D71;
}
.c__details .c__details-container .sdshistory .c__details-wrap .textfield .textfield__icon:hover {
  color: #FF6F0D;
}
.c__details .c__details-container .sdshistory .c__details-wrap:hover {
  color: #FF6F0D;
}
.c__details .c__details-container .sdshistory .c__details-wrap:hover .icon__download {
  transform: scale(1.2);
}
.c__details .c__details-container .sdshistory .c__details-wrap.sdshistory__search .messages.-error {
  position: absolute;
  left: 0;
  top: 56px;
}
.c__details .c__details-container .sdshistory .c__details-wrap.sdshistory__search .sdshistory__search-holder {
  position: relative;
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
}
.c__details .c__details-container .sdshistory .c__details-wrap.sdshistory__search .sdshistory__search-holder .tooltip {
  width: 200px;
}
.c__details .c__details-container .sdshistory .c__details-wrap.sdshistory__search .sdshistory__search-date {
  position: relative;
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
}
.c__details .c__details-container .sdshistory .c__details-wrap.sdshistory__search .sdshistory__search-date .tooltip.-left {
  top: 30px;
  left: -15px;
}
.c__details .c__details-container .sdshistory .c__details-wrap.sdshistory__search .tooltip {
  width: 300px;
}
.c__details .c__details-container .sdshistory .c__details-wrap.sdshistory__search .sdshistory__search-desc {
  position: relative;
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
}
.c__details .c__details-container .sdshistory .c__details-wrap.sdshistory__search .sdshistory__search-button {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.c__details .c__details-container .sdshistory .c__details-wrap.sdshistory__search .sdshistory__search-button .sdshistory__search-refresh {
  position: absolute;
  right: -46px;
  top: 8px;
}
.c__details .c__details-container .sdshistory .c__details-wrap.-noclick {
  pointer-events: none;
}
.c__details.-summary .c__details-container {
  max-width: 1360px;
}
.c__details.-doc {
  padding-left: 0;
  padding-right: 0;
}
.c__details.-doc .c__details-container {
  display: grid;
  grid-template-columns: 1fr 0.7fr;
  grid-gap: 50px;
  gap: 50px;
}
.c__details.-doc .list {
  padding: 0 0 25px 0;
}
.c__details.-doc .list .textfield {
  border-radius: 20px;
  display: grid;
  grid-template-columns: 40px 1fr;
}
.c__details.-doc .list .textfield .textfield__field {
  padding-top: 24px;
  padding-bottom: 24px;
}
.c__details.-doc .list .textfield .button__icon {
  text-align: right;
}
.c__details.-doc .list .c__details-row {
  padding: 25px;
  margin-bottom: 15px;
  cursor: pointer;
}
.c__details.-doc .list .c__details-row .c__details-col {
  width: 100%;
  padding-left: 0;
}
.c__details.-doc .list .c__details-row .c__details-col .c__details-doc {
  padding-right: 60px;
  display: flex;
}
.c__details.-doc .list .c__details-row .c__details-col .c__details-doc::before {
  content: "";
  margin-right: 15px;
}
.c__details.-doc .list .c__details-row .c__details-col .c__details-doc-icon:before {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
  width: 32px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  position: absolute;
  right: 25px;
  font-size: 32px;
  top: 50%;
  margin-top: -16px;
  transform-origin: center;
  transition: all 250ms ease;
}
.c__details.-doc .list .c__details-row:hover {
  box-shadow: 0 0 0 transparent;
}
.c__details.-doc .list .c__details-row:hover .c__details-doc-icon::before {
  color: #D94204;
}
.c__details.-doc .paginer {
  margin-top: 50px;
}
.c__details.-doc .insideCard {
  padding-top: 170px;
}
.c__details.-doc .insideCard .insideCard__block {
  min-height: 1px;
  box-shadow: 0 0 0 transparent;
}
.c__details.-doc .insideCard .insideCard__block .insideCard__row .insideCard__element {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
.c__details.-doc .insideCard .insideCard__block .insideCard__content {
  padding: 0;
}
.c__details.-risk .c__details-title {
  margin-bottom: 30px;
}
.c__details.-risk .risk {
  width: 70%;
  max-width: 900px;
}
.c__details.-risk .risk .c__details-row {
  display: block;
}
.c__details.-risk .risk .c__details-wrap {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #FF6F0D;
}
.c__details.-risk .risk .c__details-wrap:first-child {
  padding-top: 0;
}
.c__details.-risk .risk .c__details-wrap:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.c__details.-risk .risk .c__details-wrap.-title {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.c__details.-risk .risk .c__details-col {
  padding: 0;
}
.c__details.-risk .risk .c__details-col.-first {
  width: 150px;
  text-align: center;
}
.c__details.-risk .risk .c__details-col.-second {
  width: calc(100% - 150px);
}
.c__details.-risk .risk .c__details-col .c__details-status {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  background: #FF6F0D;
  border-radius: 100%;
  margin: 0 auto;
}
.c__details.-risk .risk .c__details-col .c__details-status.-on {
  background: #31933E;
}
.c__details.-risk .paginer {
  margin-top: 50px;
}
.c__details .c__benef-search .c__details-container .c__details-row .c__details-col {
  padding: 0;
  width: 100%;
}
.c__details .c__benef-search .c__details-container .c__details-row .c__details-col .c__benef-search-table {
  display: flex;
  align-items: flex-start;
  grid-gap: 16px;
  gap: 16px;
}
.c__details .c__benef-search .c__details-container .c__details-row .c__details-col .c__benef-search-refresh {
  padding-top: 8px;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
}
.c__details .c__benef-search .c__details-container .c__details-row .c__details-col .c__benef-search-refresh .-animateX.-off {
  transform: translateX(-15px);
}
.c__details .c__trick {
  opacity: 0.8;
  font-size: 14px;
}
.c__details .c__benef-table {
  margin-top: 40px;
  display: grid;
  grid-gap: 20px;
  gap: 20px;
}
.c__details .c__benef-table .c__details-container:hover .c__details-row {
  box-shadow: 0 0 0 transparent;
}
.c__details .c__benef-table .c__details-container .c__details-row {
  cursor: pointer;
  transition: box-shadow 250ms ease;
  display: grid;
  grid-template-columns: 1fr 150px;
  grid-gap: 40px;
  gap: 40px;
  font-size: 14px;
  padding: 20px 50px;
  align-items: center;
}
.c__details .c__benef-table .c__details-container .c__details-row.-unclick {
  cursor: default;
}
.c__details .c__benef-table .c__details-container .c__details-row .button {
  padding-left: 20px;
  padding-right: 20px;
}
.c__details .c__benef-table .c__details-container .c__details-row .button.-pre {
  justify-content: center;
}
.c__details .c__benef-table .c__details-container .c__details-row .c__details-col {
  padding: 0;
  width: 100%;
}
.c__details .c__benef-table .c__details-container .c__details-row .c__details-col .c__benef-table-table .c__benef-table-row {
  display: grid;
  grid-template-columns: 20px repeat(2, 1fr) 150px 100px 80px 200px;
  grid-gap: 16px;
  gap: 16px;
  margin-bottom: 16px;
  color: #4A4A4A;
}
.c__details .c__benef-table .c__details-container .c__details-row .c__details-col .c__benef-table-table .c__benef-table-row:last-child {
  margin-bottom: 0;
}
.c__details .c__benef-table .c__details-container .c__details-row .c__details-col .c__benef-table-table .c__benef-table-row .c__benef-table-col {
  display: flex;
  align-items: flex-start;
  position: relative;
  color: #969696;
}
.c__details .c__benef-table .c__details-container .c__details-row .c__details-col .c__benef-table-table .c__benef-table-row .c__benef-table-col .tooltip {
  top: 30px;
  right: -20px;
  border-radius: 20px;
}
.c__details .c__benef-table .c__details-container .c__details-row .c__details-col .c__benef-table-table .c__benef-table-row .c__benef-table-col .tooltip .tooltip__content {
  border-radius: 20px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  background-color: #fff;
}
.c__details .c__benef-table .c__details-container .c__details-row .c__details-col .c__benef-table-table .c__benef-table-row .c__benef-table-col:nth-child(4):before {
  content: "";
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  display: inline-block;
  color: #969696;
  margin-right: 14px;
  position: relative;
  top: -2px;
}
.c__details .c__benef-table .c__details-container .c__details-row .c__details-col .c__benef-table-table .c__benef-table-row.-main {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  color: #000;
}
.c__details .c__benef-table .c__details-container .c__details-row .c__details-col .c__benef-table-table .c__benef-table-row.-main .c__benef-table-col {
  color: #000;
}
.c__details .c__benef-table .c__details-container .c__details-row .c__details-col .c__benef-table-table .c__benef-table-row.-main .c__benef-table-col:nth-child(4):before, .c__details .c__benef-table .c__details-container .c__details-row .c__details-col .c__benef-table-table .c__benef-table-row.-main .c__benef-table-col:nth-child(4):after {
  display: none;
}
.c__details .c__benef-table .c__details-container.-ghost {
  margin-bottom: 0;
}
.c__details .c__benef-table .c__details-container.-ghost .c__details-row {
  text-transform: uppercase;
  font-size: 12px;
}
.c__details .c__benef-table .c__details-container.-ghost .c__details-row .c__benef-table-table .c__benef-table-row {
  align-items: flex-end;
}
.c__details .c__benef-table .c__details-container.-ghost .c__details-row .c__benef-table-table .c__benef-table-row .c__benef-table-col {
  color: #4A4A4A;
}
.c__details .c__benef-table .c__details-container.-ghost .c__details-row .c__benef-table-table .c__benef-table-row .c__benef-table-col:nth-child(4):before, .c__details .c__benef-table .c__details-container.-ghost .c__details-row .c__benef-table-table .c__benef-table-row .c__benef-table-col:nth-child(4):after {
  display: none;
}
.c__details .c__benef-add {
  display: block;
  max-width: 800px;
  margin: 40px auto 0;
}
.c__details .c__benef-add .radio.-chooser.-switch {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  grid-template-columns: 400px 300px;
}
.c__details .c__benef-add .radio.-chooser.-switch .radio__element {
  width: 100%;
}
.c__details .c__benef-add .radio.-chooser.-switch.-alone {
  grid-template-columns: 400px;
}
.c__insideNav {
  margin-bottom: 40px;
}
.img-xls {
  height: 16px;
  width: 16px;
  position: relative;
  top: 2px;
  margin: 0 3px;
}
.detailsHeader {
  background: #fff;
  padding: 30px 15px;
  display: block;
  position: relative;
  z-index: 1;
}
.detailsHeader.-sds .detailsHeader-container {
  display: grid;
  grid-template-columns: 40% 20% 30%;
}
.detailsHeader.-sds .detailsHeader-container .detailsHeader-item {
  width: 100%;
}
.detailsHeader .detailsHeader-container {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding: 0 80px 0 40px;
}
.detailsHeader .detailsHeader-container .detailsHeader-status {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.detailsHeader .detailsHeader-container .detailsHeader-item {
  width: 25%;
  padding-right: 15px;
}
.detailsHeader .detailsHeader-container .detailsHeader-item .sublabel {
  text-transform: uppercase;
  color: #6B6D71;
  font-size: 14px;
  margin-bottom: 4px;
}
.detailsHeader .detailsHeader-container .detailsHeader-item .label {
  color: #000;
  margin-top: 4px;
  display: flex;
  align-items: center;
}
.detailsHeader .detailsHeader-container .detailsHeader-item .label::before {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  display: block;
  filter: invert(61%) sepia(85%) saturate(3603%) hue-rotate(164deg) brightness(90%) contrast(94%);
  background-size: contain;
  background-position: center;
}
.detailsHeader .detailsHeader-container .detailsHeader-item .label.-car::before {
  content: "";
  background-image: url("/content/dam/B2C/customerzone/connect/cards/auto.svg");
}
.detailsHeader .detailsHeader-container .detailsHeader-item .label.-home::before {
  content: "";
  background-image: url("/content/dam/B2C/customerzone/connect/cards/habitation.svg");
}
.detailsHeader .detailsHeader-container .detailsHeader-item .label.-sds::before {
  content: "";
  background-image: url("/content/dam/B2C/customerzone/connect/cards/hospi.svg");
}
.detailsHeader .detailsHeader-container .detailsHeader-item .label span {
  display: inline-block;
}
.detailsHeader .detailsHeader-container .detailsHeader-item .label .detailsHeader__sublabel {
  opacity: 0.8;
  font-size: 12px;
  padding-left: 4px;
}
.detailsHeader .detailsHeader-container .detailsHeader-item .label .detailsHeader__sublabel::before {
  content: "/ ";
}
.detailsHeader .detailsHeader-container .detailsHeader-close {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  color: #6B6D71;
  transition: all 250ms ease;
}
.detailsHeader .detailsHeader-container .detailsHeader-close::before {
  content: "";
}
.detailsHeader .detailsHeader-container .detailsHeader-close:hover {
  color: #FF6F0D;
}
.detailsHeader.-close {
  background-image: url("/content/dam/B2C/customerzone/connect/pattern.png");
}
.detailsHeader.-close .detailsHeader-container {
  opacity: 0.6;
}
.filtercontract {
  display: block;
  position: relative;
  z-index: 1;
}
.filtercontract .filtercontract-container {
  justify-content: center;
  padding: 60px 50px 20px;
}
.filtercontract .filtercontract-container .filtercontract-item {
  display: block;
  position: relative;
}
.filtercontract .filtercontract-container .filtercontract-item .select .select__field {
  padding-top: 11px;
  padding-bottom: 11px;
}
.filtercontract .filtercontract-container .filtercontract-item .filtercontract-content {
  height: 48px;
}
.filtercontract .filtercontract-container .filtercontract-item .textfield .textfield__field {
  padding: 11px 10px;
}
.filtercontract .filtercontract-container .filtercontract-item .button__icon {
  font-size: 12px;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
}
.filtercontract .filtercontract-container .filtercontract-item .button__icon.-delete {
  font-size: 12px;
}
.filtercontract .filtercontract-container .filtercontract-item .button__icon.-delete::before {
  content: "";
}
.filtercontract .filtercontract-container .filtercontract-item .button__icon.-search {
  font-size: 20px;
}
.filtercontract .filtercontract-container .filtercontract-item .button__icon.-search::before {
  content: "";
}
.filtercontract .filtercontract-container .filtercontract-item .button__icon:hover {
  color: #D94204;
}
.filtercontract .filtercontract-container .filtercontract-item .select.-false {
  height: 43px;
}
.filtercontract .filtercontract-container .filtercontract-item .select.-false .select__label {
  top: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  line-height: 20px;
}
.filtercontract .filtercontract-container .filtercontract-item .select.-false .textfield .textfield__field {
  padding: 9px 10px;
}
.filtercontract .filtercontract-container .filtercontract-item .select.-false .textfield.-post .textfield__field {
  padding-right: 35px;
}
.filtercontract .filtercontract-container .filtercontract-item .select .dropdown {
  min-width: 200px;
  max-width: 200px;
}
.filtercontract .filtercontract-container .filtercontract-item.-button {
  position: absolute;
  right: 0;
  top: 64px;
  margin-top: 0;
}
.filtercontract .filtercontract-container .filtercontract-item.-button .button__icon.-refresh {
  color: #fff;
  font-size: 18px;
}
.filtercontract .filtercontract-container .filtercontract-item.-button .tooltip {
  width: 150px;
  top: 51px;
  transform: scale(0);
  transform-origin: top center;
}
.filtercontract .filtercontract-container .filtercontract-item.-button:hover .tooltip {
  transform: scale(1);
}
.paginer {
  display: block;
}
.paginer .paginer-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.paginer .paginer-container .paginer-button {
  color: #FF6F0D;
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  border-radius: 100%;
  display: inline-block;
  font-size: 30px;
  width: 30px;
  height: 30px;
  max-width: 30px;
  max-height: 30px;
  min-width: 30px;
  min-height: 30px;
  line-height: 30px;
  transition: all 250ms ease;
}
.paginer .paginer-container .paginer-button.-disabled {
  pointer-events: none;
  color: #969696;
}
.paginer .paginer-container .paginer-button.-prev {
  margin-right: 30px;
}
.paginer .paginer-container .paginer-button.-prev:before {
  content: "";
}
.paginer .paginer-container .paginer-button.-next {
  margin-left: 30px;
}
.paginer .paginer-container .paginer-button.-next:before {
  content: "";
}
.paginer .paginer-container .paginer-button:hover {
  color: #D94204;
}
.paginer .paginer-container .paginer-nav {
  display: flex;
  align-items: center;
}
.paginer .paginer-container .paginer-nav .paginer-label {
  margin: 0 10px;
}
.paginer .paginer-container .paginer-nav .select {
  max-width: 80px;
  min-width: 80px;
}
.list-wrap {
  padding: 0 15px;
  max-width: 1100px;
  color: #000;
}
.list-wrap.-history {
  padding-top: 40px;
}
.list-wrap.-history .list-list .list__group {
  overflow: visible;
}
.list-wrap.-history .c__title {
  margin-bottom: 0;
}
.list-list {
  padding: 20px 0 50px;
  display: block;
}
.list-list .list__group {
  margin-top: 40px;
  border-radius: 20px;
  overflow: hidden;
}
.list-list .list__group:first-child {
  margin-top: 0;
}
.list-list .list {
  border-radius: 20px;
  padding: 30px 50px;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
  width: 100%;
  height: auto;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  background: #fff;
  position: relative;
  cursor: pointer;
  transition: all 250ms ease;
}
.list-list .list.-ghost {
  background: transparent;
  cursor: default;
  box-shadow: 0 0 0 transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.list-list .list:hover {
  box-shadow: 0 0 0 transparent;
}
.list-list .list:hover .list-icon {
  color: #FF6F0D;
  transform: scale(1);
}
.list-list .list.-waiting .list-col:nth-child(1) {
  color: #FF6F0D;
}
.list-list .list.-closed {
  color: #969696;
}
.list-list .list.-closed .list-col:nth-child(1) {
  color: #969696;
}
.list-list .list .status.-closed::before {
  content: "";
}
.list-list .list .status.-waiting::before {
  color: #FF6F0D;
}
.list-list .list .list-icon {
  font-family: "Ethias", arial, sans-serif;
  font-weight: 400;
  color: #FF6F0D;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  right: 25px;
  font-size: 26px;
  top: 50%;
  margin-top: -10px;
  transform: scale(0);
  transform-origin: center;
  transition: all 250ms ease;
}
.list-list .list.-group {
  margin-top: 40px;
  margin-bottom: 10px;
  border-radius: 20px 20px 0 0;
  border-bottom: 1px solid #FFD5B3;
  box-shadow: 0 0 0 transparent;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  margin-bottom: 0;
}
.list-list .list.-group:first-child {
  margin-top: 0;
}
.list-list .list.-subgroup {
  margin-bottom: 0;
  background: white;
  box-shadow: 0 0 0 transparent;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 0;
  /*
  width: calc(100% - 40px);
  margin-left: 40px;
  &:after
  {
      content: $icon-ct-below;
      @include f-ct-icons;
      color: $black;
      width: 20px;
      height: 20px;
      line-height: 20px;
      @include inline;
      @include absolute;
      left: -24px;
      font-size: 26px;
      top: 6px;
      font-size: 16px;
      opacity: .2;
  }
  */
}
.list-list .list .list-col {
  display: block;
  text-align: left;
  position: relative;
  padding: 0 10px;
  word-wrap: break-word;
}
.list-list .list .list-col:nth-child(1) {
  color: #31933E;
}
.list-list .list .list-col:nth-child(1):before {
  position: absolute;
  left: -30px;
  top: 50%;
  margin-top: -10px;
}
.list-list .list .list-col.-closed {
  color: #4A4A4A;
}
.list-list .list:last-child.-group {
  border-bottom: 0;
}
.c__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.c__title .c__title-label {
  font-size: 30px;
  color: #000;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.c__title .c__title-label p {
  font-size: 16px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  max-width: 800px;
}
.c__title .c__title-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-gap: 16px;
  gap: 16px;
}
.c__title .c__title-button .button .button__icon {
  font-size: 20px;
}
.invoicingHeader {
  background: #fff;
  padding-top: 20px;
  padding-bottom: 27px;
}
.invoicingHeader .invoicingHeader__container {
  display: grid;
  grid-template-columns: 1fr 250px;
  align-items: center;
  grid-gap: 50px;
  gap: 50px;
  font-size: 14px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__first {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 6px;
  gap: 6px;
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__first .select.-false {
  max-width: 600px;
  height: 40px;
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__first .select.-false .select__label {
  padding-top: 10px;
  padding-bottom: 10px;
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__first .textfield .textfield__field {
  padding-top: 10px;
  padding-bottom: 10px;
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__first .title {
  font-size: 36px;
  position: relative;
  top: -5px;
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__first .invoicingHeader__state {
  margin-left: 100px;
  text-align: right;
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__first .invoicingHeader__user .dropdown .dropdown__list {
  width: calc(100% + 20px);
  max-height: calc(100vh - 300px);
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__first .invoicingHeader__user .dropdown .dropdown__list .dropdown__item {
  padding: 14px 25px;
  display: grid;
  grid-template-columns: 1fr auto;
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__first .invoicingHeader__user .dropdown .dropdown__list .dropdown__item .dropdown__item-status {
  position: relative;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__first .invoicingHeader__user .dropdown .dropdown__list .dropdown__item .dropdown__item-status:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  position: absolute;
  left: -19px;
  top: -2px;
  transform: scale(0.4);
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__first .invoicingHeader__user .dropdown .dropdown__list .dropdown__item .dropdown__item-status.-unread {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__first .invoicingHeader__user .dropdown .dropdown__list .dropdown__item .dropdown__item-status.-unread::before {
  background-color: #FF6F0D;
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__first .invoicingHeader__user .dropdown .dropdown__list .dropdown__item .dropdown__item-amount {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  text-align: right;
  white-space: nowrap;
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__first .invoicingHeader__user .dropdown .dropdown__list .dropdown__item.-active .dropdown__item-status.-unread, .invoicingHeader .invoicingHeader__container .invoicingHeader__first .invoicingHeader__user .dropdown .dropdown__list .dropdown__item:hover .dropdown__item-status.-unread {
  color: #fff;
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__first .invoicingHeader__user .dropdown .dropdown__list .dropdown__item.-active .dropdown__item-status.-unread:before, .invoicingHeader .invoicingHeader__container .invoicingHeader__first .invoicingHeader__user .dropdown .dropdown__list .dropdown__item:hover .dropdown__item-status.-unread:before {
  background-color: #fff;
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__second {
  display: flex;
  justify-content: flex-end;
  grid-gap: 40px;
  gap: 40px;
}
.invoicingHeader .invoicingHeader__container .invoicingHeader__second .button .button__icon {
  font-size: 18px;
  position: relative;
  top: -1px;
}
.extranet .insideCard__block {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .extranet .insideCard__block .insideCard__content {
    grid-template-columns: 200px 1fr;
    align-items: center;
  }
}
.extranet .insideCard__block .insideCard__content .insideCard__extranet-visu {
  display: none;
}
@media (min-width: 768px) {
  .extranet .insideCard__block .insideCard__content .insideCard__extranet-visu {
    display: block;
  }
}
.extranet .insideCard__block .insideCard__content .button {
  min-width: 200px;
  margin-top: 20px;
}
app-error,
.error {
  display: block;
  width: 100%;
  max-width: 800px;
  padding: 45px 15px;
  margin: 0 auto;
  text-align: center;
}
app-error .error__header,
.error .error__header {
  width: 294px;
  height: 250px;
  background: url("/content/dam/B2C/customerzone/connect/error.png") no-repeat center;
  margin: 0 auto;
  position: relative;
}
app-error .error__header .error__header-block,
.error .error__header .error__header-block {
  width: 148px;
  height: 60px;
  position: absolute;
  top: 162px;
  left: 74px;
  transform: rotate(3deg);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  font-size: 20px;
}
app-error .error__header .error__header-block .-title,
.error .error__header .error__header-block .-title {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
app-error .error__content .-title,
.error .error__content .-title {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 16px;
}
app-error .error__content p,
.error .error__content p {
  margin: 0;
}
app-error .error__content .link,
.error .error__content .link {
  margin: 0 3px;
}
app-error .error__button,
.error .error__button {
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
app-error .error__button .-cancel,
.error .error__button .-cancel {
  padding-top: 16px;
}
.tooltip .tooltip__content {
  background-color: #fff;
}
.radio.-opt .radio__element .radio__label {
  border: 0;
  box-shadow: 0 0 0 transparent;
  padding: 40px 20px;
}
.radio.-opt .radio__element .radio__label .radio__icon {
  background-color: #FFEFDC;
  color: #FF6F0D;
  border-radius: 10px;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.radio.-opt .radio__element .radio__label .radio__icon::before {
  font-size: 30px;
}
.radio.-opt .radio__element .radio__label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #FF6F0D;
  border-radius: 10px;
  transition: all 250ms ease;
}
.radio.-opt .radio__element .radio__label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  border-radius: 10px;
  transition: all 250ms ease;
}
.radio.-opt .radio__element:hover .radio__label, .radio.-opt .radio__element.-is-checked .radio__label {
  background-color: #fff;
  box-shadow: 0px 12px 16px -4px rgba(20, 20, 20, 0.08), 0px 4px 6px -2px rgba(20, 20, 20, 0.03);
}
.radio.-opt .radio__element:hover .radio__label:after, .radio.-opt .radio__element.-is-checked .radio__label:after {
  border-color: #FF6F0D;
}
.c__delete-benef {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
.c__delete-benef .delete-benef-row:last-child {
  margin-bottom: 0;
}
.c__delete-benef .delete-benef-row .checkbox {
  background: #fff;
  border: 1px solid #FF6F0D;
  border-radius: 10px;
  padding: 20px;
  width: 100%;
}
.c__delete-benef .delete-benef-row .checkbox .checkbox__label .checkbox__text {
  display: grid;
  grid-template-columns: 150px 1fr;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  margin-left: 8px;
  grid-gap: 16px;
  gap: 16px;
}
.c__delete-benef .delete-benef-row .checkbox .checkbox__label .checkbox__text .-sub {
  margin: 0;
  font-size: 16px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.c__sds-summary {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
.c__sds-summary .sds__summary-row {
  border: 1px solid #FF6F0D;
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.c__sds-summary .sds__summary-row:last-child {
  margin-bottom: 0;
}
.c__sds-summary .sds__summary-row .sds__summary-title {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
}
.c__sds-summary .sds__summary-row .sds__summary-footer {
  font-size: 12px;
  opacity: 0.7;
  text-transform: uppercase;
  margin-top: 16px;
  position: relative;
}
.c__sds-summary .sds__summary-row .sds__summary-body {
  display: grid;
  grid-template-columns: 1fr 200px;
}
.c__sds-summary .sds__summary-row .label {
  display: block;
  font-size: 12px;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  opacity: 0.8;
}
.c__sds-summary .sds__summary-row .sds__summary-content {
  font-size: 14px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
  gap: 16px;
  align-items: center;
}
.c__sds-summary .sds__summary-row .sds__summary-content .sds__summary-col {
  position: relative;
}
.c__sds-summary .sds__summary-row .sds__summary-adress {
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.c__sds-summary .sds__summary-row .-highlight {
  position: relative;
  display: inline-block;
}
.c__sds-summary .sds__summary-row .-highlight:before {
  content: "";
  background: rgba(255, 111, 13, 0.2);
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 6px);
  left: -2px;
  top: -4px;
  border-radius: 6px;
}
.c__sds-summary.-modal {
  margin-top: 20px;
}
.c__sds-summary.-modal .sds__summary-row {
  box-shadow: 0 0 0 transparent;
  position: relative;
  margin: 0;
}
.c__sds-summary.-modal .sds__summary-row .sds__summary-content {
  grid-template-columns: repeat(3, 1fr);
}
.c__sds-summary.-modal .sds__summary-row .sds__summary-body {
  grid-template-columns: 1fr;
  grid-gap: 20px;
  gap: 20px;
}
.forms.-sds {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}
.forms.-sds .textfield.textfield__date {
  max-width: 200px;
  margin-left: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1.5fr;
}
.forms.-sds .textfield.textfield__date .textfield__field {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.forms.-sds .row-forms {
  align-items: flex-start;
  margin-bottom: 0;
  margin-left: -15px;
  margin-right: -15px;
}
.forms.-sds .row-forms.-error {
  position: relative;
}
.forms.-sds .row-forms.-separate {
  border-top: 1px solid #FF6F0D;
  padding-top: 24px;
  margin-top: 24px;
}
.forms.-sds .row-forms .data__label {
  text-align: left;
  margin-bottom: 4px;
  font-size: 14px;
}
.forms.-sds .row-forms .data__label .button__icon {
  margin-left: 4px;
  position: relative;
}
.forms.-sds .row-forms .data__label .button__icon.-info + .tooltip.-hover {
  transform: scale(0);
}
.forms.-sds .row-forms .data__label .button__icon.-info:hover + .tooltip.-hover {
  animation: overlaytooltip 250ms ease-out forwards;
}
.forms.-sds .row-forms .data__label .tooltip.-info-left-top {
  min-width: 200px;
}
.forms.-sds .row-forms .radio.-classic {
  margin-top: 20px;
  font-size: 14px;
  line-height: 23px;
}
.forms.-sds .row-forms .radio.-classic .radio__element .radio__label:before, .forms.-sds .row-forms .radio.-classic .radio__element .radio__label:after {
  top: 2px;
}
.forms.-sds .row-forms .messages__error {
  margin: 4px 0 0 0;
  color: #C80E15;
  font-size: 14px;
}
.forms.-sds .row-forms .messages.-error {
  margin-top: 4px;
  top: 0;
}
.forms.-sds.-col.-add {
  margin: 0;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #FF6F0D;
  padding: 30px 20px;
}
.summary .insideCard {
  display: grid;
  background: #fff;
  padding: 0;
}
@media (min-width: 768px) {
  .summary .insideCard {
    margin: 0 15px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .summary .insideCard {
    grid-template-columns: repeat(3, 1fr);
  }
}
.summary .insideCard .insideCard__block {
  width: 100%;
  margin-top: 12px;
  margin-bottom: 12px;
  display: block;
  padding: 25px 25px 25px 15px;
  box-shadow: 0 0 0 transparent;
  background: transparent;
  border: 0;
}
.summary .insideCard .insideCard__block .insideCard__row .insideCard__header {
  display: grid;
  grid-template-columns: 40px 1fr;
}
@media (min-width: 1024px) {
  .summary .insideCard .insideCard__block .insideCard__row .insideCard__header {
    grid-template-columns: 61px 1fr;
  }
}
.summary .insideCard .insideCard__block .insideCard__row .insideCard__content {
  padding-left: 40px;
}
@media (min-width: 1024px) {
  .summary .insideCard .insideCard__block .insideCard__row .insideCard__content {
    padding-left: 61px;
  }
}
.messaging {
  display: flex;
}
.messaging .messaging__first {
  width: 44%;
  background: #FFEFDC;
  display: flex;
  justify-content: flex-end;
  min-height: calc(100vh - 176px);
}
.messaging .messaging__first .messaging__wrap {
  max-width: 483px;
  width: 100%;
}
.messaging .messaging__first .messaging__wrap .messaging__head {
  padding-top: 64px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1200px) {
  .messaging .messaging__first .messaging__wrap .messaging__head {
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }
}
.messaging .messaging__first .messaging__wrap .messaging__head .messaging__title {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 12px;
}
@media (min-width: 1200px) {
  .messaging .messaging__first .messaging__wrap .messaging__head .messaging__title {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.messaging .messaging__first .messaging__wrap .messaging__empty {
  margin-top: 64px;
  margin-bottom: 64px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1200px) {
  .messaging .messaging__first .messaging__wrap .messaging__empty {
    padding-left: 0;
    padding-right: 0;
  }
}
.messaging .messaging__first .messaging__wrap .messaging__list {
  margin-top: 32px;
}
.messaging .messaging__first .messaging__wrap .messaging__list .messaging__list-list {
  margin: 0;
  padding: 0;
  max-height: calc(100vh - 400px);
  overflow-y: scroll;
  overflow-x: hidden;
}
.messaging .messaging__first .messaging__wrap .messaging__list .messaging__list-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  border-radius: 10px;
  background-color: transparent;
}
.messaging .messaging__first .messaging__wrap .messaging__list .messaging__list-list::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.messaging .messaging__first .messaging__wrap .messaging__list .messaging__list-list::-webkit-scrollbar-thumb {
  border-radius: 100px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #faa267;
}
.messaging .messaging__first .messaging__wrap .messaging__list .messaging__list-list .messaging__item {
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
}
.messaging .messaging__first .messaging__wrap .messaging__list .messaging__list-list .messaging__item.-active .messaging__content {
  background: #fff;
  border-left-color: #FF6F0D;
}
.messaging .messaging__first .messaging__wrap .messaging__list .messaging__list-list .messaging__item:hover .messaging__content {
  background: #fff;
}
.messaging .messaging__first .messaging__wrap .messaging__list .messaging__list-list .messaging__item .messaging__content {
  border-bottom: 1px solid #FFD5B3;
  border-left: 10px solid transparent;
  padding-left: 78px;
  padding-right: 12px;
  position: relative;
  transition: all 250ms ease;
}
.messaging .messaging__first .messaging__wrap .messaging__list .messaging__list-list .messaging__item .messaging__content .messaging__date {
  padding-top: 24px;
  font-size: 14px;
  color: #212121;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.messaging .messaging__first .messaging__wrap .messaging__list .messaging__list-list .messaging__item .messaging__content .messaging__title {
  padding-bottom: 24px;
  color: #FF6F0D;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.messaging .messaging__first .messaging__wrap .messaging__list .messaging__list-list .messaging__item .messaging__content::before {
  content: "";
  color: #FF6F0D;
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 31px;
}
.messaging .messaging__second {
  width: 56%;
  max-width: 617px;
  background: #fff;
  position: relative;
  padding: 80px;
}
.messaging .messaging__second .messaging__nomessages {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.messaging .messaging__second .messaging__nomessages .messaging__infotext {
  margin-top: 1em;
}
.messaging .messaging__second .messaging__nomessages .messaging__bigicon {
  color: #FF6F0D;
  font-size: 35px;
}
.messaging .messaging__second .messaging__content .messaging__date {
  color: #212121;
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
}
.messaging .messaging__second .messaging__content .messaging__title {
  font-size: 24px;
  color: #FF6F0D;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  margin-block-end: 20px;
}
.messaging .messaging__second .messaging__content .messaging__desc p {
  font-size: 18px;
}
.messaging .messaging__second .messaging__content .messaging__buttons .-pre,
.messaging .messaging__second .messaging__content .messaging__buttons .-post {
  display: flex;
  align-items: center;
}
.messaging .messaging__second .messaging__content .messaging__buttons .button__label {
  font-size: 14px;
}
.messaging .messaging__second .messaging__content .messaging__buttons .button__icon {
  font-size: 30px;
}
.messaging .messaging__second .messaging__content .messaging__buttons .button.-link, .messaging .messaging__second .messaging__content .messaging__buttons .button.-footer, .messaging .messaging__second .messaging__content .messaging__buttons .button.-cancel {
  color: #FF6F0D;
  justify-content: flex-start;
}
.messaging .messaging__second .-empty {
  text-align: center;
}
.messaging .messaging__second .-empty .icon {
  color: #FF6F0D;
  font-size: 35px;
  display: block;
  margin-bottom: 16px;
}
h1, h2, h3, h4, h5 {
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
}
.business__h1 {
  font-size: 30px;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.business__h2 {
  font-size: 22px;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.business .card__wrap {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  padding: 0;
  grid-gap: 20px;
  gap: 20px;
  position: relative;
  z-index: 0;
}
.business .card__wrap .app-card {
  width: 230px;
}
.business .card__wrap .card {
  border-radius: 10px;
  border-radius: var(--border-radius-cards);
  position: relative;
  cursor: pointer;
  box-shadow: 0 0px 8px 0px rgba(20, 20, 20, 0.3);
  padding: 32px 15px;
  text-align: center;
  transition: all 250ms ease;
  height: 100%;
}
.business .card__wrap .card .card__status {
  background: #31933E;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  padding: 0 10px;
  border-radius: 20px;
  position: absolute;
  height: 18px;
  line-height: 18px;
  right: 10px;
  top: 10px;
}
.business .card__wrap .card .card__status.-close {
  background: #969696;
}
.business .card__wrap .card:hover {
  box-shadow: 0 0px 8px 0px rgba(20, 20, 20, 0.5);
}
.business .card__wrap .card:hover .card__icon {
  color: #0190CC;
}
.business .card__wrap .card:hover .card__image::before {
  filter: invert(61%) sepia(85%) saturate(3603%) hue-rotate(164deg) brightness(90%) contrast(94%);
}
.business .card__wrap .card .card__container {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}
.business .card__wrap .card.-category .card__label:first-child {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #089EDD;
}
.business .card__wrap .card.-category:hover .card__label:first-child {
  color: #0190CC;
}
.business .card__wrap .card.-cardPicto {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}
.business .card__wrap .card.-cardPicto .card__icon {
  display: none;
}
.business .card__wrap .card.-cardPicto .card__content {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}
.business .card__wrap .card.-cardPicto .card__label:first-child {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #089EDD;
}
.business .card__wrap .card.-cardPicto:hover .card__label:first-child {
  color: #0190CC;
}
.business .card__wrap .card.-cardIcon .card__title:first-child {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #089EDD;
}
.business .card__wrap .card.-cardIcon:hover .card__title:first-child {
  color: #0190CC;
}
.business .card__wrap .card.-cardPicture .card__container {
  grid-gap: 20px;
  gap: 20px;
}
.business .card__wrap .card.-cardPicture .card__title {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #089EDD;
  font-size: 16px;
}
.business .card__wrap .card.-cardPicture:hover .card__title {
  color: #0190CC;
}
.business .card__wrap .card__footer {
  color: #4A4A4A;
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
}
.business .card__wrap .card__label,
.business .card__wrap .card__title {
  font-family: "Medium", arial, sans-serif;
  font-weight: 400;
}
.business .card__wrap .card__block {
  display: block;
  height: 100%;
}
.business .card__wrap .card__icon {
  background-color: #E1F8FF;
  color: #089EDD;
  border-radius: 10px;
  border-radius: var(--border-radius-cards);
  padding: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  transition: color 250ms ease;
}
.business .card__wrap .card__icon:before {
  font-size: 30px;
}
.business .card__wrap .card__icon img {
  height: 40px;
  filter: invert(61%) sepia(85%) saturate(3603%) hue-rotate(164deg) brightness(90%) contrast(94%);
}
.business .card__wrap .card__image {
  background-color: #E1F8FF;
  border-radius: 10px;
  border-radius: var(--border-radius-cards);
  padding: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  position: relative;
}
.business .card__wrap .card__image::before {
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center;
  filter: invert(61%) sepia(85%) saturate(3603%) hue-rotate(164deg) brightness(90%) contrast(94%);
  width: 60px;
  height: 60px;
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
}
.business .card__wrap .card__image.auto::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/auto.svg");
}
.business .card__wrap .card__image.habitation::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/habitation.svg");
}
.business .card__wrap .card__image.hospi::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/hospi.svg");
}
.business .card__wrap .card__image.assistance::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/assistance.svg");
}
.business .card__wrap .card__image.familiale::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/familiale.svg");
}
.business .card__wrap .card__image.other::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/other.svg");
}
.business .card__wrap .card__image.twowheels::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/twowheels.svg");
}
.business .card__wrap .card__image.do::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/do.svg");
}
.business .card__wrap .card__image.loisirs::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/loisirs.svg");
}
.business .card__wrap .card__image.work::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/work.svg");
}
.business .card__wrap .card__image.epargne::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/epargne.svg");
}
.business .card__wrap .card__image.at::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/at.svg");
}
.business .card__wrap .card__image.trailer::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/trailer.svg");
}
.business .card__wrap .card__image.b2c::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/b2c.svg");
}
.business .card__wrap .card__image.sds::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/sds.svg");
}
.business .card__wrap .card__image.archives::before {
  background-image: url("/content/dam/B2C/customerzone/connect/cards/archives.svg");
}
.business__aside {
  background-color: #fff;
  border-radius: 20px;
  border-radius: var(--border-radius-business-app);
  padding: 40px;
  padding: var(--padding-business-app);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
}
.business__aside .business__aside-row {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
.business__aside .button__icon {
  color: #FF6F0D;
  font-size: 20px;
}
.business__aside .business__aside-lg {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
}
.business__aside .business__aside-lg .button {
  text-transform: uppercase;
}
.business__aside .business__aside-lg .button.-active {
  display: none;
}
.business__aside .business__aside-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  grid-gap: 16px;
  gap: 16px;
}
.business__aside .business__help {
  display: flex;
  align-items: center;
  grid-gap: 16px;
  gap: 16px;
}
.business__aside .business__aside-logo {
  cursor: pointer;
}
.business__aside .business__aside-logo img {
  height: 100px;
}
.business__aside .business__aside-nav {
  position: relative;
}
.business__aside .business__aside-nav .business__aside-list {
  border-top: 1px solid #FFEFDC;
  border-bottom: 1px solid #FFEFDC;
  padding: 25px 0;
  margin: 25px 0;
}
.business__aside .business__aside-nav .business__aside-list.-empty {
  border-color: transparent;
}
.business__aside .business__aside-nav .business__aside-list .business__nav .business__nav__list {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 25px;
  gap: 25px;
  position: relative;
}
.business__aside .business__aside-nav .business__aside-list .business__nav .business__nav__list .business__nav__item {
  list-style: none;
  display: grid;
  grid-template-columns: 20px 1fr;
  grid-gap: 20px;
  gap: 20px;
  position: relative;
  cursor: pointer;
  color: #000;
  font-family: "Regular", arial, sans-serif;
  font-weight: 400;
}
.business__aside .business__aside-nav .business__aside-list .business__nav .business__nav__list .business__nav__item:hover {
  color: #D94204;
}
.business__aside .business__aside-nav .business__aside-list .business__nav .business__nav__list .business__nav__item.-active {
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
}
.business__aside .business__aside-nav .business__aside-list .business__nav .business__nav__list .business__nav__item .business__nav__icon {
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.business__aside .business__aside-nav .business__aside-list .business__nav .business__nav__list .business__nav__item .notif {
  position: absolute;
  left: 14px;
  top: -5px;
  border-radius: 5px;
  width: auto;
  height: auto;
  padding: 1px 3px;
  min-width: 14px;
}
.business__aside .business__aside-nav .business__aside-list .business__nav .business__nav__list .business__nav__item:after {
  content: "";
  background: url("/content/dam/B2C/customerzone/connect/lock-primary.svg") no-repeat top;
  background-size: contain;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 10px;
  top: -10px;
  transform: scale(0);
}
.business__aside .business__aside-nav .business__aside-list .business__nav .business__nav__list .business__nav__item .business__nav__link {
  font-size: 18px;
}
.business__aside .business__aside-nav .business__aside-list .business__nav .business__nav__list .business__nav__item.-lock .business__nav__icon img {
  filter: grayscale(50%) opacity(0.5);
}
.business__aside .business__aside-nav .business__aside-list .business__nav .business__nav__list .business__nav__item.-lock .business__nav__link {
  color: #969696;
}
.business__aside .business__aside-nav .business__aside-list .business__nav .business__nav__list .business__nav__item.-lock:before {
  opacity: 0.5;
}
.business__aside .business__aside-nav .business__aside-list .business__nav .business__nav__list .business__nav__item.-lock:after {
  transform: scale(1);
}
.business__aside .business__aside-nav .business__aside-user {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  font-size: 28px;
}
.business__aside .business__aside-nav .business__aside-data {
  display: flex;
  align-items: baseline;
  grid-gap: 8px;
  gap: 8px;
}
.business__aside .business__aside-cta {
  display: inline-grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
  gap: 15px;
  margin-top: 20px;
}
.business__aside .business__aside-cta .button {
  text-align: left;
  justify-content: flex-start;
}
.business__tabs-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: 15px;
  gap: 15px;
}
.business__tabs-list .business__tabs-item {
  position: relative;
}
.business__tabs-list .business__tabs-item .button {
  padding: 10px 20px;
}
.business__tabs-list .business__tabs-item.-have-notif .business__tabs-item-notif {
  height: 16px;
  width: 16px;
  position: absolute;
  right: 0px;
  top: -5px;
  background-color: #D94204;
  border-radius: 100%;
  color: #fff;
  font-size: 12px;
  font-family: "SemiBold", arial, sans-serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}
:root {
  --border-radius-business-app: 20px;
  --padding-business-app: 40px;
  --border-radius-cards: 10px;
}
.business {
  color: #000;
}
.business .modal.-full .modal__dialog {
  background-color: #FFEFDC;
}
.business .business__template {
  min-height: 100vh;
  background-color: #FFEFDC;
  width: 100vw;
  overflow-x: hidden;
  display: grid;
  grid-template-columns: 430px 1fr;
  grid-gap: 30px;
  gap: 30px;
  padding: 45px;
}
.business .business__template .c__details {
  padding: 0;
  margin: 0;
}
.business .business__template .c__details.-doc .c__details-container {
  grid-template-columns: 1fr;
  max-width: 800px;
}
.business .business__template .c__details.-doc .c__details-container .list {
  padding: 0;
  display: grid;
  grid-gap: 30px;
  gap: 30px;
}
.business .business__template .c__details.-doc .c__details-container .list .c__details-row {
  margin: 0;
  box-shadow: 0 0 0 transparent;
  border: 1px solid #FF6F0D;
}
.business .business__template .c__details.-doc .c__details-container .list .c__details-row:hover {
  border-color: #D94204;
}
.business .business__template .c__details.-doc .paginer {
  margin: 0;
}
.business .business__template .c__footer {
  max-width: 100%;
  padding: 40px 0;
  margin: 0;
}
.business .business__template .news__iframe-wrap {
  padding: 0;
  border-radius: 0;
  overflow: hidden;
}
.business .business__template .news__iframe-wrap .news__iframe {
  height: calc(100vh - 380px);
}
.business .business__template .business__header {
  margin-bottom: 30px;
}
.business .business__template .business__header .business__template-block .business__tabs-list,
.business .business__template .business__header .business__template-block .tabsTransverse {
  margin-top: 16px;
}
.business .business__template .business__main {
  display: grid;
}
.business .business__template .business__template-block {
  background-color: #fff;
  border-radius: 20px;
  border-radius: var(--border-radius-business-app);
  padding: 40px;
  padding: var(--padding-business-app);
}
.business .business__template .business__template-block .business__template-gap {
  display: grid;
  grid-gap: 30px;
  gap: 30px;
}
.business .business__template .insideCard {
  padding: 0;
  margin: 0;
}
.business .business__template .insideCard .insideCard__block {
  padding: 0;
  border: transparent;
  margin: 0;
}
.business .business__template .paginer .paginer-container {
  grid-gap: 30px;
  gap: 30px;
}
.business .business__template .paginer .paginer-container .paginer-button {
  margin: 0;
}
.business .business__template .paginer .paginer-container .paginer-nav {
  grid-gap: 16px;
  gap: 16px;
}
.business .business__template .paginer .paginer-container .paginer-nav .paginer-label {
  margin: 0;
}
.business .business__template app-error,
.business .business__template .error {
  padding: 0;
  max-width: 100%;
}
.business .business__template app-error .error__header,
.business .business__template .error .error__header {
  background: url("/content/dam/B2C/customerzone/connect/error-business.png") no-repeat center;
  margin-bottom: 20px;
}
.business .business__template app-error .error__header .error__header-block,
.business .business__template .error .error__header .error__header-block {
  transform: rotate(0);
  top: 172px;
  left: 26px;
  width: 236px;
}
.business .business__template app-error .error__content .-title,
.business .business__template .error .error__content .-title {
  font-family: "Bold", arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 16px;
}
.business .business__template app-error .error__content p,
.business .business__template .error .error__content p {
  margin: 0;
}
.business .business__template app-error .error__content .link,
.business .business__template .error .error__content .link {
  margin: 0 3px;
}
.business .business__template app-error .error__button,
.business .business__template .error .error__button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  grid-gap: 16px;
  gap: 16px;
}
.business .business__template app-error .error__button .-cancel,
.business .business__template .error .error__button .-cancel {
  padding: 0;
}
.business .filter .filter__advanced {
  border-radius: 20px;
  border-radius: var(--border-radius-business-app);
}
.business .filter .filter__title {
  padding: 0;
}
.business .filter .select .select__label {
  line-height: 1.2;
}
.business .filtercontract .filtercontract-container {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 100%;
}
.business .filtercontract .filtercontract-container .filtercontract-item.-button {
  top: 4px;
}
.business .list-wrap {
  max-width: 100%;
}
.business .list-list {
  padding: 0;
  display: grid;
  grid-gap: 50px;
  gap: 50px;
}
.business .list-list .list__group {
  display: grid;
  grid-gap: 30px;
  gap: 30px;
}
.business .list-list .list__group.-multiple {
  border: 1px solid #FF6F0D;
  display: grid;
  grid-gap: 1px;
  gap: 1px;
  background-color: #FF6F0D;
  margin: 0;
}
.business .list-list .list__group.-multiple .list {
  border: 0;
}
.business .list-list .list__group.-multiple .list.-group {
  background-color: #fff;
}
.business .list-list .list {
  box-shadow: 0 0 0 transparent;
  border: 1px solid #FF6F0D;
  margin: 0;
}
.business .list-list .list:hover {
  border-color: #D94204;
}
.business .popin__content {
  width: 100%;
  max-width: 800px;
  padding: 40px;
  margin: 0 auto;
}
.business .popin__content .messages.-endflux {
  align-items: center;
}
.business .popin__content .forms {
  display: grid;
  grid-gap: 30px;
  gap: 30px;
}
.business .popin__content .forms .forms__row {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}
.business .popin__content .forms .forms__row.-rmq {
  line-height: 1.5;
}
.business .popin__content .forms .forms__row.-action {
  display: flex;
  grid-gap: 20px;
  gap: 20px;
}
.business .popin__content .forms .forms__row .label {
  font-size: 14px;
}
.business .popin__content .forms .forms__row .textfield.-psw {
  margin-bottom: 0;
}
/* for virtual scroll */
con-claims .total-padding {
  margin-bottom: 100px;
}
con-invoice .total-padding {
  margin-bottom: 40px;
}