@charset "UTF-8";
/* BROWSER PREFIX */
:root {
  --main-padding: 1rem;
  --radius-card: 1.5rem;
  --radius-illustration-card-desktop: 1.75rem 1.75rem 0 0;
  --modal-mobile: 1.5rem 1.5rem 0 0;
  --modal-desktop: 3rem;
  --radius-1-rem: 1rem;
  --radius-2-rem: 2rem;
  --radius-top-2-rem: 2rem 2rem 0 0;
  --radius-bottom-2-rem: 0 0 2rem 2rem;
  --radius-btn: 2rem;
  --shadow-box-dark: 0 -.5rem 2rem -.5rem rgba(6,12,18,.04), 0 1rem 2rem -.5rem rgba(6,12,18,.08);
  --shadow-box-red:	0 -.5rem 2rem -.5rem rgba(190,0,40,.04), 0 1rem 2rem -.5rem rgba(190,0,40,.08);
}
@media (min-width: 48em) {
  :root {
    --main-padding: 2rem;
  }
}
@media (min-width: 48em) {
  :root {
    --radius-card: 3rem;
  }
}

html {
  box-sizing: border-box;
  font-size: 100%;
  scroll-behavior: smooth;
}

.parent-select {
  position: relative;
}
.parent-select select {
  appearance: none;
  min-width: 100%;
  height: 2rem;
  padding: 0 2rem 0 1rem;
  border-radius: 1rem;
  border: none;
  background-color: var(--bg-color);
  color: var(--txt-color);
  font-weight: 500;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  transition: 0.2s linear;
}
.parent-select:after {
  font-family: "remixicon";
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  content: "\ea4e";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  color: var(--txt-color);
  width: 2rem;
  height: 100%;
  pointer-events: none;
}

.input-group ~ .parent-select select {
  height: 100%;
  border-radius: 0 2rem 2rem 0;
}

.actions-header .parent-select {
  --bg-color: var(--b4);
}
.actions-header .parent-select select {
  height: 2.5rem;
  border-radius: 1.25rem;
}

optgroup {
  color: var(--black);
}

:root {
  --mfm-primary:	hsl(265, 100%, 75%);
  --mfm-primary-d5:	hsl(265,100%,70%);
  --mfm-primary-d10:	hsl(265,100%,65%);
  --mfm-primary-d50:	hsl(265,100%,25%);
  --mfm-ocre-1:	hsl(30, 100%, 93%);
  --mfm-ocre-2:	hsl(34, 100%, 82%);
  --mfm-ocre-3:	hsl(36, 100%, 74%);
  --mfm-ocre-4:	hsl(38, 100%, 50%);
  --mfm-ocre-5:	hsl(39, 100%, 38%);
  --mfm-ocre-6:	hsl(40, 100%, 21%);
  --mfm-white:	hsl(33, 100%, 96%);
  --mfm-black:	hsl(210, 26%, 15%);
  --dark:	hsl(210, 55%, 22%);
  --blue-grey:	hsl(240, 10%, 48%);
  --grey:	hsl(0, 0%, 47%);
  --clear-grey:	hsl(223, 37%, 96%);
  --soft-grey:	hsl(223, 5%, 71%);
  --green:	hsl(160, 100%, 40%);
  --blue:	hsl(211, 100%, 50%);
  --dark-blue:	hsl(211, 100%, 34%);
  --purple:	hsl(270, 66%, 51%);
  --red:	hsl(350, 86%, 59%);
  --orange:	hsl(42, 100%, 50%);
  --orange-hsla: hsla(42, 51, 45, 32);
  --green-4:	hsl(160, 100%, 92%);
  --blue-4:	hsl(211, 100%, 92%);
  --purple-4:	hsl(270, 66%, 92%);
  --red-4:	hsl(350, 86%, 96%);
  --orange-4:	hsl(42, 100%, 92%);
  --success:	var(--green);
  --info:	var(--blue);
  --warning:	var(--orange);
  --danger:	var(--red);
  --white: #fff;
  --black: #000;
  --w2: rgb(255 255 255 / 2%);
  --w4: rgb(255 255 255 / 4%);
  --w6: rgb(255 255 255 / 6%);
  --w8: rgb(255 255 255 / 8%);
  --w12: rgb(255 255 255 / 12%);
  --w16: rgb(255 255 255 / 16%);
  --w24: rgb(255 255 255 / 24%);
  --w32: rgb(255 255 255 / 32%);
  --w48: rgb(255 255 255 / 48%);
  --w64: rgb(255 255 255 / 64%);
  --w72: rgb(255 255 255 / 72%);
  --w84: rgb(255 255 255 / 84%);
  --w92: rgb(255 255 255 / 92%);
  --w96: rgb(255 255 255 / 96%);
  --b2: rgb(0 0 0 / 2%);
  --b6: rgb(0 0 0 / 6%);
  --b4: rgb(0 0 0 / 4%);
  --b8: rgb(0 0 0 / 8%);
  --b12: rgb(0 0 0 / 12%);
  --b16: rgb(0 0 0 / 16%);
  --b24: rgb(0 0 0 / 24%);
  --b32: rgb(0 0 0 / 32%);
  --b48: rgb(0 0 0 / 48%);
  --b64: rgb(0 0 0 / 64%);
  --b72: rgb(0 0 0 / 72%);
  --b84: rgb(0 0 0 / 84%);
  --b92: rgb(0 0 0 / 92%);
  --b96: rgb(0 0 0 / 96%);
  --yellow-gradient: linear-gradient(180deg, #FFC732 0%, #FFB400 100%);
  --red-gradient: linear-gradient(180deg, #FF7082 0%, #F03C5A 100%);
  --purple-gradient: linear-gradient(180deg, #9429eb 0%, #2C519D 100%);
}

.theme-light .topbar {
  --white: hsl(var(--hsl15));
  --black: #FFF;
  --w4: rgb(0 0 0 / 4%);
  --w6: rgb(0 0 0 / 6%);
  --w8: rgb(0 0 0 / 8%);
  --w12: rgb(0 0 0 / 12%);
  --w16: rgb(0 0 0 / 16%);
  --w2: rgb(0 0 0 / 2%);
  --w24: rgb(0 0 0 / 24%);
  --w32: rgb(0 0 0 / 32%);
  --w48: rgb(0 0 0 / 48%);
  --w64: rgb(0 0 0 / 64%);
  --w72: rgb(0 0 0 / 72%);
  --w84: rgb(0 0 0 / 84%);
  --w92: rgb(0 0 0 / 92%);
  --w96: rgb(0 0 0 / 96%);
  --b2: rgb(255 255 255 / 2%);
  --b6: rgb(255 255 255 / 6%);
  --b4: rgb(255 255 255 / 4%);
  --b8: rgb(255 255 255 / 8%);
  --b12: rgb(255 255 255 / 12%);
  --b16: rgb(255 255 255 / 16%);
  --b24: rgb(255 255 255 / 24%);
  --b32: rgb(255 255 255 / 32%);
  --b48: rgb(255 255 255 / 48%);
  --b64: rgb(255 255 255 / 64%);
  --b72: rgb(255 255 255 / 72%);
  --b84: rgb(255 255 255 / 84%);
  --b92: rgb(255 255 255 / 92%);
  --b96: rgb(255 255 255 / 96%);
}

#page-wrapper {
  --hsl: var(--h-theme, 210), calc(var(--s-theme, 50) * 1%), calc(var(--l-theme, 16) * 1%);
  --primary: hsl(var(--hsl));
  --primary-h: var(--h-theme, 210);
  --primary-s: calc(var(--s-theme, 50) * 1%);
  --primary-l: calc(var(--l-theme, 16) * 1%);
  /* Lighten theme */
  --primary-l2: hsl(var(--primary-h), var(--primary-s), calc(var(---l) + 2.5%));
  --primary-l5: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 5%));
  --primary-l10: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 10%));
  --primary-l20: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 20%));
  --primary-l30: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 30%));
  --primary-l40: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 40%));
  --primary-l50: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 50%));
  /* Darken theme */
  --primary-d2: hsl(var(--primary-h), var(--primary-s), calc(var(---l) - 2.5%));
  --primary-d5: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 5%));
  --primary-d10: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 10%));
  --primary-d20: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 20%));
  --primary-d30: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 30%));
  --primary-d40: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 40%));
  --primary-d50: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 50%));
  --primary-50: hsl(var(--primary-h), var(--primary-s), 95%);
  --primary-100: hsl(var(--primary-h), var(--primary-s), 90%);
  --primary-900: hsl(var(--primary-h), var(--primary-s), 10%);
  --hsl-ligthen: var(--h-theme, 210), 50%, calc(calc(var(--l-theme, 16) * 1%) + 15%);
  --hsl-darken: var(--h-theme, 210), 50%, calc(calc(var(--l-theme, 16) * 1%) - 20%);
  --hsl-l10: calc(var(--h-theme, 210) + 10), calc(var(--s-theme, 50) * 1%), calc(calc(var(--l-theme, 16) * 1%) + 10%);
  --hsl-l20: calc(var(--h-theme, 210) + 10), calc(var(--s-theme, 50) * 1%), calc(calc(var(--l-theme, 16) * 1%) + 20%);
  --hsl92: var(--h-theme, 210), calc(var(--s-theme, 50) * 1%), 92%;
  --hsl96: var(--h-theme, 210), var(--s-theme, 50), 96%;
  --theme-hsla-10: hsl(var(--primary-h), var(--primary-s), 20%, 10%);
  --theme-color-hsl: hsl(var(--h-theme), calc(var(--s-theme) * 1%), calc(var(--l-theme) * 1%));
  --theme-color-outiline: hsla(var(--h-theme), calc(var(--s-theme) * 1%), calc(var(--l-theme) * 1%), 8%);
  --theme-color-shadow: hsla(var(--h-theme), calc(var(--s-theme) * 1%), calc(var(--l-theme) * 1%), 32%);
  --default-gradient: linear-gradient(0deg, hsl(210,55%,16%) -50%, hsl(210,55%,32%) 100%);
  --default-gradient-soft: linear-gradient(0deg, hsl(210,55%,84%) -50%, hsl(210,55%,92%) 100%);
  --primary-gradient-100: var(--primary) 0%, lightness(var(--primary), 1.2) 100%;
  --primary-gradient-500: var(--primary) 0%, lightness(var(--primary), 1.2) 100%;
  --themed-gradient: linear-gradient(0deg, hsl(var(--hsl)) 0%, hsl(var(--hsl-l10)) 100%), #FFF;
  --themed-gradient-soft: linear-gradient(0deg, hsla(var(--hsl), 8%) 0%, hsla(var(--hsl-l10), 8%) 100%), #FFF;
  --themed-gradient-light: linear-gradient(0deg, var(--primary-d10) 0%, var(--primary) 100%), #FFF;
  --icon-themed-gradient: var(--themed-gradient, var(--default-gradient), #FFF );
  --icon-themed-gradient-soft: var(--themed-gradient-soft, var(--default-gradient-soft), #FFF );
}

#shortcuts {
  --themed-gradient: radial-gradient(circle at 50% 0%, hsl(var(--hsl-ligthen)) 25%, hsl(var(--hsl)) 150%), #FFF;
}
@media (min-width: 48em) {
  #shortcuts {
    --themed-gradient: radial-gradient(circle at 0% 0%, hsl(var(--hsl-ligthen)) 25%, hsl(var(--hsl)) 75%, hsl(var(--hsl-darken)) 150%), #FFF;
  }
}

:root {
  --avatar-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDI1IDMwIj48ZGVmcz48cmFkaWFsR3JhZGllbnQgaWQ9ImEiIGN4PSI1MC4wMjglIiBjeT0iLTIwJSIgcj0iMTIwJSIgZng9IjUwLjAyOCUiIGZ5PSItMjAlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAgMSAtLjYyNSAwIC4zNzUgLS43KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0ZGRiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIuODQiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguMTExKSI+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTEyLDE1IEM1LjMzMzMzMzMzLDE1IDEuMzMzMzMzMzMsMTkuOTk5ODUyIDAsMjkuOTk5NTU2IEwyNCwzMCBDMjMuMzMzMzMzMywyMCAxOS4zMzMzMzMzLDE1IDEyLDE1IFoiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjYiIHI9IjYiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+);
}

.ds-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-apply, var(--b8));
  border-radius: 50%;
}
.ds-icon i {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ds-icon.sm {
  width: 1.5rem;
  height: 1.5rem;
}
.ds-icon.sm i:not(.ri-lg) {
  font-size: 0.875rem;
}
.ds-icon.md {
  width: 2rem;
  height: 2rem;
}
.ds-icon.md i:not(.ri-lg) {
  font-size: 1rem;
}

.ds-icon.blue, .ds-icon.info {
  --color-apply: var(--blue);
  color: var(--txt-color-default, var(--white));
}
.ds-icon.green, .ds-icon.success {
  --color-apply: var(--green);
  color: var(--txt-color-default, var(--white));
}
.ds-icon.orange, .ds-icon.warning {
  --color-apply: var(--orange);
  color: var(--txt-color-default, var(--white));
}
.ds-icon.red, .ds-icon.danger {
  --color-apply: var(--red);
  color: var(--txt-color-default, var(--white));
}

.ds-icon.rsquare {
  border-radius: 0.5rem;
}

.icon-themed {
  background: var(--themed-gradient, linear-gradient(0deg, hsl(210deg, 55%, 16%) -50%, hsl(210deg, 55%, 32%) 100%), #FFF);
}

.picto,
.avatar,
.na,
.badge-themed {
  --hsl: var(--h-theme, 210), calc(var(--s-theme, 50) * 1%), calc(var(--l-theme, 16) * 1%);
  --primary: hsl(var(--hsl));
  --primary-h: var(--h-theme, 210);
  --primary-s: calc(var(--s-theme, 50) * 1%);
  --primary-l: calc(var(--l-theme, 16) * 1%);
  /* Lighten theme */
  --primary-l2: hsl(var(--primary-h), var(--primary-s), calc(var(---l) + 2.5%));
  --primary-l5: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 5%));
  --primary-l10: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 10%));
  --primary-l20: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 20%));
  --primary-l30: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 30%));
  --primary-l40: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 40%));
  --primary-l50: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 50%));
  /* Darken theme */
  --primary-d2: hsl(var(--primary-h), var(--primary-s), calc(var(---l) - 2.5%));
  --primary-d5: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 5%));
  --primary-d10: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 10%));
  --primary-d20: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 20%));
  --primary-d30: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 30%));
  --primary-d40: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 40%));
  --primary-d50: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 50%));
  --primary-50: hsl(var(--primary-h), var(--primary-s), 95%);
  --primary-100: hsl(var(--primary-h), var(--primary-s), 90%);
  --primary-900: hsl(var(--primary-h), var(--primary-s), 10%);
  --hsl-ligthen: var(--h-theme, 210), 50%, calc(calc(var(--l-theme, 16) * 1%) + 15%);
  --hsl-darken: var(--h-theme, 210), 50%, calc(calc(var(--l-theme, 16) * 1%) - 20%);
  --hsl-l10: calc(var(--h-theme, 210) + 10), calc(var(--s-theme, 50) * 1%), calc(calc(var(--l-theme, 16) * 1%) + 10%);
  --hsl-l20: calc(var(--h-theme, 210) + 10), calc(var(--s-theme, 50) * 1%), calc(calc(var(--l-theme, 16) * 1%) + 20%);
  --hsl92: var(--h-theme, 210), calc(var(--s-theme, 50) * 1%), 92%;
  --hsl96: var(--h-theme, 210), var(--s-theme, 50), 96%;
  --theme-hsla-10: hsl(var(--primary-h), var(--primary-s), 20%, 10%);
  --theme-color-hsl: hsl(var(--h-theme), calc(var(--s-theme) * 1%), calc(var(--l-theme) * 1%));
  --theme-color-outiline: hsla(var(--h-theme), calc(var(--s-theme) * 1%), calc(var(--l-theme) * 1%), 8%);
  --theme-color-shadow: hsla(var(--h-theme), calc(var(--s-theme) * 1%), calc(var(--l-theme) * 1%), 32%);
  --default-gradient: linear-gradient(0deg, hsl(210,55%,16%) -50%, hsl(210,55%,32%) 100%);
  --default-gradient-soft: linear-gradient(0deg, hsl(210,55%,84%) -50%, hsl(210,55%,92%) 100%);
  --primary-gradient-100: var(--primary) 0%, lightness(var(--primary), 1.2) 100%;
  --primary-gradient-500: var(--primary) 0%, lightness(var(--primary), 1.2) 100%;
  --themed-gradient: linear-gradient(0deg, hsl(var(--hsl)) 0%, hsl(var(--hsl-l10)) 100%), #FFF;
  --themed-gradient-soft: linear-gradient(0deg, hsla(var(--hsl), 8%) 0%, hsla(var(--hsl-l10), 8%) 100%), #FFF;
  --themed-gradient-light: linear-gradient(0deg, var(--primary-d10) 0%, var(--primary) 100%), #FFF;
  --icon-themed-gradient: var(--themed-gradient, var(--default-gradient), #FFF );
  --icon-themed-gradient-soft: var(--themed-gradient-soft, var(--default-gradient-soft), #FFF );
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
}
.picto.size-1,
.avatar.size-1,
.na.size-1,
.badge-themed.size-1 {
  width: 1rem;
  height: 1rem;
}
.picto.size-1-5,
.avatar.size-1-5,
.na.size-1-5,
.badge-themed.size-1-5 {
  width: 1.5rem;
  height: 1.5rem;
}
.picto.size-2,
.avatar.size-2,
.na.size-2,
.badge-themed.size-2 {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
}
.picto.size-2-5,
.avatar.size-2-5,
.na.size-2-5,
.badge-themed.size-2-5 {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.125rem;
}
.picto.size-3,
.avatar.size-3,
.na.size-3,
.badge-themed.size-3 {
  width: 3rem;
  height: 3rem;
  font-size: 1.25rem;
}
.picto.size-4,
.avatar.size-4,
.na.size-4,
.badge-themed.size-4 {
  width: 4rem;
  height: 4rem;
  font-size: 1.5rem;
}
.picto.size-5,
.avatar.size-5,
.na.size-5,
.badge-themed.size-5 {
  width: 5rem;
  height: 5rem;
  font-size: 2rem;
}

.picto {
  background: url("/img/med-icons.svg#cs") center no-repeat, var(--icon-themed-gradient);
  background-size: cover;
}
.picto.cs {
  background: url("/img/med-icons.svg#cs") center no-repeat, var(--icon-themed-gradient);
  background-size: cover;
}
.picto.visio {
  background: url("/img/med-icons.svg#visio") center no-repeat, var(--icon-themed-gradient);
  background-size: cover;
}

.avatar {
  font-weight: 700;
  font-size: 0.75rem;
  transition: 0.2s linear;
}
.avatar.avatar-pro {
  background: var(--icon-themed-gradient);
  color: var(--white, #FFF);
}
.avatar.avatar-sec {
  background: linear-gradient(hsl(210deg, 55%, 38%), hsl(210deg, 55%, 14%)), var(--white);
  color: var(--white);
}
.avatar.avatar-user {
  background: hsl(var(--hsl92));
  color: hsl(var(--hsl));
}
.avatar.avatar-user[data-title="Secret médical"] {
  background: var(--white);
  color: var(--dark);
  font-size: 0.875rem;
}
.avatar.avatar-icon {
  background: var(--avatar-icon) bottom -1px center no-repeat, linear-gradient(0deg, hsl(var(--hsl)) 0%, hsl(var(--hsl-l20)) 100%);
  background-size: auto 80%, cover;
  color: transparent;
}

.user-account .avatar,
.identity .avatar {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
  box-shadow: 0 0.5rem 0.5rem -0.25rem hsla(var(--h-theme), calc(var(--s-theme) * 1%), 16%, 32%);
  transition: all ease 0.2s;
}
.user-account .avatar.avatar-pro,
.identity .avatar.avatar-pro {
  margin-top: 0.5rem;
}
.user-account .avatar.avatar-user.size-5,
.identity .avatar.avatar-user.size-5 {
  box-shadow: inset 0 0.5rem 1rem -0.25rem hsla(var(--h-theme), calc(var(--s-theme) * 1%), 16%, 64%), 0 0.25rem 1rem -0.5rem hsla(var(--h-theme), calc(var(--s-theme) * 1%), 16%, 64%);
}

.na {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  color: var(--dark);
  font-weight: 800;
  font-size: 0.675rem;
  text-transform: uppercase;
}

.badge-themed {
  background: var(--icon-themed-gradient-soft);
  padding: 0 -0.25rem;
  min-width: 5rem !important;
  color: hsl(var(--hsl, #333));
  font-weight: 900;
  border-radius: 0.25rem;
}

/*.list-item:only-child
 * .highlight
 *  border-radius: .5rem 0 0 .5rem
 *
 * .list-item:first-child
 * .highlight
 *  border-radius: .5rem 0 0 0
 *
 * .list-item:last-child
 * .highlight
 *  border-radius: 0 0 0 .5rem*/
@keyframes pulse-shadow {
  0% {
    opacity: 0.16;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.16;
  }
}
@keyframes pulsar {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.08);
  }
  30% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(67, 0, 154, 0.32);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 1rem rgba(107, 0, 194, 0);
  }
}
@keyframes to_scroll {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes shadow {
  0% {
    box-shadow: 0 0 0 0 hsla(var(--hsl-l20), 32%);
  }
  66.6666% {
    box-shadow: 0 0 0 1rem hsla(var(--hsl), 0%);
  }
  100% {
    box-shadow: 0 0 0 1rem hsla(var(--hsl), 0%);
  }
}
@keyframes apparition {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translate3d(0, -1rem, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 1rem, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slide-down-nav {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -1rem, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes slide-up-nav {
  0% {
    opacity: 0;
    transform: translate3d(-50%, 1rem, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes info-pill-apparition {
  0% {
    transform: scale3d(0, 1, 1);
  }
  33% {
    transform: scale3d(1, 1, 1);
    color: transparent;
  }
  100% {
    transform: scale3d(1, 1, 1);
    color: white;
  }
}
@keyframes warning-pulse {
  0% {
    box-shadow: 0 0 0 4px var(--danger), 0 0 0 0 var(--danger);
  }
  50% {
    box-shadow: 0 0 0 4px var(--danger), 0 0 3rem 0 var(--danger);
  }
  100% {
    box-shadow: 0 0 0 4px var(--danger), 0 0 0 0 var(--danger);
  }
}
@keyframes spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes background-highlight {
  0% {
    box-shadow: inset 0 0 0 10rem var(--highlight-bg);
  }
  66% {
    box-shadow: inset 0 0 0 10rem var(--highlight-bg);
  }
  100% {
    background-color: inset 0 0 0 10rem transparent;
  }
}
@keyframes pop-card {
  0% {
    transform: translate3d(0, 5rem, 0) scale3d(0.8, 0.8, 1);
    filter: blur(1rem);
    opacity: 0;
    pointer-events: none;
  }
  100% {
    transform: none;
    filter: none;
    opacity: 1;
    pointer-events: initial;
  }
}
:root {
  --txt: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  --txt-dark:	var(--dark);
  --txt-blue-grey:	var(--blue-grey);
  --txt-grey:	var(--grey);
  --txt-clear-grey:	var(--clear-grey);
  --txt-soft-grey:	var(--soft-grey);
  --txt-green:	var(--green);
  --txt-blue:	var(--blue);
  --txt-dark-blue:	var(--dark-blue);
  --txt-purple:	var(--purple);
  --txt-red:	var(--red);
  --txt-orange:	var(--orange);
  --txt-success: var(--green);
  --txt-info: var(--blue);
  --txt-warning: var(--orange);
  --txt-danger: var(--red);
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

a,
a:visited,
a:active {
  text-decoration: none;
}

.txt-success {
  color: var(--txt-success);
}

.txt-info {
  color: var(--txt-info);
}

.txt-warning {
  color: var(--txt-warning);
}

.txt-danger {
  color: var(--txt-danger);
}

.fs-xs {
  font-size: 0.875rem;
}

.fs-sm {
  font-size: 1rem;
}

.fs-md {
  font-size: 1.125rem;
}

.fs-lg {
  font-size: 1.25rem;
}

.fs-xl {
  font-size: 1.5rem;
}

.fs-hero {
  font-size: 2rem;
}

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

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

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

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

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

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

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

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

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

.grid {
  display: grid;
}

.layout-no-mobile {
  display: none;
  visibility: hidden;
}

@media (min-width: 48em) {
  .layout-mobile {
    display: none;
    visibility: hidden;
  }
  .layout-no-mobile {
    display: inherit;
    visibility: inherit;
  }
}
#group-agenda > div {
  padding: 0 var(--main-padding);
}

.flex {
  display: flex;
}

.flex.flex-1 > * {
  flex: 1;
}

.flex-1 {
  flex: 1;
}

.flex-0 {
  flex: 0;
}

.grid {
  display: grid;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.flex-auto {
  flex: auto;
}

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

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

.wrap {
  flex-wrap: wrap;
}

.justify-center {
  justify-content: center;
}

.justify-start {
  justify-content: start;
}

.space-between {
  justify-content: space-between;
}

.space-around {
  justify-content: space-around;
}

.justify-end {
  justify-content: end;
}

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

.align-start {
  align-items: start;
}

.align-end {
  align-items: end;
}

.align-stretch {
  align-items: stretch;
}

.row-reverse {
  flex-direction: row-reverse;
}

.gap-025 {
  gap: 0.25rem !important;
}

.gap-05 {
  gap: 0.5rem !important;
}

.gap-1 {
  gap: 1rem !important;
}

.gap-2 {
  gap: 2rem !important;
}

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

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

.hide-default {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.mt-xs {
  margin-top: 0.25rem !important;
}

.mr-xs {
  margin-right: 0.25rem !important;
}

.mb-xs {
  margin-bottom: 0.25rem !important;
}

.ml-xs {
  margin-left: 0.25rem !important;
}

.mx-xs {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-xs {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-xs {
  margin: 0.5rem !important;
}

.mt-sm {
  margin-top: 0.5rem !important;
}

.mr-sm {
  margin-right: 0.5rem !important;
}

.mb-sm {
  margin-bottom: 0.5rem !important;
}

.ml-sm {
  margin-left: 0.5rem !important;
}

.mx-sm {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-sm {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-sm {
  margin: 0.5rem !important;
}

.mt-md {
  margin-top: 1rem !important;
}

.mr-md {
  margin-right: 1rem !important;
}

.mb-md {
  margin-bottom: 1rem !important;
}

.ml-md {
  margin-left: 1rem !important;
}

.mx-md {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-md {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-md {
  margin: 1rem !important;
}

.mt-lg {
  margin-top: 2rem !important;
}

.mr-lg {
  margin-right: 2rem !important;
}

.mb-lg {
  margin-bottom: 2rem !important;
}

.ml-lg {
  margin-left: 2rem !important;
}

.mx-lg {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-lg {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.m-lg {
  margin: 2rem !important;
}

.mt-xl {
  margin-top: 3rem !important;
}

.mr-xl {
  margin-right: 3rem !important;
}

.mb-xl {
  margin-bottom: 3rem !important;
}

.ml-xl {
  margin-left: 3rem !important;
}

.mx-xl {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-xl {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-2xl {
  margin: 4rem !important;
}

.mt-2xl {
  margin-top: 4rem !important;
}

.mr-2xl {
  margin-right: 4rem !important;
}

.mb-2xl {
  margin-bottom: 4rem !important;
}

.ml-2xl {
  margin-left: 4rem !important;
}

.mx-2xl {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my-2xl {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.m-2xl {
  margin: 4rem !important;
}

@media (max-width: 47.9375em) {
  .br-mobile {
    display: block;
  }
  .br-desktop {
    display: inline;
  }
  .hide-mobile {
    display: none;
    visibility: hidden;
  }
  .hide-desktop {
    display: inherit;
  }
}
@media (min-width: 48em) {
  .br-mobile {
    display: inline;
  }
  .br-desktop {
    display: block;
  }
  .hide-mobile {
    display: inherit;
  }
  span.hide-mobile {
    display: inline;
  }
  .hide-desktop {
    display: none;
    visibility: hidden;
  }
}
/* Alert */
.login-page .alert,
.mon-compte .alert {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1rem;
  margin: 0 auto 1rem;
  padding: var(--card-margin);
  max-width: 800px;
  color: var(--white);
  font-weight: 600;
  text-shadow: none;
  border: none;
  border-radius: var(--radius-sm);
  z-index: 9;
}
.login-page .alert.alert-success,
.mon-compte .alert.alert-success {
  --text-color: hsl(160,90%,16%);
  background: var(--bg-linear-green);
}
.login-page .alert.alert-info,
.mon-compte .alert.alert-info {
  --text-color: hsl(210,100%,16%);
  background: var(--bg-linear-blue);
}
.login-page .alert.alert-warning,
.mon-compte .alert.alert-warning {
  --text-color: hsl(40,100%,24%);
  background: var(--bg-linear-orange);
}
.login-page .alert.alert-danger, .login-page .alert.alert-error,
.mon-compte .alert.alert-danger,
.mon-compte .alert.alert-error {
  --text-color: hsl(350,80%,16%);
  background: var(--bg-linear-pink);
}
.login-page .alert.centered,
.mon-compte .alert.centered {
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-page .alert.centered > div,
.mon-compte .alert.centered > div {
  text-align: center;
}
.login-page .alert[class*=alert-] h4,
.mon-compte .alert[class*=alert-] h4 {
  color: var(--text-color);
}
.login-page .alert[class*=-light],
.mon-compte .alert[class*=-light] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) -33%, var(--color-gradient) 100%), #FFF;
  color: var(--text-color);
  padding: 0.5rem 0.75rem 1rem;
}
.login-page .alert[class*=-light] .flex,
.mon-compte .alert[class*=-light] .flex {
  align-items: center;
}
.login-page .alert a[href],
.mon-compte .alert a[href] {
  background: rgba(255, 255, 255, 0.16);
  padding: 2px 4px;
  color: white;
  font-weight: 700;
  border-radius: 4px;
  box-shadow: 0 1px 2px -1px ar(--b8), inset 0 0 0 1px var(--w8);
  transition: 0.2s;
}
.login-page .alert a[href]:hover,
.mon-compte .alert a[href]:hover {
  background: white;
  color: var(--text-color);
}
.login-page .alert.info-light,
.mon-compte .alert.info-light {
  --color-gradient: hsla(220,92%,60%, 16%);
}
.login-page .alert.warning-light,
.mon-compte .alert.warning-light {
  --color-gradient: hsla(42,100%,50%, 24%);
}
.login-page .alert.danger-light,
.mon-compte .alert.danger-light {
  --color-gradient: hsla(350,86%,59%, 16%);
}
.login-page .alert .close,
.mon-compte .alert .close {
  top: unset;
  right: unset;
  padding: 0;
}
.login-page .alert ul li,
.mon-compte .alert ul li {
  list-style: none;
}
.login-page .alert svg,
.mon-compte .alert svg {
  width: 2rem;
  height: 2rem;
  overflow: visible;
}
.login-page .alert img,
.mon-compte .alert img {
  margin: -0.5rem 0;
  height: 3rem;
}

button.ds-btn,
.slide-reveal button,
button.filter,
button.flex {
  border: none !important;
}

button.blue, button.info,
.ds-btn.blue,
.ds-btn.info {
  --color-apply: var(--blue);
  color: var(--txt-color-default, var(--white));
}
button.green, button.success,
.ds-btn.green,
.ds-btn.success {
  --color-apply: var(--green);
  color: var(--txt-color-default, var(--white));
}
button.orange, button.warning,
.ds-btn.orange,
.ds-btn.warning {
  --color-apply: var(--orange);
  color: var(--txt-color-default, var(--white));
}
button.red, button.danger,
.ds-btn.red,
.ds-btn.danger {
  --color-apply: var(--red);
  color: var(--txt-color-default, var(--white));
}
button.red-100,
.ds-btn.red-100 {
  --color-apply: hsl(350, 86%, 95%);
  color: var(--red, var(--b64));
}

.ds-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 2rem;
  appearance: none;
  background: var(--color-apply, var(--b4));
  color: var(--b32);
  font-weight: 600;
  border: none;
  margin: 0;
  cursor: pointer;
  width: fit-content;
  transition: 0.2s ease;
}

.ds-btn.btn-clear,
.ds-icon.btn-clear {
  --color-apply: transparent;
  color: var(--b96);
}
.ds-btn.btn-white,
.ds-icon.btn-white {
  --color-apply: var(--white);
  color: var(--txt-color-default, var(--b64));
}
.ds-btn.btn-white.btn-primary-hover:hover,
.ds-icon.btn-white.btn-primary-hover:hover {
  --color-apply: var(--dark);
  color: white;
}
.ds-btn.btn-w4,
.ds-icon.btn-w4 {
  --color-apply: var(--w4);
  color: white;
}
.ds-btn.btn-w8,
.ds-icon.btn-w8 {
  --color-apply: var(--w8);
  color: white;
}
.ds-btn.btn-w16,
.ds-icon.btn-w16 {
  --color-apply: var(--w16);
  color: white;
}
.ds-btn.btn-w24,
.ds-icon.btn-w24 {
  --color-apply: var(--w24);
  color: white;
}
.ds-btn.btn-w32,
.ds-icon.btn-w32 {
  --color-apply: var(--w32);
  color: white;
}
.ds-btn.btn-w64,
.ds-icon.btn-w64 {
  --color-apply: var(--w64);
  color: white;
}
.ds-btn[class*=btn-w]:hover,
.ds-icon[class*=btn-w]:hover {
  --color-apply: var(--white);
  color: var(--dark);
}
.ds-btn.btn-b4,
.ds-icon.btn-b4 {
  --color-apply: var(--b4);
  color: white;
}
.ds-btn.btn-b8,
.ds-icon.btn-b8 {
  --color-apply: var(--b8);
  color: white;
}
.ds-btn.btn-b16,
.ds-icon.btn-b16 {
  --color-apply: var(--b16);
  color: white;
}
.ds-btn.btn-b24,
.ds-icon.btn-b24 {
  --color-apply: var(--b24);
  color: white;
}
.ds-btn.btn-b32,
.ds-icon.btn-b32 {
  --color-apply: var(--b32);
  color: white;
}
.ds-btn.btn-b64,
.ds-icon.btn-b64 {
  --color-apply: var(--b64);
  color: white;
}
.ds-btn[class*=btn-b]:hover,
.ds-icon[class*=btn-b]:hover {
  --color-apply: var(--dark);
  color: var(--white);
}
.ds-btn.btn-primary,
.ds-icon.btn-primary {
  position: relative;
  color: white;
}
.ds-btn.btn-primary::before,
.ds-icon.btn-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
}
.ds-btn.btn-mfm-soft,
.ds-icon.btn-mfm-soft {
  background-color: var(--mfm-ocre-1);
  color: var(--mfm-ocre-5);
}
.ds-btn.btn-mfm-soft:not(.danger):hover,
.ds-icon.btn-mfm-soft:not(.danger):hover {
  background-color: var(--mfm-ocre-4);
  color: white;
}

.ds-btn.btn-txt {
  padding: 0.25rem 0.75rem;
}
.ds-btn.btn-txt.px-md {
  padding: 0.5rem 1.5rem;
}
.ds-btn.btn-txt-left {
  padding: 0.25rem 0.25rem 0.25rem 1rem;
}
.ds-btn.btn-txt-right {
  padding: 0.25rem 1rem 0.25rem 0.25rem;
}
.ds-btn.xs {
  min-width: 1rem;
  height: 1rem;
}
.ds-btn.sm {
  min-width: 1.5rem;
  height: 1.5rem;
}
.ds-btn.sm i {
  font-size: 0.75rem;
}
.ds-btn.md {
  min-width: 2rem;
  height: 2rem;
}
.ds-btn.md i:not(.ri-lg) {
  font-size: 1rem;
}
.ds-btn.lg {
  min-width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.ds-btn.lg i {
  font-size: 1.25rem;
}
.ds-btn.lg.btn-txt {
  padding: 0.25rem 1.5rem;
}
.ds-btn.xl {
  min-width: 3rem;
  height: 3rem;
  font-size: 1.25rem;
}
.ds-btn.txt-sm i {
  font-size: 0.75rem;
}
.ds-btn.txt-lg {
  font-size: 1rem;
}
.ds-btn.txt-lg i {
  font-size: 1rem;
}
.ds-btn.txt-xl {
  font-size: 1.5rem;
}
.ds-btn.txt-xl i {
  font-size: 1.5rem;
}
.ds-btn.btn-left {
  justify-content: start;
}
.ds-btn.btn-right {
  justify-content: end;
}
.ds-btn.btn-right i {
  margin: 0 0.5rem;
}
.ds-btn.btn-icon {
  padding: 0;
}
.ds-btn.blue-icon i {
  color: var(--blue);
}
.ds-btn.red-icon i {
  color: var(--red);
}
.ds-btn i {
  transition: 0.2s ease;
}

button:hover,
.ds-btn:not(.danger):hover {
  background: var(--color-apply, var(--b8));
  color: initial;
  text-decoration: none;
}

.ds-btn:hover.btn-white.red {
  background: var(--red);
  color: var(--white);
}

.ds-btn.reverse i,
.ds-icon.reverse i {
  transform: rotate(180deg);
}

.ds-btn.is-loading i {
  -webkit-animation: spinning 2s infinite linear;
  animation: spinning 2s infinite linear;
}

a.close,
button.close {
  position: relative;
  background-color: var(--white);
  padding: 0.5rem;
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  color: transparent;
  text-shadow: none;
  opacity: 1;
  border-radius: var(--radius-btn);
  transition: 0.2s;
}
a.close:hover,
button.close:hover {
  background-color: var(--dark);
  color: transparent;
  opacity: 1;
}
a.close:hover::before, a.close:hover::after,
button.close:hover::before,
button.close:hover::after {
  background-color: var(--white);
}
a.close::before, a.close::after,
button.close::before,
button.close::after {
  content: "";
  background-color: var(--b64, hsl(var(--hsl, 0, 0%, 46%)));
  border-radius: 1rem;
  position: absolute;
  margin-top: -1px;
  top: 50%;
  left: 0.555rem;
  right: 0;
  text-align: right;
  width: 0.875rem;
  height: 0.15rem;
  transition: 0.2s;
}
a.close::before,
button.close::before {
  transform: rotate(45deg);
}
a.close::after,
button.close::after {
  transform: rotate(-45deg);
}

.alert a.close,
.alert button.close {
  background-color: var(--b8);
}
.alert a.close::before, .alert a.close::after,
.alert button.close::before,
.alert button.close::after {
  background-color: var(--white);
}
.alert a.close:hover,
.alert button.close:hover {
  background-color: var(--b16);
}
.alert a.close:hover::before, .alert a.close:hover::after,
.alert button.close:hover::before,
.alert button.close:hover::after {
  background-color: var(--white);
}

.alert .close.close-sm {
  width: 1.5rem;
  height: 1.5rem;
  flex: 0 0 1.5rem;
  box-shadow: inset 0 0 0 1px var(--b4);
}
.alert .close.close-sm::before, .alert .close.close-sm::after {
  left: 0.375rem;
  width: 0.75rem;
  height: 0.125rem;
}

.ds-dropdown {
  position: relative;
  padding: 0 0.75rem 0 0.5rem;
}
.ds-dropdown .dropdown-toggle::after {
  font-family: "remixicon";
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  display: flex !important;
  align-items: center;
  content: "\ea4e";
  color: var(--txt-color);
  width: 1rem;
  height: 100%;
  pointer-events: none;
}
.ds-dropdown.open {
  color: var(--b64);
}
.ds-dropdown.open .dropdown-toggle::after {
  content: "\ea78";
}
.ds-dropdown .dropdown-menu {
  background-color: var(--w64);
  margin-top: 0.5rem;
  padding: 0;
  color: var(--b64);
  border-radius: 1rem;
  border-color: var(--white);
  box-shadow: 0 -0.25rem 0.5rem -0.25rem var(--b8), 0 1rem 2rem -0.5rem var(--b32);
  overflow: hidden;
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  -webkit-backdrop-filter: blur(1rem) saturate(50%);
  backdrop-filter: blur(1rem) saturate(50%);
}
.ds-dropdown .dropdown-menu li {
  padding: 0.5rem;
  transition: 0.2s linear;
}
.ds-dropdown .dropdown-menu li:hover {
  color: var(--dark);
  font-weight: 800;
  background-color: var(--white);
}
.ds-dropdown.open .dropdown-menu {
  animation: slide-up 0.3s cubic-bezier(0.5, 0.75, 0.25, 1) forwards;
}

textarea:active, textarea:focus, textarea:focus-visible {
  border: none;
  outline: none;
  box-shadow: 0 0 0 1px var(--theme-color-hsl, var(--b16)), 0 0 0 0.25rem var(--theme-color-shadow, var(--b8));
}

form.ds-form .input-group input.form-control,
form.ds-form input.form-control,
form.ds-form .selectize-input,
form.ds-form .input-group textarea.form-control,
form.ds-form textarea {
  border: none;
  border-radius: 0.5rem;
  box-shadow: inset 0 0 0 1px var(--theme-color-outline, var(--b8));
  transition: 0.2s linear;
  z-index: 0;
}
form.ds-form .input-group input.form-control[name=search],
form.ds-form input.form-control[name=search],
form.ds-form .selectize-input[name=search],
form.ds-form .input-group textarea.form-control[name=search],
form.ds-form textarea[name=search] {
  border-radius: 0;
}
form.ds-form .input-group input.form-control:focus,
form.ds-form .input-group input.form-control textarea:focus, form.ds-form .input-group input.form-control.input-active, form.ds-form .input-group input.form-control.focus,
form.ds-form input.form-control:focus,
form.ds-form input.form-control textarea:focus,
form.ds-form input.form-control.input-active,
form.ds-form input.form-control.focus,
form.ds-form .selectize-input:focus,
form.ds-form .selectize-input textarea:focus,
form.ds-form .selectize-input.input-active,
form.ds-form .selectize-input.focus,
form.ds-form .input-group textarea.form-control:focus,
form.ds-form .input-group textarea.form-control textarea:focus,
form.ds-form .input-group textarea.form-control.input-active,
form.ds-form .input-group textarea.form-control.focus,
form.ds-form textarea:focus,
form.ds-form textarea textarea:focus,
form.ds-form textarea.input-active,
form.ds-form textarea.focus {
  border: none;
  outline: none;
  box-shadow: 0 0 0 1px hsl(265deg, 100%, 75%), 0 0 0 0.25rem hsl(265deg, 100%, 92%);
}
form.ds-form textarea:focus {
  overflow: auto;
}
form.ds-form textarea + .textarea-validation {
  display: none;
  position: absolute;
  bottom: -0.75rem;
  right: 1rem;
  background: var(--bg-btn);
  color: transparent;
  box-shadow: 0 0 0 0.25rem white;
  transform: scaleX(0);
  z-index: 9;
}
form.ds-form textarea:focus + .textarea-validation {
  display: flex;
  animation: textarea-confirm 600ms cubic-bezier(0.5, 0.75, 0.25, 1) 100ms forwards;
  transition: 0.2s linear;
}
@keyframes textarea-confirm {
  0% {
    transform: scale3d(0, 1, 1);
  }
  33.3333% {
    transform: scale3d(1, 1, 1);
    color: transparent;
  }
  100% {
    transform: scale3d(1, 1, 1);
    color: var(--main-color);
  }
}
form.ds-form .ds-input-group {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
}
form.ds-form .ds-input-group > .form-control,
form.ds-form .ds-input-group > .form-select {
  position: relative;
  flex: 1 0 auto;
  width: auto;
  min-height: 2.5rem;
}
form.ds-form .ds-input-group > .form-control:focus,
form.ds-form .ds-input-group > .form-select:focus {
  border-radius: 0.5rem;
  z-index: 3;
}
form.ds-form .ds-input-group .input-group-addon,
form.ds-form .ds-input-group .input-group-btn {
  width: fit-content;
  flex: 0;
  font-size: inherit;
}
form.ds-form .ds-input-group .input-group-addon .ds-btn,
form.ds-form .ds-input-group .input-group-btn .ds-btn {
  position: relative;
  padding: 0 0.75rem;
  height: 100%;
  max-height: 2.5rem;
  color: var(--b64);
  z-index: 2;
}
@media (min-width: 48em) {
  form.ds-form .ds-input-group .input-group-addon .ds-btn,
  form.ds-form .ds-input-group .input-group-btn .ds-btn {
    padding: 0.25rem 0.75rem;
  }
}
form.ds-form .ds-input-group .input-group-addon .ds-btn:focus,
form.ds-form .ds-input-group .input-group-btn .ds-btn:focus {
  z-index: 3;
}
form.ds-form .search-btn {
  background: var(--b8);
  color: var(--b64);
}
form.ds-form .search-btn:hover {
  background-color: hsl(265deg, 100%, 75%);
  color: var(--white);
}
form.ds-form .input-group-text {
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
}
form.ds-form .input-group .form-control:not(:first-child):last-child,
form.ds-form .input-group-addon:last-child,
form.ds-form .input-group-btn:last-child > .ds-btn,
form.ds-form .input-group-btn:last-child > .btn-group > .ds-btn,
form.ds-form .input-group-btn:last-child > .dropdown-toggle,
form.ds-form .input-group-btn:first-child > .ds-btn:not(:first-child):not(.dropdown-toggle),
form.ds-form .input-group-btn:first-child > .btn-group:not(:first-child) > .ds-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.block-default {
  background-color: var(--b4);
  padding: 1rem;
  color: var(--mfm-black);
  border-radius: 1rem;
}
.block-default .title {
  margin-bottom: 1rem;
}
.block-default .title .ds-icon {
  background: var(--mfm-primary);
  color: var(--white);
}
.block-default .title h3 {
  font-size: 1.125rem;
}
.block-default .rules-box {
  background-color: var(--b2);
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  box-shadow: inset 0 0 0 1px var(--b4);
}
.block-default .rules-box .btn {
  background-color: white;
  color: var(--mfm-black);
}
.block-default .rules-box .btn:hover {
  background-color: var(--mfm-primary);
  color: var(--white);
}
.block-default .btn-link,
.block-default a {
  color: var(--mfm-primary-d5);
}
.block-default .btn-link:hover,
.block-default a:hover {
  color: var(--mfm-primary-d10);
  text-decoration: none;
}

.block-info {
  position: relative;
  justify-content: space-between;
  padding: 1rem;
  background: linear-gradient(180deg, hsl(265deg, 100%, 98%) -33%, hsl(265deg, 100%, 94%) 100%);
  color: var(--mfm-black);
  border-radius: 1rem;
  border: none;
  box-shadow: inset 0 0 0 1px hsl(265deg, 100%, 96%);
}
.block-info .title {
  margin-bottom: 1rem;
}
.block-info .title .ds-icon {
  background: var(--mfm-primary);
  color: var(--white);
}
.block-info .title h3 {
  font-size: 1.125rem;
}
.block-info.themed-text,
.block-info .themed-text {
  color: var(--mfm-primary-d50);
}
.block-info .btn-link,
.block-info a {
  color: var(--mfm-primary-d5);
}
.block-info .btn-link:hover,
.block-info a:hover {
  color: var(--mfm-primary-d10);
  text-decoration: none;
}
.block-info .ds-btn {
  --color-apply: var(--mfm-primary);
  color: white;
}
.block-info .ds-btn:hover {
  --color-apply: var(--mfm-primary-d5);
  color: white;
}
.block-info span:not(.ds-icon) {
  opacity: 0.92;
}

.well.empty-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  background: url(/img/no-content-asset.svg) top 1rem center no-repeat;
  background-size: auto 6rem;
  padding: 7.5rem 0 0;
  color: var(--active-color, var(--b64));
  font-weight: 600;
  text-align: center;
  border: none;
  box-shadow: none;
}
.well.empty-block .ds-btn,
.well.empty-block ds-btn i {
  color: var(--active-color, var(--black));
}
.well.help-no-doc .refresh {
  display: none;
}
.well.help-no-doc .refresh i {
  font-size: 1.25rem;
}

.files-container[files-count="0"] .help-no-doc .refresh {
  display: flex;
}

:root {
  --info-dark-gradient: linear-gradient(16deg, #112e4f 0%, #415872 100%);
  --info-dark-gradient-10: linear-gradient(-180deg, rgba(65,88,114,.08) -33%, rgba(16,32,80,.08) 100%);
}

body.modal-open .modal {
  display: flex;
}
.modal {
  justify-content: center;
  gap: 1rem;
}
.modal .modal-dialog {
  flex-basis: auto;
  margin: 0;
  border-radius: var(--modal-mobile);
}
@media (min-width: 48em) {
  .modal .modal-dialog {
    margin: auto;
    border-radius: var(--modal-desktop);
  }
}
.modal .modal-dialog.modal-dark {
  background: var(--info-dark-gradient);
  box-shadow: 0 1rem 3rem -1rem rgba(16, 32, 80, 0.64), 0 4rem 2rem -2rem rgba(16, 32, 80, 0.32);
}
.modal.fade .modal-dialog,
.modal.fade .infos-modal {
  transform: translate3d(0, 100%, 0);
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.18, 1);
}
.modal.in .modal-dialog,
.modal.in .infos-modal {
  transform: none;
  transition-duration: 0.3s;
}
.modal .modal-content {
  height: 100%;
  border: none;
  border-radius: var(--modal-mobile);
}
.modal .modal-content > .modal-header, .modal .modal-content > .modal-body {
  padding: calc(var(--main-padding) * 1.5);
  border-radius: var(--modal-mobile);
}
.modal .modal-content .modal-header:first-child:last-child {
  padding-bottom: calc(var(--main-padding) * 1.5 + env(safe-area-inset-bottom));
}
.modal .modal-content .modal-header + .modal-body {
  border-radius: 0;
  padding-bottom: calc(var(--main-padding) * 1.5 + env(safe-area-inset-bottom));
}
.modal .modal-content .modal-header > * {
  margin: 0;
}
.modal .modal-content h1 {
  color: var(--grey);
}
.modal .modal-content .modal-body.red {
  background-color: hsla(var(--hsl-red), 0.04);
  color: var(--dark-blue);
}

.modal h1 {
  font-size: 1.5rem;
}
@media (min-width: 48em) {
  .modal h1 {
    font-size: 2rem;
  }
}
.modal .modal-header h1 {
  margin: var(--main-padding) 0 0;
  color: var(--dark);
}
.modal .modal-header .close {
  top: 0.5rem;
  right: 0.5rem;
  background-color: #F2F4F9;
}
.modal .modal-dialog button.close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  padding: 0.5rem;
  width: 2rem;
  height: 2rem;
  opacity: 1;
  border-radius: var(--radius-btn);
  box-shadow: inset 0 0 0 2rem var(--white), 0 1px 3px transparent;
  transition: 0.2s linear;
}
.modal .modal-dialog button.close::before, .modal .modal-dialog button.close::after {
  content: "";
  background-color: hsl(var(--hsl, 0, 0%, 46%));
  border-radius: 1rem;
  position: absolute;
  margin-top: -1px;
  top: 50%;
  left: 0.555rem;
  right: 0;
  text-align: right;
  width: 0.875rem;
  height: 0.15rem;
}
.modal .modal-dialog button.close::before {
  transform: rotate(45deg);
}
.modal .modal-dialog button.close::after {
  transform: rotate(-45deg);
}
.modal .modal-dialog button.close:hover, .modal .modal-dialog button.close:focus {
  box-shadow: inset 0 0 0 2rem hsl(var(--hsl-l10)), 0 1px 3px rgba(0, 0, 0, 0.05);
}
.modal .modal-dialog button.close:hover::before, .modal .modal-dialog button.close:hover::after {
  background-color: var(--white);
}
.modal.modal-video button.close {
  top: -55px;
  right: 1rem;
}

@media (max-width: 47.9375em) {
  .modal.in {
    display: flex;
  }
  .modal.in .modal-dialog {
    flex-basis: 100%;
    margin-top: auto;
    width: 100%;
  }
}
@media (min-width: 48em) {
  .modal .modal-content {
    border-radius: var(--modal-desktop);
    height: auto;
  }
  .modal .modal-content .modal-header + .modal-body {
    border-radius: var(--radius-bottom-2-rem);
  }
  .modal .modal-content .modal-body {
    border-radius: var(--modal-desktop);
  }
  .modal .modal-header .logo {
    height: 3rem;
    max-width: 33.3333%;
  }
  .modal .close {
    top: 1.5rem;
    right: 1.5rem;
  }
  .modal .modal-dialog button.close {
    top: 1.5rem;
    right: 1.5rem;
  }
  .modal .modal-video button.close {
    top: -1.5rem;
    right: -1.5rem;
  }
}
/* Modal -sm */
.modal .modal-sm button.close {
  background-color: rgba(0, 0, 0, 0.16);
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
}
.modal .modal-sm button.close:hover {
  background-color: var(--white);
}
.modal .modal-sm button.close::before, .modal .modal-sm button.close::after {
  background-color: var(--white);
}
.modal .modal-sm .modal-content {
  background-color: #F2F4F9;
}
.modal .modal-sm .modal-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding: 0;
}
.modal .modal-sm .modal-body .card-illustration {
  background-size: auto 66.6666%, cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.modal .modal-sm .modal-body .card-illustration iframe {
  border-radius: var(--modal-mobile);
}
.modal .modal-sm .modal-body .card-content {
  margin: 2rem 1.5rem 8rem;
}
.modal .modal-sm .modal-body .card-content h1.modal-title {
  margin: 0 20% 2rem 0;
  font-size: 1.25rem;
  line-height: 1.125;
}
.modal .modal-sm .modal-body .card-content .btn {
  background-color: #fff;
}
.modal .modal-sm .modal-body .card-content .btn:hover {
  color: #fff;
}

.modal-sm .modal-body p {
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--grey);
  font-weight: 500;
}

.modal .modal-footer.to-share {
  border: none;
  padding: 0;
  transform: translate3d(0, 200%, 0);
  opacity: 0;
  transition: all 0.2s linear 0.4s;
}
.modal.in .modal-footer.to-share {
  transform: none;
  opacity: 1;
}

@media (min-width: 48em) {
  .modal .modal-sm {
    margin: auto;
    flex-basis: auto;
    width: 480px;
  }
  .modal .modal-sm .modal-body {
    padding: 0.25rem 0.25rem 1rem;
  }
  .modal .modal-sm .modal-body .card-content h1.modal-title {
    font-size: 1.75rem;
  }
  .modal .modal-sm .modal-body .card-illustration, .modal .modal-sm .modal-body iframe {
    border-radius: var(--radius-illustration-card-desktop);
  }
  .modal .modal-footer.to-share {
    transform: translate3d(0, 100%, 0) scale3d(120%, 120%, 0);
    filter: blur(2rem);
  }
  .modal.in .modal-footer.to-share {
    filter: none;
  }
}
@media (min-width: 48em) {
  .modal .modal-dialog.modal-wide {
    padding: 0 1rem;
    width: 650px;
  }
}
@media (min-width: 62em) {
  .modal .modal-dialog.modal-wide {
    width: 800px;
  }
}
@media (min-width: 75em) {
  .modal .modal-dialog.modal-wide {
    width: 1240px;
  }
}

.modal-article .modal-header {
  padding: 2rem 1rem;
  border: none;
}
.modal-article .modal-body {
  background-color: #fff;
  padding: 2rem 1rem;
  border: none;
}
@media (min-width: 48em) {
  .modal-article .modal-body {
    padding: 3rem;
  }
}
@media (min-width: 62em) {
  .modal-article .modal-body {
    padding: 4.5rem 6rem;
  }
}
.modal-article .modal-body iframe {
  border-radius: 1rem;
}
.modal-article .modal + .modal-body {
  border-radius: var(--radius-card);
}
.modal-article .modal-header + .modal-body {
  border-top-left-radius: none;
  border-top-right-radius: none;
  border-radius: 1rem;
}
@media (min-width: 48em) {
  .modal-article .modal-header + .modal-body {
    border-top-left-radius: none;
    border-top-right-radius: none !important;
  }
}

.modal.modal-video {
  padding: 0;
  align-items: center;
}
.modal.modal-video .modal-dialog {
  padding: 0 15px;
}
.modal.modal-video.fade .modal-dialog {
  transform: translate3d(0, 133.3333%, 0);
}

.modal.modal-video.in .modal-dialog {
  transform: translate3d(0, 0, 0);
}
.modal.modal-video .modal-content {
  background: none;
  box-shadow: none;
}
.modal.modal-video .modal-body {
  padding: 0;
}
.modal.modal-video iframe {
  border-radius: var(--radius-1-rem);
}
@media (max-width: 47.9375em) {
  .modal.modal-video .share {
    justify-content: center;
  }
}
@media (min-width: 62em) {
  .modal.modal-video .share {
    width: 50%;
  }
}
@media (max-width: 47.9375em) {
  .modal.modal-video .share span {
    flex: 1 0 100%;
    margin-right: 0;
    text-align: center;
  }
}

.modal-backdrop.fade {
  background-color: var(--b64);
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  transition: 300ms linear;
}
.modal-backdrop.in {
  opacity: 1;
}

.modal-backdrop.fade.unblur {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.infos-modal {
  background: var(--info-dark-gradient);
  position: absolute;
  margin: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: var(--panel-active-radius);
  box-shadow: 0 -1rem 2rem -0.5rem rgba(16, 32, 80, 0.32);
  z-index: 11;
}
.infos-modal .color-header {
  padding: 1rem;
}
.infos-modal .title {
  margin-left: 1rem;
  color: white;
}
.infos-modal .alert {
  margin: 0;
}
.infos-modal .alert.alert-info {
  background: url(/img/absence-warning.svg) no-repeat, rgba(255, 255, 255, 0.04);
  background-size: 4rem auto, cover;
  background-position: bottom right 4rem, center;
  padding-bottom: 2rem;
  border-radius: 0;
}
.infos-modal .alert.alert-info hr {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.infos-modal .alert.alert-info .paiements-liste {
  margin-bottom: 2rem;
}
.infos-modal .alert.alert-info .paiement-rdv-ligne .paiement-rdv-elt {
  background-color: var(--dark);
}
.infos-modal .alert.alert-info > div {
  width: 100%;
}
.infos-modal .alert svg {
  position: initial;
}
.infos-modal .alert p {
  margin: 0;
}
.infos-modal .actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-right: 8rem;
  text-align: center;
}
.infos-modal .color-header .btn.cancel {
  background-color: var(--w16);
  color: white;
}
.infos-modal .color-header .btn.cancel:hover {
  background-color: var(--white);
  color: var(--dark);
}

.ds-navbar {
  position: sticky;
  top: 0;
  background: #222;
  padding: 0.625rem 1rem;
  font-weight: 500;
  z-index: 1030;
}
.ds-navbar > div {
  transition: 0.6s linear;
}
.ds-navbar ul {
  list-style: none;
  margin: 0;
  -webkit-backdrop-filter: blur(2rem);
  backdrop-filter: blur(2rem);
}
.ds-navbar ul:not(.ds-dropdown-menu) {
  padding: 0;
}
.ds-navbar a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #FFF;
  font-size: 0.875rem;
}
.ds-navbar a:focus {
  text-decoration: none;
  outline: none;
  border: none;
}
.ds-navbar .brand {
  font-family: "Bebas Neue Pro SemiExp XBold";
  font-size: 1.25rem;
}
.ds-navbar .brand.parent {
  font-family: "Bebas Neue Pro Middle";
  text-transform: uppercase;
  letter-spacing: 0.025rem;
  opacity: 0.75;
  gap: 0;
}

.ds-navbar .ds-dropdown {
  position: relative;
  padding: 0;
}
.ds-navbar .ds-dropdown-menu:not(#main-menu) {
  display: none;
  flex-direction: column;
  padding: 0;
  min-width: 200px;
}
.ds-navbar .ds-dropdown-menu:not(#main-menu).opened {
  display: flex;
}

#main-menu {
  display: none;
}
#main-menu > li > a {
  transition: 0.2s linear;
  white-space: nowrap;
}
#main-menu .ds-dropdown-submenu {
  position: relative;
}
#main-menu .ds-dropdown-submenu > a::after {
  font-family: "remixicon";
  font-style: normal;
  content: "\ea4e";
  width: auto;
}
#main-menu .ds-dropdown-submenu:hover .ds-dropdown-toggle ~ .ds-dropdown-menu {
  display: block;
}
#main-menu .ds-dropdown-submenu .ds-dropdown-toggle ~ .ds-dropdown-menu {
  margin-right: -1rem;
  top: 0;
  right: 100%;
  left: auto;
}
#main-menu .ds-dropdown-submenu .ds-dropdown-toggle ~ .ds-dropdown-menu li a {
  background: var(--b84);
}
@media (max-width: 47.9375em) {
  #main-menu {
    overflow: auto;
  }
}

.ds-navbar .rounded-toggle {
  position: relative;
}
.ds-navbar .rounded-toggle:active, .ds-navbar .rounded-toggle:focus {
  background-color: var(--white);
  color: var(--b84);
}
.ds-navbar .rounded-toggle::after {
  font-family: "remixicon";
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "\ea4e";
  width: 1rem;
  height: 1rem;
  color: var(--txt-color);
  font-size: 0.875rem;
  pointer-events: none;
  border-radius: 1rem;
  background-color: var(--w12);
  transition: 0.2s;
}
.ds-navbar .opened::after {
  background-color: var(--b8);
  color: var(--b64);
  transform: rotate(180deg);
}

#user-account .user-btn {
  display: flex;
  background-color: var(--w16);
  gap: 0.5rem;
  align-items: center;
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
  color: #FFF;
  box-shadow: inset 0 0 0 1px var(--w8);
  border-radius: 2rem;
  transition: 0.2s linear;
}
#user-account .user-btn:not(.rounded-toggle) {
  padding-right: 0.875rem;
}
#user-account .user-btn:hover {
  background-color: var(--w32);
  cursor: pointer;
}
#user-account .user-btn .username {
  white-space: nowrap;
}
#user-account .user-btn.opened {
  background-color: var(--white);
  color: var(--b84);
}
#user-account .notified {
  position: absolute;
  top: 0;
  right: -0.375rem;
  background: var(--red);
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  box-shadow: 0 0 0 0.25rem #222;
}

@media (max-width: 47.9375em) {
  body.ds-dropdown-opened {
    overflow: hidden;
  }
}
.ds-navbar.hamburger-style .brand-group {
  margin: 0 auto;
  align-items: center;
}
.ds-navbar.hamburger-style .brand-group .brand.parent {
  font-size: 0.875rem;
}
.ds-navbar.hamburger-style #main-menu,
.ds-navbar.hamburger-style #user-menu {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: start;
  background: var(--b64);
  top: var(--navbar-height);
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 1rem 1rem 2rem;
  box-sizing: border-box;
}
.ds-navbar.hamburger-style #main-menu li,
.ds-navbar.hamburger-style #main-menu a,
.ds-navbar.hamburger-style #user-menu li,
.ds-navbar.hamburger-style #user-menu a {
  width: 100%;
  box-sizing: border-box;
}
.ds-navbar.hamburger-style #main-menu a,
.ds-navbar.hamburger-style #user-menu a {
  padding: 1rem;
}
.ds-navbar.hamburger-style .ds-dropdown-menu {
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  z-index: 1000;
  transform-origin: top center;
  transform: scale3d(1, 0, 1);
  transition: 0.2s ease-in-out;
}
.ds-navbar.hamburger-style .ds-dropdown-menu.opened {
  transform: none;
}
.ds-navbar.hamburger-style #main-menu .ds-dropdown-submenu:hover .ds-dropdown-menu {
  width: 100%;
  left: 0;
  transform: none;
}
.ds-navbar.hamburger-style #main-menu.opened .ds-dropdown-toggle.rounded-toggle {
  border-radius: 0.5rem 0.5rem 0 0;
}
.ds-navbar.hamburger-style #main-menu.opened .ds-dropdown-toggle.rounded-toggle.opened {
  background-color: var(--w16);
  color: var(--white);
  box-shadow: inset 0 0 0 1px var(--w8);
}
.ds-navbar.hamburger-style #user-account .username {
  display: none;
}
.ds-navbar.hamburger-style #user-account .ds-dropdown-toggle,
.ds-navbar.hamburger-style #user-account .user-btn {
  padding: 0;
  background: none;
  box-shadow: none;
}
.ds-navbar.hamburger-style #user-account .ds-dropdown-toggle::after,
.ds-navbar.hamburger-style #user-account .user-btn::after {
  content: unset;
}
.ds-navbar.hamburger-style #user-account .ds-dropdown-menu li a {
  background-color: transparent;
  box-shadow: none;
}

.ds-dropdown-menu:not(#main-menu) li {
  position: relative;
}
.ds-dropdown-menu:not(#main-menu) li a {
  background: var(--b64);
  padding: 0.5rem 1rem;
  justify-content: space-between;
  transition: 0.2s linear;
}
.ds-dropdown-menu:not(#main-menu) li a:hover {
  background-color: var(--b84);
}
.ds-dropdown-menu:not(#main-menu) li:last-child > a {
  border-radius: 0 0 0.5rem 0.5rem;
}
.ds-dropdown-menu:not(#main-menu) li:not(:last-child) a {
  box-shadow: inset 0 -1px 0 0 var(--w8);
}

.menu-praticiens .ds-dropdown-menu:not(#main-menu) li a,
#user-menu.ds-dropdown-menu li a {
  justify-content: start;
  gap: 1rem;
}
.menu-praticiens .ds-dropdown-menu:not(#main-menu) li a i,
#user-menu.ds-dropdown-menu li a i {
  background-image: linear-gradient(45deg, var(--w32) 0%, var(--white) 85%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.ds-navbar.default-style .hamburger {
  display: none;
}
.ds-navbar.default-style .brand-group {
  margin-right: auto;
  align-items: start;
}
.ds-navbar.default-style .brand-group .brand.parent {
  font-size: 1rem;
}
.ds-navbar.default-style .rounded-toggle {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.ds-navbar.default-style #main-menu {
  display: flex;
}
.ds-navbar.default-style #main-menu > li > a {
  padding: 0.5rem 1rem;
  max-width: 250px;
  border-radius: 2rem;
}
.ds-navbar.default-style #main-menu > li > a:not(.opened):hover {
  background-color: var(--w16);
}
.ds-navbar.default-style #main-menu .rounded-toggle {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.ds-navbar.default-style .ds-dropdown-toggle.rounded-toggle + .ds-dropdown-menu {
  left: 50%;
  top: calc(100% + 1.3rem);
  width: max-content;
  opacity: 0;
  transform: translate3d(-50%, 100%, 0);
}
.ds-navbar.default-style .ds-dropdown-toggle.rounded-toggle + .ds-dropdown-menu.opened {
  animation: slide-up-nav 0.3s cubic-bezier(0.5, 0.75, 0.25, 1) forwards;
}
.ds-navbar.default-style .ds-dropdown-menu:not(#main-menu) {
  position: absolute;
}
.ds-navbar.default-style .ds-dropdown-menu:not(#main-menu) li {
  margin-left: -1rem;
  padding-left: 1rem;
}
.ds-navbar.default-style .ds-dropdown-menu:not(#main-menu) li:first-child > a {
  border-radius: 0.5rem 0.5rem 0 0;
}
.ds-navbar.default-style #user-account {
  margin-left: 2rem;
  max-width: 200px;
}
.ds-navbar.default-style #user-account .rounded-toggle {
  padding: 0.25rem 0.75rem 0.25rem 0.25rem;
}
.ds-navbar.default-style #user-account .rounded-toggle + .ds-dropdown-menu {
  left: unset;
  right: 0;
  opacity: 0;
  transform: translate3d(0%, 100%, 0);
}
.ds-navbar.default-style #user-account .rounded-toggle + .ds-dropdown-menu.opened {
  animation: slide-up 0.3s cubic-bezier(0.5, 0.75, 0.25, 1) forwards;
}

.slidable {
  --slide: 0%;
  --btn-w: 5rem;
  display: flex;
}
.slidable .slide-reveal {
  display: none;
  overflow: hidden;
  flex: 0 0 0;
  flex-basis: var(--slide, 0);
  transition: flex-basis 0.15s ease-out;
}
.slidable .slide-reveal button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
  gap: 0;
  padding: 0;
  font-size: 0.75rem;
  color: white;
  border-radius: 0;
  overflow: hidden;
}
.slidable .slide-reveal button i {
  font-size: 2em;
}
.slidable .slide-reveal button i, .slidable .slide-reveal button::after {
  margin: 0 auto;
  width: var(--btn-w);
}
.slidable .slide-reveal button::after {
  content: attr(title) attr(data-original-title);
  font-weight: 500;
  line-height: 1.1em;
  min-height: 2.2em;
  white-space: break-spaces;
}
.slidable .slide-reveal button:nth-child(1) {
  background-color: var(--color-apply, var(--dark));
}
.slidable .slide-reveal button:nth-child(2) {
  background-color: var(--color-apply, var(--dark-blue));
}
.slidable .slide-reveal button:nth-child(3) {
  background-color: var(--color-apply, var(--blue));
}
.slidable .slide-reveal button:nth-child(4) {
  background-color: var(--color-apply, var(--success));
}
.slidable .slide-reveal button:nth-child(5) {
  background-color: var(--color-apply, var(--danger));
}
.slidable.slide-left {
  flex-direction: row-reverse;
}
@media (max-width: 47.9375em) {
  .slidable.slide-left .slide-reveal.on-slide-left, .slidable.slide-right .slide-reveal.on-slide-right {
    display: flex;
  }
  .slidable.slide-opened .slide-reveal {
    flex-basis: calc(var(--nb-btn, 1) * var(--btn-w));
  }
}

.slidable.slidable-card {
  border-radius: 1rem;
}
@media (max-width: 47.9375em) {
  .slidable.slidable-card {
    margin-left: calc(-1 * var(--main-padding));
    margin-right: calc(-1 * var(--main-padding));
    padding: 0 var(--main-padding);
    border-radius: 0;
  }
}
.slidable.slidable-card .slide-reveal {
  gap: 0.5rem;
}
.slidable.slidable-card .slide-reveal.on-slide-left > :first-child {
  margin-left: 0.5rem;
}
.slidable.slidable-card .slide-reveal.on-slide-right {
  margin-right: 0.5rem;
}
.slidable.slidable-card .slide-reveal button {
  border-radius: 1rem;
}
.slidable.slidable-card.slide-opened .task-main {
  box-shadow: -24px 0px 16px -18px var(--b32), 24px 0px 16px -18px var(--b32);
}

@keyframes slidable-reveal-md {
  0% {
    flex-basis: 0;
  }
  75% {
    flex-basis: calc(var(--nb-btn, 1) * var(--btn-w) / 3);
  }
  99% {
    flex-basis: 0;
  }
}
@keyframes slidable-reveal-sm {
  0% {
    flex-basis: 0;
  }
  75% {
    flex-basis: calc(var(--nb-btn, 1) * var(--btn-w) / 5);
  }
  99% {
    flex-basis: 0;
  }
}
@keyframes switch-direction {
  0% {
    flex-direction: row-reverse;
    touch-action: none;
  }
  50% {
    flex-direction: row-reverse;
  }
  51% {
    flex-direction: row;
  }
  99% {
    flex-direction: row;
    touch-action: none;
  }
  100% {
    touch-action: initial;
  }
}
@media (max-width: 47.9375em) {
  .slidable.slidable-demo {
    animation: switch-direction 3s;
  }
  .slidable.slidable-demo .on-slide-left {
    display: flex;
    animation: slidable-reveal-md 0.75s 0.75s;
  }
  .slidable.slidable-demo .on-slide-right {
    display: flex;
    animation: slidable-reveal-sm 0.5s 2s;
  }
}

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