/* IMPORT CSS BASE */

@import "https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css";
@import "https://cdn.jsdelivr.net/npm/bulma-extensions@6.2.7/dist/css/bulma-extensions.min.css";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import "https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/css/selectize.min.css";


/* GLOBAL */

:root {
  /* Colors and Lightness values */
  --bulma-scheme-h: var(--bulma-primary-h);
  --bulma-scheme-s: 25%;
  --bulma-light-l: 90%;
  --bulma-light-invert-l: 20%;
  --bulma-dark-l: 20%;
  --bulma-dark-invert-l: 90%;
  --bulma-soft-l: 90%;
  --bulma-bold-l: 20%;
  --bulma-soft-invert-l: 20%;
  --bulma-bold-invert-l: 90%;
  --bulma-link-h: var(--bulma-primary-h);
  --bulma-link-s: 100%;
  --bulma-link-l: 50%;
  --bulma-link-text: hsla(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + 12%), 1);
  --bulma-link-text-hover: hsla(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) - 12%), 1);

  /* --bulma-menu-item-h: null !important; */

  /* Color Palettes */
  --bulma-primary: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
  --bulma-primary-base: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
  --bulma-primary-super-light: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 0.1);
  --bulma-grey: #64748B;
  --bulma-success-h: 145.19;
  --bulma-success-s: 49.69%;
  --bulma-success-l: 31.96%;

  /* These 5 lines or replaced in elixir-custom.css */
  /*  BEGIN  OF CUSTOM */
  --bulma-primary-h: 280deg;
  --bulma-primary-s: 100%;
  --bulma-primary-l: 50%;
  --bulma-family-primary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
  --bulma-family-secondary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
  /*  END OF CUSTOM  */

  --bulma-primary-00-l: 1%;
  --bulma-primary-05-l: 6%;
  --bulma-primary-10-l: 11%;
  --bulma-primary-15-l: 16%;
  --bulma-primary-20-l: 21%;
  --bulma-skeleton-background: hsl(var(--bulma-primary-h), 14%, 24%);

  /* Typography */
  --bulma-family-code: Inconsolata, Hack, SF Mono, Roboto Mono, Source Code Pro, Ubuntu Mono, monospace;
  --bulma-size-small: 0.75rem;
  --bulma-size-normal: 1rem;
  --bulma-size-medium: 1.25rem;
  --bulma-size-large: 1.5rem;
  /* etc. */

  /* Menu background */
  --menu-background-h: var(--bulma-primary-h);
  --menu-background-s: 50%;
  --menu-background-l: 97%;
  --bulma-menu-item-background-l-delta: 100%;
  --left-menu-width: 270px;
}

.button.is-primary,
div.button.is-primary>a {
  color: var(--bulma-link-invert) !important;
}

/* a{
  color: var(--bulma-link-text) !important;
  text-decoration: none;
} */

/* a:hover{
  color: var(--bulma-link-text-hover) !important;
} */

h1.title,
h4.title {
  color: var(--title);
  font-weight: var(--title-font-weight);
}
@media screen and (max-width:768px) {
  h1.title,
  h4.title {
    font-size: 1.4rem !important;
  }
}

h5.title,
h5.subtitle {
  color: var(--subtitle);
  font-weight: var(--subtitle-font-weight);
}

.subtitle {
  color: var(--subtitle) !important;
}

.page-wrapper {
  flex-direction: column;
  min-height: 100vh;
}

.page-content {
  flex: 1;
  min-height: calc(100vh - 104px);
}

.button{
  border-radius: 0.5rem;
}
.tag.is-light.is-primary {
  /* background-color: var(--bulma-secondary-color); */
  color: var(--bulma-link-text);
  margin: 0.5rem 0;
}

.has-background-primary-light {
  background-color: var(--bulma-secondary-color) !important;
}

/* GLOBAL

/*body,
button,
input,
optgroup,
select,
textarea {

  /*font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
/*  font-family: "Poppins", sans-serif;*/
/*}*/

/*button {*/
/*  color: var(--main-text-color) !important;*/
/*}*/

/*.is-primary {
    background-color: var(--main-color);
    color: var(--main-text-color);
}

.has-text-primary {
  color: var(--main-color) !important;
}

.is-secondary {
  background-color: var(--secondary-color);
  color: #000;
}

.is-secondary:hover {
  background-color: #f0f0f0 !important;
  color: #000;
}

.has-text-secondary {
  color: var(--secondary-color);
}

.icon-button {
  width: 2.4rem;
  height: 2.4rem;

  color: var(--main-color);
  border: 2px solid var(--border-color);
  border-radius: 10px;
  font-size: 1.3rem;

    display: flex;
    align-items: center;
    justify-content: center;
}

.badge__categories {
  display: flex;
  gap: 0.7rem;
}

.badge {
  background-color: var(--main-color);
  color: var(--main-text-color);

  width: fit-content;

  border-radius: 2rem;
  padding: 0.2rem 1rem;

  font-weight: 500;

  cursor: pointer;

  transition: color 0.2s ease, background-color 0.2s ease;
}

.badge-secondary {
  background-color: var(--secondary-color);
  color: #000;
}

.badge:hover {
  background-color: var(--main-color-dark);
}

.badge.active {
  background-color: unset;
  outline: 2px solid var(--border-color);
  color: #000;
}

.badge.secondary {
  background-color: #f9fafb;
  color: #000;
}

.badge.secondary:hover {
  background-color: #f0f0f0;
}*/

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

.is-thin {
  max-width: 512px !important;
}

/* NAV-BAR */

.navbar-spacer {
  height: 60px;
}

.navbar-spacer-layout2-dekstop {
  height: 7rem;
}

.navbar-spacer-layout1-dekstop {
  height: 3rem;
}

.navbar-spacer-layout1-mobile {
  height: 3rem;
}

nav.navbar {
  min-height: unset;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 15%);
}

nav .navbar-item img {
  max-height: 40px;
}

/* NAVBAR LAYOUT 1 */

@media screen and (min-width: 1367px) {
  nav.navbar.layout-1-mobile {
    display: none;
  }

  footer.layout-1-mobile {
    display: none;
  }

  .container.main-container {
    padding-left: calc(var(--left-menu-width));
  }

  .navbar-spacer-layout1-mobile {
    display: none;
  }
  .cgu-legalesnotices-profile{
    display: none;
  }
}

@media screen and (max-width: 1366px) {
  aside.menu.layout-1-desktop {
    display: none !important;
  }
}

nav.navbar.layout-1-mobile .navbar-brand {
  display: flex;
  justify-content: space-between;
}

nav.navbar.layout-1-mobile .navbar-item-center {
  left: 50%;
  transform: translateX(-50%);
}

footer.layout-1-mobile {
  z-index: 1000 !important;
}

footer.layout-1-mobile .navbar-menu {
  align-items: stretch;
  justify-content: space-around;
  position: relative;
  box-shadow: 0 -8px 16px rgba(10, 10, 10, .1);
}

footer.layout-1-mobile .navbar-item {
  width: auto;
  display: flex;
  justify-content: center;
  padding: 0;
  border-radius: 12px;
  flex: 1;
}

footer.layout-1-mobile .navbar-item:hover {
  background-color: unset;
  color: var(--main-color);
}


footer.layout-1-mobile .footer-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 5px;
}



footer.layout-1-mobile .footer-btn .footer-btn-title {
  font-size: clamp(0.42rem, 0.44rem + 0.2vw, 0.5rem);
  text-transform: uppercase;
}


footer.layout-1-mobile .footer-btn i {
  margin-bottom: 8px;
  color: var(--main-color)var(--main-color-transparent);
  font-size: 1.5rem;
}

footer.layout-1-mobile .footer-btn.is-active i {
  color: var(--bulma-primary);
}

footer.layout-1-mobile .navbar-plus.is-hidden,
footer.layout-1-mobile .navbar-close.is-hidden {
  display: none;
}

aside.menu.layout-1-desktop {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: var(--left-menu-width);
  /* Largeur du menu */
  padding-top: 20px;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
  z-index: 98;
  display: flex;
  flex-direction: column;
}

aside.menu.layout-1-desktop .menu-header {
  display: flex;
  justify-content: center;
  margin-top: 3rem;

}

aside.menu.layout-1-desktop .menu-header img {
  max-width: 200px;
}

aside.menu.layout-1-desktop .menu-list a {
  border-radius: unset;
  padding: 0.7rem 0;
}

aside.menu.layout-1-desktop .menu-list a.is-active {
  background-color: var(--bulma-primary);
}

aside.menu.layout-1-desktop .menu-list .icon {
  margin-left: 1rem;
  margin-right: 0.8rem;
}

aside.menu.layout-1-desktop .menu-list .icon i {
  font-size: 1.2rem;
}

aside.menu .menu-list.profil-menu .is-flex {
  display: flex;
  align-items: center;
  margin-left: 1rem;
  margin-bottom: 2rem;
}

aside.menu .menu-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}


aside.menu .menu-list.profil-menu {
  margin-top: auto;
}

/* aside.menu .menu-list.profil-menu a:hover {
  background-color: unset;
}

aside.menu .menu-list.profil-menu a:hover>.box {
  --bulma-menu-item-background-l-delta: var(--bulma-menu-item-hover-background-l-delta);
  background-color: hsl(var(--bulma-menu-item-h), var(--bulma-menu-item-s), calc(var(--bulma-menu-item-background-l) + var(--bulma-menu-item-background-l-delta)));
} */

aside.menu .menu-list.profil-menu .icon {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}


aside.menu .menu-list .profil-menu .account-subtitle {
  color: hsl(var(--bulma-menu-item-h), var(--bulma-menu-item-s), var(--bulma-menu-item-color-l));
  margin-top: 0.2rem;
  font-size: smaller;
}


/* NAVBAR LAYOUT 2 */

@media screen and (max-width: 1366px) {
  nav.navbar.layout-2-desktop {
    display: none;
  }

  .navbar-spacer-layout2-dekstop {
    display: none;
  }

  .footer-layout2-dekstop {
    display: none;
  }
}

@media screen and (min-width: 1367px) {
  nav.navbar.layout-2-mobile {
    display: none;
  }
}

nav.navbar.layout-2-desktop {
  background-color: var(--header-color);
  padding: 0 5rem;

}

nav.navbar.layout-2-desktop .navbar-start {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  gap: 10px;
}

nav.navbar.layout-2-desktop .navbar-menu {
  justify-content: space-between;
  width: 100%;
  font-size: 1.1rem;
}


nav.navbar.layout-2-desktop .navbar-end .navbar-item .navbar-profil-button {
  color: hsl(0, 0%, 100%);
  margin-left: -10rem;
}

nav.navbar.layout-2-desktop .navbar-end .navbar-item .navbar-profil-button .icon {
  margin-right: 0.5rem;
}

nav.navbar.layout-2-desktop .navbar-start .navbar-item {
  gap: 6px;
  color: hsl(0, 0%, 100%);
  padding: 1.7rem 0.9rem;
}

nav.navbar.layout-2-desktop .navbar-start .navbar-item.is-active,
nav.navbar.layout-2-desktop .navbar-start .navbar-item:not(.has-dropdown):hover {
  filter: brightness(0.8);
  background-color: var(--header-color);
}


nav.navbar.layout-2-desktop .navbar-start .navbar-item.is-active .navbar-triangle {
  position: fixed;
  border-bottom: 0.5rem solid hsl(0, 0%, 100%);
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  height: 0;
  width: 0;
  top: 4.6rem;
  left: 50%;
  transform: translateX(-50%);
}

/* nav.navbar.layout-2-desktop .navbar-start .navbar-item.is-active a {
  color: var(--bulma-light-l);
} */

nav.navbar.layout-2-desktop .navbar-start .navbar-item .icon i {
  background-color: var(--header-color);
}

/* nav.navbar.layout-2-desktop .navbar-start .navbar-item.is-active .icon i {
  color: var(--bulma-primary);
} */

nav.navbar.layout-2-desktop .navbar-start .navbar-item a {
  color: unset;
}

nav.navbar.layout-2-desktop .navbar-brand .navbar-item {
  position: absolute;
  background-color: hsl(0, 0%, 100%);
  padding: 1.8rem;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
  align-items: center;
}

nav.navbar.layout-2-desktop .navbar-item .navbar-dropdown {
  background-color: var(--header-color);
}


nav.navbar.layout-2-desktop .navbar-item .navbar-dropdown .navbar-item {
  background-color: var(--header-color);
  color: hsl(0, 0%, 100%);
  font-size: 1.1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}


/*var(--bulma-menu-item-hover-background-l-delta);*/

nav.navbar.layout-2-mobile {
  background-color: var(--header-color);
  padding: 0 0.8rem;
}

nav.navbar.layout-2-mobile .navbar-burger {
  color: hsl(0, 0%, 100%);
}

nav.navbar.layout-2-mobile .navbar-brand .navbar-item {
  background-color: white;
  position: absolute;
  padding-bottom: 0.8rem;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
}

nav.navbar.layout-2-mobile .navbar-menu.is-active.navbar-menu-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: white;
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: start;
  overflow-y: auto;
}

nav.navbar.layout-2-mobile .navbar-end {
  padding: 2.9rem;
}

nav.navbar.layout-2-mobile .navbar-start {
  margin-top: 2rem;
}

nav.navbar.layout-2-mobile .navbar-end .navbar-profil .icon {
  font-size: 1.3rem;
  margin-right: 0.5rem;

}

nav.navbar.layout-2-mobile .navbar-end .navbar-item {
  margin-top: 0;
  font-size: 1.1rem;
  color: var(--main-text-color);
}

nav.navbar.layout-2-mobile .navbar-end .navbar-item .navbar-profil .navbar-profil-menu {
  margin-left: 1.5rem;
  margin-top: 0.5rem;
}

nav.navbar.layout-2-mobile .navbar-menu.is-active.navbar-menu-fullscreen .navbar-start .navbar-item {
  padding-left: 4rem;
  display: flex;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

nav.navbar.layout-2-mobile .navbar-menu.is-active.navbar-menu-fullscreen .navbar-start a.navbar-item {
  font-size: 1.1rem;
}

nav.navbar.layout-2-mobile .navbar-menu.is-active.navbar-menu-fullscreen .navbar-start .navbar-item .icon i {
  margin-right: 0.7rem;
  font-size: 1.3rem;
}

nav.navbar.layout-2-mobile .navbar-menu.is-active.navbar-menu-fullscreen .navbar-start .navbar-item.is-active,
nav.navbar.layout-2-mobile .navbar-menu.is-active.navbar-menu-fullscreen .navbar-start .navbar-item:hover {
  background-color: hsl(var(--menu-background-h), var(--menu-background-s), var(--menu-background-l));
}

nav.navbar.layout-2-mobile .navbar-menu.is-active.navbar-menu-fullscreen .navbar-start a.navbar-item.is-active {
  background-color: hsl(var(--menu-background-h), var(--menu-background-s), var(--menu-background-l));
  color: var(--bulma-primary);
}

nav.navbar.layout-2-mobile .navbar-menu.is-active.navbar-menu-fullscreen .navbar-start .navbar-item .icon i {
  background-color: hsl(var(--menu-background-h), var(--menu-background-s), var(--menu-background-l));
}

nav.navbar.layout-2-mobile .navbar-menu.is-active.navbar-menu-fullscreen .navbar-start .navbar-item.is-active .icon i {
  color: var(--bulma-primary);
}

nav.navbar.layout-2-mobile .navbar-menu.is-active.navbar-menu-fullscreen .navbar-start a.navbar-item {
  color: unset;
}

nav.navbar.layout-2-mobile .navbar-menu.is-active.navbar-menu-fullscreen .navbar-header {
  margin: 2rem
}

nav.navbar.layout-2-mobile .navbar-menu.is-active.navbar-menu-fullscreen .navbar-header img {
  max-height: 70px;
}

/* Pour éviter que la navbar-burger soit hors de la vue */
nav.navbar.layout-2-mobile .navbar-burger.is-active {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 100;
  background-color: var(--bulma-primary);
}


.navbar__brand {
  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;

  padding-top: 0.75rem;
  padding-bottom: 0.75rem;

}

.navbar__brand>img {
  width: 80%;
  height: 80%;
  object-fit: contain;
}

.navbar__content__container {
  display: none;
}

.navbar__content__container>li {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}

.navbar__content__container>.active a {
  color: #fdfdfd;
}

.footer-btn.active {
  color: var(--main-color) !important;
}

@media screen and (min-width: 1367px) {

  .is-fixed-bottom {
    display: none !important;
  }

  .navbar {
    background-color: var(--main-color);

    position: relative;
  }

  .navbar__brand {
    width: 6.125rem;
    height: 6.125rem;

    background-color: white;

    border-radius: 0px 0px 10px 10px;

    display: flex;
    justify-content: center;
    align-items: center;

    position: absolute;
    left: 20vw;
  }

  .navbar__brand>img {
    width: 80%;
    height: 80%;
    object-fit: contain;
  }

  .navbar__content__container {
    display: flex;
    align-items: center;
    gap: 24px;
    height: 100%;
  }

  .navbar__content__container>.active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
  }
}

/* FOOTER */

@media screen and (max-width: 1366px) {
  .footer-layout1-dekstop {
    display: none;
  }

  .footer-layout2-dekstop {
    display: none;
  }

  .footer-light-dekstop {
    display: none;
  }
}

.free-space-before-footer {
  height: 50px;
}

.free-space-50 {
  height: 50px;
}

.footer-line {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

.footer-layout2 .footer-list {
  display: flex;
  justify-content: center;
  gap: 2rem;
  bottom: 0;
  margin-bottom: 0.7rem;
  width: 100%;
}

.footer-layout2 .footer-list .footer-item a,
.footer-layout2 .footer-list .footer-item span {
  color: white;
}

.footer-layout2 .footer-item-address a {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -3rem;
  color: #fff;
}

.footer-layout2 {
  position: relative;
  margin-top: auto;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: var(--header-color);
}

.footer-layout1 {
  position: relative;
  margin-top: auto;
  width: 100%;
  margin-left: 8rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.footer-layout1 .footer-list {
  display: flex;
  justify-content: center;
  margin-bottom: 0.7rem;
  gap: 2rem;
}

.footer-layout1 .footer-list .footer-item a {
  color: var(--bulma-primary);
}

.footer-layout1 .footer-item-address a {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -3rem;
  color: var(--bulma-primary);
}


/*FOOTER LIGHT FOR HORS APP */
.footer-light {
  position: relative;
  margin-top: auto;
  width: 100%;
}

.footer-light .footer-list {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding-bottom: 3.5rem;
  padding-top: 1.5rem;
}

.footer-light .footer-list .footer-item a {
  color: var(--bulma-primary);
}

.footer-light .footer-item-address a {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -3rem;
  color: var(--bulma-primary);
}

/* CARD AND BOX */

.card,
.box,
.accordion {
  border-radius: 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
}

.card.card-glow {
  box-shadow: 0 0 0.5em var(--main-color);
}

/* SECTION */

.content-container {
  padding: 3.75rem 1rem;
}


.content-container-outapp {
  padding: 3.75rem 1rem;
}

section.section {
  padding: 0.25rem !important;
  margin: 3rem 0rem !important;
}

.section-separate {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
  border-radius: 0.5rem;
}

.section .section-card-content {
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}

@media screen and (max-width: 425px) {
  .content-container {
    padding: 2rem 0.7rem;
  }
}

@media screen and (max-width: 1024px) {
  section.section {
    padding: 0rem 0rem !important;
  }

  .content-container {
    padding: 2rem 0.7rem;
  }

  .content-container-outapp {
    padding: 2rem 0.7rem;
  }

}

section.section .title {
  margin-bottom: 0.5rem;
}

header.section {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
  display: flex;
  align-items: center;
}

h1.page-title {
  margin: 1.5rem 0.8rem;
}

.section_header {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 1.5rem;
}

.section_header>h1,
.section_header>.return-button {
  margin: 0;
}

/* ACCORDION */

.accordion {
  background-color: unset !important;
}

.accordions .accordion.is-active .accordion-body {
  max-height: 500em !important;
}

.accordion-header {
  background-color: var(--main-color) !important;
}

.accordion-header p {
  color: #FFFFFF !important;
  font-size: 1.2rem;
  font-weight: 600 !important;
  display: flex;
  align-items: center;
}

.accordion-header i.toggle {
  margin: 0;
}

.accordion-header i {
  margin-right: 15px;
  font-style: normal;
  font-size: 1.5em !important;
}

.accordion-content p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.accordion-content ul {
  list-style: unset;
}

.accordion-content li {
  margin-left: 2rem;
}

.accordion-content .subtitle {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}

/* RETURN BUTTON */

.text-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.floating-block {
  position: absolute;
}

.page-title-secondary {
  margin-left: 70px;
}

/* .return-button {
  width: 110px;
  height: 40px;
  display: flex;
} */
.return-button {
  width: 33px;
  height: 33px;
  margin-bottom: unset !important;
  display: flex;
  min-width: 33px;
}

.level-title .level-left .level-item .return-button {
  margin-right: 0.75rem;
}

/* .level-title .level-left {
  display: inline;
} */

.level-title {
  width: 100% !important;
  max-width: 100%;
  /* display: block !important; */
  overflow-wrap: break-word;
  white-space: normal;
  align-items: flex-start;
}

.level-title .level-left {
  display: inline-block;
}

.return-button i {
  margin: auto;
  color: var(--main-color);
  font-size: 1.2rem;
}

.action-board .box {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 1.1rem !important;
  font-weight: 500;
  transition: transform .2s;
}

.action-board .box i {
  color: var(--main-color);
  font-size: 1.8rem;
  margin-right: 15px;
}

.action-board .box:hover {
  transform: scale(1.1);
}

/* FORMS */

.field .label:not(:last-child) {
  margin-bottom: .1em;
}

.control .select,
.control .select select {
  width: 100%;
}

/* .control .input,
.control .select select,
.control .textarea,
.control textarea {
  border-radius: 0.4rem;
  border-color: var(--main-color);
} */

/* .control .select:not(.is-multiple):not(.is-loading)::after {
  border-color: var(--main-color);
}

.control .input:hover,
.control .input:focus,
.control .select:focus select,
.control .textarea:focus,
.control textarea:focus,
.control input[type="checkbox"]:focus+.checkbox-check {
  border-width: 2px;
  border-color: var(--main-color) !important;
  box-shadow: 0 0 0.5em var(--main-color-transparent) !important;
} */

/* .control input[type="checkbox"]+.checkbox-check {
  border-width: 1px !important;
  border-color: var(--main-color) !important;
}

.control input[type="checkbox"]:hover+.checkbox-check {
  border-width: 2px !important;
  border-color: var(--main-color) !important;
}

.control input[type="checkbox"]:checked+.checkbox-check {
  background-color: var(--main-color) !important;
} */

.control .file-list {
  margin-top: 10px;
  margin-bottom: 10px;
}

.control .file-name,
.control .file-cta {
  /* border-color: var(--main-color); */
  border-radius: 12px !important;
}

@media screen and (max-width: 1366px) {
  .file-name{
    max-width: 100% !important;
  }
}

.control .file-cta {
  background-color: var(--bulma-primary) !important; 
  color: var(--bulma-link-invert) !important;
}

.control .file-input[disabled]+.file-cta {
  cursor: not-allowed;
  opacity: 0.5;
}

.control .file-cta .file-label {
  cursor: inherit;
}

.control .file-label:hover {
  /* box-shadow: 0 0 0.5em var(--main-color-transparent); */
}

.control .file-label:hover>.file-cta {
  /* border-width: 2px; */
  /* border-color: var(--main-color);
  background-color: var(--main-color);
  color: var(--main-text-color); */
}

.control .file-label:hover>.file-name {
  /* border-width: 2px; */
  /* border-color: var(--main-color); */
}

.control .file.has-name .file-label:hover>.file-cta {
  border-right: 0px;
}

.control .file.has-name .file-label:hover>.file-name {
  border-left: 0px;
}

.field .label:has(+ .control input[required])::after,
.field .label:has(+ .control select[required])::after,
.field .control .label[for*="captcha"]::after {
  content: " *";
  color: red;
  display: inline-block;
}

div:has([id*="captcha"], [class*="captcha"]) .errorlist {
  display: none;
}

div:has([id*="captcha"], [class*="captcha"]) .notification>.errorlist {
  display: unset;
  color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l)) !important;
}


/* LOADER */

.loader-login .loader {
  border-left: 3px solid var(--bulma-primary);
  border-bottom: 3px solid var(--bulma-primary-light);
  height: 80px;
  width: 80px;
}

.loader-partial .loader,
.loader-partial.loader,
.loader-mini .loader {
  border-left: 3px solid var(--bulma-primary);
  border-bottom: 3px solid var(--bulma-primary-light);
  height: 25px;
  width: 25px;
}


/* SERVICE CARD */

#health-services .card {
  height: 100%;
}

#health-services .card-image .image-service img {
  height: 25vw;
  max-height: 150px;
  object-fit: cover;
}

#health-services .card-image:first-child .image-service img {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

#health-services .card-content .media-left i {
  font-size: 1.8rem;
  color: var(--main-color);
}

#health-services .media-content {
  overflow: unset !important;
}

#health-services .card-image .card-image-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: var(--main-color-transparent);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

@media screen and (min-width: 1367px) {
  .contacts.column.is-one-third {
    margin-top: 4.625rem;
  }
}

/* MODAL */

.modal-content .box {
  margin-left: 10px;
  margin-right: 10px;
}

/* COLOR */

/*.is-main-color {
  color: var(--main-color) !important;
}

.is-color-1 {
  background-color: var(--main-color) !important;
}

.is-color-2 {
  background-color: #00d1b2 !important;
}

.is-color-3 {
  background-color: #485fc7 !important;
}
*/

/* LIGHT PAGES */
.logo-page-header {
  margin: 3rem auto 5rem auto;
  width: 200px;
}

@media screen and (max-width: 1367px) {
  .logo-page-header {
    margin: 3rem auto 3rem auto;
    width: 200px;
  }
}

/* MESSAGES */

/*article.message {
  background-color: var(--main-color-transparent-light);
}

article.message .message-body {
  border-color: var(--main-color);
}

article.message .message-title {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
*/

/* INSURANCE CARD */

.insurance-card {
  margin-left: auto;
  margin-right: auto;
  /* height: 275px; */
  max-width: 450px;
  max-height: 300px;
  border-radius: 25px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  background-color: var(--bulma-primary-super-light);
  box-shadow: 0 0 0.5em var(--bulma-primary);
}

.insurance-card .insurance-card-header {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.insurance-card .insurance-card-header img {
  max-height: 90px;
  margin-right: 2rem;
}

.insurance-card .validity {
  margin-top: auto;
}

/* FAQ */
#faqList {
  list-style: none;
  padding: 0;
  margin: 0;
}

.faq-item .card {
  /* border: 1px solid #ddd; */
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.faq-item .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.7rem;
  background-color: var(--bulma-dark-invert-l);
  cursor: pointer;
  box-shadow: none;
}

.faq-item .card-header-title {
  font-weight: bold;
  color: var(--bulma-dark-invert-l);
  margin: 0;
}

.faq-item .card-header-icon {
  color: var(--bulma-dark-invert-l);
  transition: transform 0.3s ease;
}

@media screen and (max-width: 1367px) {

  .faq-item .card-header-title,
  .faq-item .card-header-icon {
    padding: 0.8rem 0rem;
  }
}


.icon-left {
  color: var(--bulma-primary);
}

.card-header-icon:focus {
  outline: none;
}

.is-collapsible {
  display: none;
  overflow: hidden;
}

/* .card-content {
  margin-top: -1.7rem;
} */

.card-content i {
  margin-top: 1rem;
  color: hsl(var(--bulma-menu-item-h), var(--bulma-menu-item-s), calc(var(--bulma-menu-item-background-l) + var(--bulma-menu-item-background-l-delta)));
}

.is-collapsible.active {
  display: block;
}

.is-collapsible {
  max-height: 0;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}

.is-collapsible.active {
  max-height: 100rem;
  transition: max-height 0.5s ease-in;
}

.predefined-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: .3rem;
}

.predefined-filters .filter-btn {
  cursor: pointer;
  font-size: 0.9rem;
}

.predefined-filters .filter-btn:hover {
  background-color: var(--bulma-primary) !important;
  color: white !important;
}

.filter-btn {
  background-color: var(--bulma-primary-light);
}

.filter-btn.active {
  background-color: var(--bulma-primary);
  color: white;
}

/* PROGRESS BAR */
.progressbar {
  border-radius: 13px;
  display: flex;
}

.progressbar>div {
  width: 40%;
  height: 25px;
  color: var(--main-text-color);
  font-size: 10px;
  display: flex;
  align-items: center;
}

.progressbar>div:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.progressbar>div:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.progressbar .progressbar-label {
  margin: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* MAP */
#map {
  height: 280px;
}

.list-item-pay {
  font-size: 10px;
}

img.list-item-pay-tag {
  max-height: 35px;
  max-width: 35px;
}

/* BULMA TABS */

.tab-content {
  display: none;
}

.tab-content.is-active {
  display: block;
}

th {
  color: var(--bulma-grey) !important;
  font-weight: 700;
}

.has-border-radius {
  border-radius: .5rem;
}

/* ck content render */

.ck-content>ul {
  padding-left: 15px;
}

.ck-content>p {
  word-wrap: break-word;
}

/* file d'ariane */
.breadcrumb.layout-1-desktop,
.breadcrumb.layout-2-desktop {
  display: block;
}

@media screen and (max-width: 1366px) {

  .breadcrumb.layout-1-desktop,
  .breadcrumb.layout-2-desktop {
    display: none;
  }
}

.selectize-input {
  font-size: 16px !important;
}

.promoted-page img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 10px;
  max-height: 200px;
  object-fit: cover;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .icon-refund {
    height: var(--bulma-icon-dimensions-large);
    width: var(--bulma-icon-dimensions-large);
  }
}

.icon-refund i,
.icon-conversation i {

  font-size: 1.3rem;
}

.refund-amount {
  font-size: 1rem;
  font-weight: var(--title-font-weight);
}

.breadcrumb li+li:before {
  content: ">" !important;
}

.tag.alert .icon {
  margin: 0px !important;
}

.custom-page-preview .title,
.custom-page-preview p {
  margin-bottom: 0.5rem !important;
}

.chart-container {
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

@media screen and (max-width: 1366px) {
  .is-flex-mobile {
    white-space: normal !important;
    width: 21rem !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {

  .navbar.layout-2-mobile {
    display: block !important;
  }

  .navbar-burger {
    display: block !important;
  }

  .navbar-menu {
    display: none;
  }

  .navbar-menu-fullscreen.is-active {
    display: block !important;
  }

  .navbar-start {
    display: block !important;
  }

  .navbar-end {
    display: block !important;
  }

  .navbar.layout-1-mobile {
    display: block !important;
  }
}

.navbar-menu-fullscreen .navbar-header{
  margin-bottom: 0rem !important;
}

.navbar-menu-fullscreen .navbar-end{
  padding-top: 0.8rem !important;
}

@keyframes Line1 {
  0% {
    left: -35%;
    right: 100%;
  }

  60%,
  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes Line2 {
  0% {
    left: -200%;
    right: 100%;
  }

  60%,
  100% {
    left: 107%;
    right: -8%;
  }
}

/* PAGE LOADER */

.page-loader {
  width: 100%;
  position: fixed;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 8px;
  background: var(--bulma-primary-15-l);
  overflow: hidden;
  z-index: 99;
}

.page-loader div::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  background: var(--bulma-primary);
  animation: Line1 2100ms cubic-bezier(0.65, 0.81, 0.73, 0.4) infinite;
}

.page-loader div:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  background: var(--bulma-primary);
  animation: Line2 2100ms cubic-bezier(0.16, 0.84, 0.44, 1) infinite;
  animation-delay: 1150ms;
}

/* INACTIVITY TIMEOUT WARNING */

.inactivity-warning {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 999;
  width: 90%;
  max-width: 400px;
  text-align: center;
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.2);
}

@keyframes inactivityWarningfadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, -60%);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

.inactivity-warning-fade-in {
  animation: inactivityWarningfadeIn 0.5s ease-out;
}


.emoji-icon {
  font-size: 1.5rem;
}

footer.layout-1-mobile .footer-btn .emoji-icon {
  margin-bottom: 0.5rem;
}

.tag .emoji-icon {
  font-size: 0.8rem;
}

.services-home .emoji-icon {
  font-size: 2rem;
}

.services-home{
  color: unset !important;
  display: flex;
  flex-direction: column;      /* empile icône + texte */
  justify-content: center;     /* centre verticalement */
  align-items: center;         /* centre horizontalement */
  height: 100%; 
}

.filter-documents {
  margin-bottom: 3rem;
  margin-top: 0.5rem;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .dropdown-menu{
    left: 0 !important;
    right: auto !important;
  }
}

@media screen and (max-width: 768px) {
  .filter-doc-date-range {
    display: block !important;
    margin-bottom: 1rem !important;
  }  
}

@media screen and (min-width: 1366px) {
  .periodicity {
    margin-left: 0.8rem;
  }
}

@media screen and (max-width: 800px) {
  .periodicity {
    margin-left: 1.4rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .periodicity {
    margin-left: 0rem;
  }
  .navbar.layout-1-mobile .navbar-menu .navbar-item {
    padding: 0.5rem 1rem;
  }
}

@media screen and (max-width: 500px) {
  .list-documents-contracts-mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    margin-left: 0;
    padding-left: 0;

  }
}

@media screen and (max-width:768px) {
  .list-item-controls,
  .list-item-controls-mobile-contract {
    padding: .5rem 0rem !important;
  }
}

.document-item .tag.document-type {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word; 
  height: auto;
  min-height: 2em;
  padding: 0.25rem 0.5rem;
  border-radius: 15px;

}

.beneficiary-item{
  display: flex;
  flex-wrap: wrap;
}

.simu_button_items{
  gap: 1rem;
  margin-bottom: 2rem;
}

.simulator-icon i {
  font-size: 1.5rem
}

@media screen and (max-width:768px) {
  .level-title .level-right .level-item {
    margin-top: 1rem;
  }
}

@media screen and (max-width:768px) {
  section.insurance-section {
    margin: 3rem 0rem !important;
  }
  .button-cancel-delete {
    margin-top: 1rem;
    width: 100%;
  }
  .button-cancel{
    width: 100%;
  }
}

.file-label-name{
  display: flex;
  align-items: flex-start;
}

.file.has-name{
  display: flex;
  flex-direction: column;
}

.file_info{
  padding-top: 1rem;
}


.preview-page-content {
  word-wrap: break-word;   /* ou overflow-wrap */
  overflow-wrap: break-word;
}
a.dropdown-item.is-active{
  background-color: var(--bulma-primary) !important;
}

.has-text-link {
  color: var(--bulma-link-text) !important;
}

.is-link {
  background-color: var(--bulma-link-text-hover) !important;
}

@media screen and (max-width:768px){
  .payment-wrapper {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .payment-wrapper .mr-4 {
    margin-right: 0 !important;
    margin-bottom: 0.5rem;
  }
  .payment-wrapper button {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .is-fullwidth-mobile {
    width: 100% !important;
    max-width: none !important;
  }
}


.navbar-link:not(.is-arrowless):after, .select:not(.is-multiple):not(.is-loading):after {
  border-color: var(--bulma-primary) !important;
}

.input:focus, .input:focus-within, .is-focused.input, .is-focused.textarea, .select select.is-focused, .select select:focus, .select select:focus-within, .textarea:focus, .textarea:focus-within{
  border-color: var(--bulma-primary) !important;
  box-shadow: var(--bulma-input-focus-shadow-size) hsla(var(--bulma-primary)) !important;
}

.button-text-color {
  color: var(--button-secondary-text-color) !important;
}


.map-container{
  width: 100%;
  height: 600px !important;
}

@media screen and (max-width: 768px) {
  .map-container {
    width: 100%;
    height: 400px !important;
  }
}

.filter-doc-date-range {
  -webkit-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.filter-doc-dropdown {
  display: flex;
  align-items: end;
}
.filter-doc-date-range label {
  margin-bottom: 0 !important;
}

.custom-dropdown{
  margin: 0.3rem 0 !important;
}

@media screen and (max-width: 768px) {
  /* .filter-doc-date-range {
    flex-direction: column;
    align-items: flex-start;
  } */
  .filter-doc-dropdown {
    flex-direction: column;
    align-items: flex-start;
  }
  .filter-doc-dropdown label {
    margin-bottom: 0 !important;
  }
}

.month-group-title{
  color: var(--bulma-text-50);
}

.tag.is-success.is-light{
  background-color: #DEF2E9 !important;
}

.message-date{
  color: var(--bulma-label-color);
}

.message-content{
  color: var(--bulma-label-color);
}

.schedules-list-title{
  color: #607185 !important;
}

.tabs.is-toggle li.is-active a {
  background-color: var(--bulma-primary) !important;
  color: white !important;
}

.switch-tabs ul li {
  flex: 1; /* chaque onglet prend la même place */
  text-align: center; /* centrer le texte */

}
.switch-tabs ul{
  justify-content: center;  /* centrer horizontalement */
  max-width: 400px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .switch-tabs ul{
    max-width: 100%;
    margin: 0 auto;
  }
}


.maplibregl-ctrl-attrib a{
  color: black !important;
}

.is-danger {
  background-color: #CC0029 !important;
}

#cp {
  color: #363636 !important;
  background-color: #f5f5f5 !important;
  border-color: #dbdbdb !important;
}

.switch-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.counter-tabs ul {
  max-width: none !important;
} 

.list .list-item .button {
  justify-content: flex-start;
  white-space: normal !important;
}