/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-spinner/animations/ball-scale-multiple.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-scale-multiple,
.la-ball-scale-multiple > div {
    position: relative;
    box-sizing: border-box;
}

.la-ball-scale-multiple {
    display: block;
    font-size: 0;
    color: #fff;
}

.la-ball-scale-multiple.la-dark {
    color: #333;
}

.la-ball-scale-multiple > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-scale-multiple {
    width: 32px;
    height: 32px;
}

.la-ball-scale-multiple > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    opacity: 0;
    animation: ball-scale-multiple 1s 0s linear infinite;
}

.la-ball-scale-multiple > div:nth-child(2) {
    animation-delay: .2s;
}

.la-ball-scale-multiple > div:nth-child(3) {
    animation-delay: .4s;
}

.la-ball-scale-multiple.la-sm {
    width: 16px;
    height: 16px;
}

.la-ball-scale-multiple.la-sm > div {
    width: 16px;
    height: 16px;
}

.la-ball-scale-multiple.la-2x {
    width: 64px;
    height: 64px;
}

.la-ball-scale-multiple.la-2x > div {
    width: 64px;
    height: 64px;
}

.la-ball-scale-multiple.la-3x {
    width: 96px;
    height: 96px;
}

.la-ball-scale-multiple.la-3x > div {
    width: 96px;
    height: 96px;
}

/*
 * Animation
 */
@keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    5% {
        opacity: .75;
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}

html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}

html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}

html {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}

html {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, transparent);
  color: var(--mat-app-text-color, inherit);
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #3f51b5;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}

html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #3f51b5;
  --mdc-linear-progress-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #ff4081;
  --mdc-linear-progress-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}

html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}

html {
  --mdc-filled-text-field-caret-color: #3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
  --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: #3f51b5;
  --mdc-outlined-text-field-focus-outline-color: #3f51b5;
  --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-color: rgba(63, 81, 181, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #ff4081;
  --mdc-filled-text-field-focus-active-indicator-color: #ff4081;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
  --mdc-outlined-text-field-caret-color: #ff4081;
  --mdc-outlined-text-field-focus-outline-color: #ff4081;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 64, 129, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #3f51b5;
  --mdc-chip-elevated-selected-container-color: #3f51b5;
  --mdc-chip-elevated-disabled-container-color: #3f51b5;
  --mdc-chip-flat-disabled-selected-container-color: #3f51b5;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ff4081;
  --mdc-chip-elevated-selected-container-color: #ff4081;
  --mdc-chip-elevated-disabled-container-color: #ff4081;
  --mdc-chip-flat-disabled-selected-container-color: #ff4081;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color: #3949ab;
  --mdc-switch-selected-handle-color: #3949ab;
  --mdc-switch-selected-hover-state-layer-color: #3949ab;
  --mdc-switch-selected-pressed-state-layer-color: #3949ab;
  --mdc-switch-selected-focus-handle-color: #1a237e;
  --mdc-switch-selected-hover-handle-color: #1a237e;
  --mdc-switch-selected-pressed-handle-color: #1a237e;
  --mdc-switch-selected-focus-track-color: #7986cb;
  --mdc-switch-selected-hover-track-color: #7986cb;
  --mdc-switch-selected-pressed-track-color: #7986cb;
  --mdc-switch-selected-track-color: #7986cb;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #d81b60;
  --mdc-switch-selected-handle-color: #d81b60;
  --mdc-switch-selected-hover-state-layer-color: #d81b60;
  --mdc-switch-selected-pressed-state-layer-color: #d81b60;
  --mdc-switch-selected-focus-handle-color: #880e4f;
  --mdc-switch-selected-hover-handle-color: #880e4f;
  --mdc-switch-selected-pressed-handle-color: #880e4f;
  --mdc-switch-selected-focus-track-color: #f06292;
  --mdc-switch-selected-hover-track-color: #f06292;
  --mdc-switch-selected-pressed-track-color: #f06292;
  --mdc-switch-selected-track-color: #f06292;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

html {
  --mdc-switch-state-layer-size: 40px;
}

html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
}

html {
  --mdc-slider-handle-color: #3f51b5;
  --mdc-slider-focus-handle-color: #3f51b5;
  --mdc-slider-hover-handle-color: #3f51b5;
  --mdc-slider-active-track-color: #3f51b5;
  --mdc-slider-inactive-track-color: #3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-hover-state-layer-color: rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color: rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-hover-state-layer-color: rgba(255, 64, 129, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 64, 129, 0.2);
  --mdc-slider-handle-color: #ff4081;
  --mdc-slider-focus-handle-color: #ff4081;
  --mdc-slider-hover-handle-color: #ff4081;
  --mdc-slider-active-track-color: #ff4081;
  --mdc-slider-inactive-track-color: #ff4081;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff4081;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}

html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #3f51b5;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #3f51b5;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
}

html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #3f51b5;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #3f51b5;
  --mat-tab-header-active-ripple-color: #3f51b5;
  --mat-tab-header-inactive-ripple-color: #3f51b5;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #3f51b5;
  --mat-tab-header-active-hover-label-text-color: #3f51b5;
  --mat-tab-header-active-focus-indicator-color: #3f51b5;
  --mat-tab-header-active-hover-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #ff4081;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ff4081;
  --mat-tab-header-active-ripple-color: #ff4081;
  --mat-tab-header-inactive-ripple-color: #ff4081;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ff4081;
  --mat-tab-header-active-hover-label-text-color: #ff4081;
  --mat-tab-header-active-focus-indicator-color: #ff4081;
  --mat-tab-header-active-hover-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #3f51b5;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #ff4081;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}

html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #3f51b5;
  --mat-text-button-state-layer-color: #3f51b5;
  --mat-text-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ff4081;
  --mat-text-button-state-layer-color: #ff4081;
  --mat-text-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #3f51b5;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #ff4081;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #3f51b5;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #ff4081;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #3f51b5;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #3f51b5;
  --mat-outlined-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ff4081;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ff4081;
  --mat-outlined-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}

html {
  --mdc-icon-button-icon-size: 24px;
}

html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: rgba(255, 64, 129, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
}

html {
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #3f51b5;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #3f51b5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}

html {
  --mdc-snackbar-container-shape: 4px;
}

html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #ff4081;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}

html {
  --mdc-circular-progress-active-indicator-color: #3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #ff4081;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-sort-arrow-color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 48px;
}

.mat-mdc-dialog-container.mat-mdc-dialog-container {
  font-size: 1rem;
  padding: 0;
}

/* You can add global styles to this file, and also import other style files */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
hr.infieldset {
  margin: 12px;
  width: 100%;
}

.form-content__small hr.infieldset,
.form-content hr.infieldset {
  margin: 12px;
  width: 100%;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

:root {
  --primary-100: rgba(221, 236, 250, 0.4);
  --primary-200: #A9D1F2;
  --primary-300: #54A2E4;
  --primary-400: #1B75BC;
  --primary-500: #134B7B;
  --primary-600: #0A263D;
  --pink-100: #FAD4E5;
  --pink-200: #F8C5DC;
  --pink-300: #F18CBA;
  --pink-400: #EF5BA1;
  --pink-500: #BC1762;
  --pink-600: #5E0B31;
  --grey-100: #DDE2E5;
  --grey-200: #C7CED4;
  --grey-300: #8F9DA9;
  --grey-400: #4A4A4A;
  --grey-500: #3E4850;
  --grey-600: #1F2428;
  --orange-100: #FFE5C9;
  --orange-200: #FFD4A5;
  --orange-300: #FFA94A;
  --orange-400: #F58220;
  --orange-500: #9F5300;
  --orange-600: #502A00;
  --blue-100: #DEF6FD;
  --blue-200: #ACE9FB;
  --blue-300: #59D3F7;
  --blue-400: #00C0F3;
  --blue-500: #077D9F;
  --blue-600: #043E50;
  --green-100: #E5F6D9;
  --green-200: #CBECB3;
  --green-300: #96D868;
  --green-400: #62BB46;
  --green-500: #43771F;
  --green-600: #223C0F;
  --red-100: #FCDDD7;
  --red-200: #F9BAAE;
  --red-300: #F2745D;
  --red-400: #EF4123;
  --red-500: #99220C;
  --red-600: #4D1106;
  --yellow-100: #FFF5CD;
  --yellow-200: #FFEA9B;
  --yellow-300: #FFE069;
  --yellow-400: #FFCB05;
  --yellow-500: #A88501;
  --yellow-600: #574501;
  --purple-100:#F2EAF4;
  --purple-200:#D9BFDE;
  --purple-400:#812990;
  --purple-500:#531A5C;
  --white: #FFFFFF;
  --light: #E5E9EB;
  --lighter: #F3F5F6;
  --base: #BDBDBD;
  --secondary: #8F8F8F;
  --active: rgba(0,0,0, .56);
  --var-1: #05BAEE;
  --var-2: #1D70B7;
  --var-3: #EE7D00;
  --var-4: #812F81;
  --var-5: #65B22E;
  --var-6: #E53212;
  --var-7: #FFCB00;
  --var-8: #E95296;
  --base-font-size: 13px;
  --animation-time: .3s;
  --base-lineHeight: 12px;
  --grid-columns: 12;
  --grid-row-gap: 24px;
  --grid-column-gap: 32px;
  --radius-100: 2px;
  --radius-200: 4px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --margin-4: 4px;
  --margin-8: 8px;
  --margin-12: 12px;
  --margin-16: 16px;
  --margin-24: 24px;
  --margin-32: 32px;
  --active: #000000;
}

.color-blue {
  color: var(--primary-400);
}

.color-blue400 {
  color: var(--blue-400) !important;
}

.color-blue-500 {
  color: var(--primary-500) !important;
}

.color-green400 {
  color: var(--green-400) !important;
}

.color-red400 {
  color: var(--red-400) !important;
}

.bg-primary500 {
  border-radius: 3px;
  background-color: var(--primary-500);
  color: #fff;
}
.bg-primary400 {
  border-radius: 3px;
  background-color: var(--primary-400);
  color: #fff;
}
.bg-orange400 {
  border-radius: 3px;
  background-color: var(--orange-400);
  color: #fff;
}
.bg-grey300 {
  border-radius: 3px;
  background-color: var(--grey-300);
  color: #fff;
}
.bg--lighter {
  border-radius: 0;
  background-color: var(--lighter);
  padding: 24px;
}
.bg-lighter {
  background-color: var(--lighter);
  padding: 24px;
}
.bg-lighter--br {
  border-radius: var(--radius-200);
}

body {
  overflow-x: hidden;
}

.hidden {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
  display: block;
}

/*
.trunc {
    @media screen and (min-width: 789px){
    max-width: 100%;
    overflow: hidden !important;
    white-space: nowrap !important;
    word-wrap: normal !important;
    text-overflow: ellipsis !important;
    display: flex!important;
    align-items: center!important;
    flex-flow: row nowrap!important;
    position: relative!important;

    &:after{
        background-color: #fff;
        content:"...";
        position: absolute;
        right: 0;
    }
    }
}
*/
.blue {
  color: var(--var-3);
}

.underline {
  text-decoration: underline;
}

ol, ul {
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
}

a {
  color: var(--primary-400);
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
  color: var(--primary-400);
}
a:focus, a:active {
  color: var(--primary-400);
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

a:hover {
  cursor: pointer;
}

.fs-400 {
  font-weight: 400;
  font-size: 13px;
}

.pb-64 {
  margin-bottom: 64px;
}

.mr-auto {
  margin-right: auto;
}

.fnone {
  flex: none;
}

.clicable {
  cursor: pointer;
}

.flex {
  display: flex;
}
.flex-sb {
  display: flex;
  justify-content: space-between;
}
.flex-inline {
  display: inline-flex;
}
.flex-flow-colomn {
  flex-flow: column;
  display: flex;
  width: 100%;
}
.flex-vcenter {
  align-self: center;
}
.flex-center-vertical {
  align-items: center;
  display: flex;
}

.pre-wrap {
  white-space: pre-wrap;
  overflow: hidden;
}

hr {
  border: 0;
  border-top: 1px solid var(--light);
}

@media screen and (max-width: 990px) {
  .d-none {
    display: none;
  }
}
@media screen and (min-width: 990px) {
  .d-none-L {
    display: none;
  }
}

.d-flex {
  display: flex;
  position: relative;
}
.d-flex.sa-c {
  align-self: center;
}

.f-inline {
  display: inline-flex;
  align-items: center;
  justify-items: center;
}

.form-control .f-inline input[type=number] {
  padding-left: 14px;
  width: 70px;
  text-align: center;
}

fieldset {
  border: 0;
  margin-left: 0;
  margin-right: 0;
  min-width: 0;
  padding: 0;
}

h1, h2, h3 {
  margin-top: 0;
}

.w-100 {
  width: 100% !important;
}

.text {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: var(--grey-300);
}

.escape {
  border-left: 1px solid var(--grey-300);
  padding-left: 16px;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0.5em;
  padding-right: 0.5em;
  display: block;
}
@media screen and (max-width: 790px) {
  .container {
    padding: 0;
  }
}

.container-fluid {
  width: 100%;
  padding-right: var(--gutter-x, 0.75rem);
  padding-left: var(--gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

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

body {
  padding-top: 62px;
  letter-spacing: 0.2px;
  background-color: var(--lighter);
  font: 0.75em Inter, "Helvetica Neue", sans-serif !important;
}
@media screen and (max-width: 1280px) {
  body {
    padding-top: 62px;
  }
}

.main .page,
.main .stepper .stepper-list,
.main .submenu .submenu-list {
  max-width: 1360px;
  margin: 0 auto;
}

.main .page {
  margin-top: 24px;
  margin-bottom: 64px;
}

.radius {
  border-radius: var(--radius-200);
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.container {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.container::after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 620px) {
  .container {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}

.chips {
  border-radius: 16px;
  padding: 5px 8px 5px 8px;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 10px;
}
.chips--primary500, .chips--VALIDATED, .chips--REALISED {
  background-color: var(--primary-500);
  font-weight: 400;
  color: #fff;
}
.chips--light, .chips--IN_PROGRESS, .chips--TO_REALISE {
  background-color: var(--light);
  color: var(--primary-400);
}

.navbar-brand img {
  padding-bottom: 10px;
}
.navbar-brand .navbar-brand img {
  padding-bottom: 0px;
}

.accordion-toggle svg:nth-child(2) {
  display: block;
}
.accordion-toggle svg:nth-child(3) {
  display: none;
}
.accordion-toggle.active svg:nth-child(2) {
  display: none;
}
.accordion-toggle.active svg:nth-child(3) {
  display: block;
}

.accordion-content {
  display: none;
}
.accordion-content.active {
  display: block;
}

.chips2 {
  display: inline-flex;
  padding: 4.5px;
  margin-right: 8px;
  margin-bottom: 8px;
}

.title {
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
}

b, strong {
  font-weight: 600;
}

.b {
  font-weight: 600 !important;
}

.w-400 {
  font-weight: 400;
}
.w-500 {
  font-weight: 500;
}
.w-600 {
  font-weight: 600;
}

.form-control__label.form-control__label-checkbox .form-control__label {
  font-weight: 400;
}

.flex-column {
  display: flex;
  flex-wrap: wrap;
}

.flex-column .column-item {
  flex-basis: 100%;
}

hr.hr-36 {
  margin: 0px 36px !important;
}

.linkWithoutHref {
  cursor: pointer;
}

.block-head__title svg,
.color_project,
.block-empty__image svg,
.block-empty__image img {
  color: var(--var-3);
}

@font-face {
  font-family: "Inter";
  src: url('Inter-Regular.woff') format("woff2"), url('Inter-Regular.woff') format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url('Inter-Medium.woff2') format("woff2"), url('Inter-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url('Inter-Bold.woff2') format("woff2"), url('Inter-Bold.woff') format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url('Inter-SemiBold.woff2') format("woff2"), url('Inter-SemiBold.woff') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.text-success {
  color: var(--green-400);
}
.text-danger {
  color: var(--red-400);
}
.text-warning, .text-warning:hover {
  color: var(--orange-400);
}
.text-normal {
  color: var(--primary-400);
}
.text-blue400 {
  color: var(--blue-400);
}
.text-grey {
  color: var(--grey-300);
}
.text-grey500 {
  color: var(--grey-500) !important;
}
.text-pink400 {
  color: var(--pink-400);
}
.text-primary400 {
  color: var(--primary-400) !important;
}
.text-primary500 {
  color: var(--primary-500) !important;
}
.text-project {
  color: var(--var-3) !important;
}
.text-label {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: var(--primary-500);
}

.w-normal {
  font-weight: 400;
}
.w-middle {
  font-weight: 500 !important;
}
.w-bold {
  font-weight: 600;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 12px;
}

.m-2 {
  margin: 16px;
}

.m-3 {
  margin: 24px;
}

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

.ml-1 {
  margin-left: 12px;
}

.ml-2 {
  margin-left: 16px;
}

.ml-3 {
  margin-left: 24px;
}

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

.mr-1 {
  margin-right: 12px;
}

.mr-2 {
  margin-right: 16px;
}

.mr-3 {
  margin-right: 24px;
}

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

.mt-1 {
  margin-top: 12px;
}

.mt-2 {
  margin-top: 16px;
}

.mt-3 {
  margin-top: 24px;
}

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

.mb-1 {
  margin-bottom: 12px;
}

.mb-2 {
  margin-bottom: 16px;
}

.mb-3 {
  margin-bottom: 24px;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 12px;
}

.p-2 {
  padding: 16px;
}

.p-3 {
  padding: 24px;
}

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

.pl-1 {
  padding-left: 12px;
}

.pl-2 {
  padding-left: 16px;
}

.pl-3 {
  padding-left: 24px;
}

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

.pr-1 {
  padding-right: 12px;
}

.pr-2 {
  padding-right: 16px;
}

.pr-3 {
  padding-right: 24px;
}

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

.pt-1 {
  padding-top: 12px;
}

.pt-2 {
  padding-top: 16px;
}

.pt-3 {
  padding-top: 24px;
}

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

.pb-1 {
  padding-bottom: 12px;
}

.pb-2 {
  padding-bottom: 16px;
}

.pb-3 {
  padding-bottom: 24px;
}

.m--i-0 {
  margin: 0 !important;
}

.m--i-1 {
  margin: 12px !important;
}

.m--i-2 {
  margin: 16px !important;
}

.m--i-3 {
  margin: 24px !important;
}

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

.ml--i-1 {
  margin-left: 12px !important;
}

.ml--i-2 {
  margin-left: 16px !important;
}

.ml--i-3 {
  margin-left: 24px !important;
}

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

.mr--i-1 {
  margin-right: 12px !important;
}

.mr--i-2 {
  margin-right: 16px !important;
}

.mr--i-3 {
  margin-right: 24px !important;
}

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

.mt--i-1 {
  margin-top: 12px !important;
}

.mt--i-2 {
  margin-top: 16px !important;
}

.mt--i-3 {
  margin-top: 24px !important;
}

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

.mb--i-1 {
  margin-bottom: 12px !important;
}

.mb--i-2 {
  margin-bottom: 16px !important;
}

.mb--i-3 {
  margin-bottom: 24px !important;
}

.p--i-0 {
  padding: 0 !important;
}

.p--i-1 {
  padding: 12px !important;
}

.p--i-2 {
  padding: 16px !important;
}

.p--i-3 {
  padding: 24px !important;
}

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

.pl--i-1 {
  padding-left: 12px !important;
}

.pl--i-2 {
  padding-left: 16px !important;
}

.pl--i-3 {
  padding-left: 24px !important;
}

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

.pr--i-1 {
  padding-right: 12px !important;
}

.pr--i-2 {
  padding-right: 16px !important;
}

.pr--i-3 {
  padding-right: 24px !important;
}

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

.pt--i-1 {
  padding-top: 12px !important;
}

.pt--i-2 {
  padding-top: 16px !important;
}

.pt--i-3 {
  padding-top: 24px !important;
}

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

.pb--i-1 {
  padding-bottom: 12px !important;
}

.pb--i-2 {
  padding-bottom: 16px !important;
}

.pb--i-3 {
  padding-bottom: 24px !important;
}

.-m-0 {
  margin: 0 !important;
}

.-m-1 {
  margin: 8px !important;
}

.-m-2 {
  margin: 12px !important;
}

.-m-3 {
  margin: 16px !important;
}

.-m-4 {
  margin: 24px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.-p-0 {
  padding: 0 !important;
}

.-p-1 {
  padding: 8px !important;
}

.-p-2 {
  padding: 12px !important;
}

.-p-3 {
  padding: 16px !important;
}

.-p-4 {
  padding: 24px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-5 {
  margin: 24px;
}

.mb-6 {
  margin-bottom: 64px;
}

.alert {
  background: none;
  border: none;
  display: flex;
  flex-direction: column;
  padding: 16px 24px;
  text-align: left;
  margin-bottom: 0;
  color: var(--grey-600);
  border-radius: var(--radius-200);
}
.alert h1, .alert-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--grey-600);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.alert h1 small, .alert-title small {
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
}
.alert h1 p, .alert-title p {
  font-size: 12px;
  font-weight: 500;
}
.alert-content {
  margin-top: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--grey-600);
}
.alert-content p {
  padding: 0;
  margin-bottom: 8px;
}
.alert-content p:last-child {
  margin-bottom: 0;
}
.alert-content ul {
  list-style-type: disc;
  margin-bottom: 12px;
  margin-top: 12px;
  padding-left: 24px;
}
.alert-content__date {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: var(--grey-300);
}
.alert-content__date span {
  color: var(--orange-400);
}
.alert-warning {
  position: relative;
  background: #FFFFFF;
}
.alert-warning:not(.solid) {
  box-shadow: 0px 0px 2px rgba(30, 29, 29, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.alert-warning.solid {
  border: 1px solid var(--light);
}
.alert-warning::before {
  content: "";
  position: absolute;
  width: 4px;
  left: 0;
  top: 0;
  bottom: 0;
  background: var(--orange-400);
}
.alert-warning h1 > svg {
  color: var(--orange-400);
}
.alert-info {
  position: relative;
  background: #FFFFFF;
  border-radius: var(--radius-200);
}
.alert-info:not(.solid) {
  box-shadow: 0px 0px 2px rgba(30, 29, 29, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.alert-info.solid {
  border: 1px solid var(--light);
}
.alert-info::before {
  content: "";
  position: absolute;
  width: 4px;
  left: 0;
  top: 0;
  bottom: 0;
  background: var(--blue-400);
}
.alert-info svg {
  color: var(--blue-400);
}
.alert-danger {
  position: relative;
  background: #FFFFFF;
}
.alert-danger:not(.solid) {
  box-shadow: 0px 0px 2px rgba(30, 29, 29, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.alert-danger.solid {
  border: 1px solid var(--light);
}
.alert-danger::before {
  content: "";
  position: absolute;
  width: 4px;
  left: 0;
  top: 0;
  bottom: 0;
  background: var(--red-400);
}
.alert-danger svg {
  color: var(--red-400);
}
.alert-message {
  padding: 24px;
  background: var(--primary-100);
  border-radius: var(--radius-100);
}
.alert-message h1 {
  font-size: 14px;
  font-weight: 600;
}
.alert-message .alert-content {
  font-size: 13px;
  line-height: 18px;
}
.alert-message h1, .alert-message .alert-title, .alert-message .alert-content {
  color: var(--primary-500);
}
.alert-message.alert-icon svg {
  width: 20px;
  height: 20px;
  color: var(--primary-500);
}
.alert-message strong {
  font-weight: 600;
}
.alert-message-info {
  background: var(--primary-100);
  border-radius: var(--radius-200);
}
.alert-message-info h1, .alert-message-info .alert-title, .alert-message-info .alert-content {
  color: var(--primary-500);
}
.alert-message-info svg {
  color: var(--primary-500);
}
.alert-icon {
  grid-row: 1/span 2;
}
.alert-icon svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-right: 8px;
}
.alert-icon svg.icon-DMP {
  width: 41px;
  min-width: 41px;
  margin-top: -4px;
}
.alert-head {
  margin-top: 24px;
}
.alert-action h1 {
  width: calc(100% - 100px);
}
@media screen and (min-width: 990px) {
  .alert-action .btn {
    position: absolute;
    top: 16px;
    right: 16px;
    height: 32px;
  }
}
.alert .flex-sb .alert-text {
  width: calc(100% - 85px);
  overflow: hidden;
}
.alert .flex-sb .alert-actions {
  display: flex;
  align-items: center;
  height: 100%;
  list-style: none;
  position: relative;
  align-self: center;
}
.alert .flex-sb .alert-actions .btn {
  align-self: center;
}
.alert .flex-sb .alert-actions .btn svg {
  margin: 0;
}
.alert .flex-sb .alert-actions .btn svg.icon-edit {
  color: var(--primary-400);
}
.alert .flex-sb .alert-actions .btn svg.icon-edit:hover {
  color: var(--red-400);
}
.alert .flex-sb .alert-actions .btn svg.icon-delete {
  color: var(--primary-500);
}
.alert .flex-sb .alert-actions .btn svg.icon-delete:hover {
  color: var(--red-400);
}
.alert-close {
  position: absolute;
  right: 16px;
}
.alert-close-top {
  right: 0;
  top: 18px;
}
.alert-close .btn {
  background-color: transparent;
  border: transparent;
  padding: 0;
  width: 24px;
  height: 24px;
}
.alert-close .btn:hover {
  background-color: var(--grey-100);
  border: var(--grey-100);
}
.alert-close .btn svg {
  color: var(--grey-600);
  margin-right: 0;
  width: 14px;
  height: 14px;
  margin-top: 0;
}
.alert-action-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.alert-action-flex > div:not(.alert-action) {
  padding-right: 24px;
}
.alert-action-flex .alert-action {
  min-width: 190px;
}
.alert-action-flex .alert-action .btn {
  display: block;
  position: relative;
  top: auto;
  right: auto;
}
.alert-out {
  margin-left: -8px;
  margin-right: -8px;
  margin-top: -8px;
}

.badge,
.chips {
  color: var(--primary-400);
  background-color: var(--light);
  font-family: Inter, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-style: normal;
  line-height: 15px;
  text-align: center;
  border-radius: 16px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 500;
  margin-right: 8px;
  white-space: nowrap;
}
.badge-min,
.chips-min {
  padding: 3px 10px;
}
.badge svg,
.chips svg {
  margin-right: 4px;
}
.badge-primary,
.chips-primary {
  color: var(--primary-400);
  font-weight: 600;
}
.badge--white,
.chips--white {
  background-color: #fff;
  padding: 0 8px 0 8px;
  min-height: 27px;
  display: flex;
  align-items: center;
}
.badge--white svg,
.chips--white svg {
  width: 16px;
  height: 16px;
}
.badge-secondary,
.chips-secondary {
  color: var(--primary-500);
}
.badge-warning,
.chips-warning {
  color: var(--orange-400);
  background-color: var(--light);
  font-weight: 400;
}
.badge-danger,
.chips-danger {
  color: var(--red-400);
  background-color: var(--light);
  font-weight: 400;
}
.badge-passed,
.chips-passed {
  color: var(--green-500);
  font-weight: 600 !important;
  background-color: var(--green-100);
}
.badge-disabled,
.chips-disabled {
  color: var(--grey-300) !important;
  background-color: var(--light);
}

.chips--grey300 {
  background-color: var(--grey-300);
  font-weight: 400;
  color: #fff;
}
.chips--lighter {
  color: var(--grey-300);
  background-color: var(--lighter);
  font-weight: 400;
}
.chips--grey600 {
  background-color: var(--grey-600);
  font-weight: 400;
  color: #fff;
}
.chips--orange400 {
  background-color: var(--orange-400);
  font-weight: 400;
  color: #fff;
}
.chips--orange100 {
  background-color: var(--orange-100);
  font-weight: 400;
  color: var(--grey-600);
}
.chips--grey500 {
  background-color: var(--grey-100);
  font-weight: 400;
  color: var(--grey-600);
}
.chips--orange100 {
  background-color: var(--orange-100);
  font-weight: 400;
  color: var(--grey-400);
}
.chips--blue100 {
  background-color: rgba(221, 236, 250, 0.4);
  font-weight: 600;
  color: var(--primary-400);
}
.chips--bgblue100 {
  background-color: var(--blue-100);
  font-weight: 400;
  color: var(--grey-600);
}
.chips--bgred100 {
  background-color: var(--red-100);
  font-weight: 400;
  color: var(--grey-600);
}
.chips--green400 {
  background-color: var(--green-400);
  font-weight: 400;
  color: #fff;
}
.chips--primary400 {
  background-color: var(--primary-400);
  font-weight: 600;
  font-weight: 400;
  color: #fff;
}
.chips--primary100 {
  background-color: var(--primary-100);
  color: var(--primary-400);
  font-weight: 600;
}
.chips--pink400 {
  background-color: var(--pink-400);
  font-weight: 400;
  color: #fff;
}
.chips--yellow400 {
  background-color: #FFCB05;
  font-weight: 400;
  color: #fff;
}
.chips--blue400 {
  background-color: var(--blue-400);
  font-weight: 400;
  color: #fff;
}
.chips--primary500, .chips--VALIDATED, .chips--REALISED {
  background-color: var(--primary-500);
  font-weight: 400;
  color: #fff;
}
.chips--light, .chips--IN_PROGRESS, .chips--TO_REALISE {
  background-color: var(--light);
  color: var(--primary-400);
}
.chips--number {
  border-radius: 4px;
  border: 2px solid var(--primary-200);
  background-color: #fff;
  color: var(--primary-400);
  font-size: 13px;
  font-weight: 600 !important;
  line-height: 24px;
  padding: 0 4px;
}
.chips--number svg {
  margin-left: 4px;
}

.exept .chips--number {
  border: 2px solid var(--grey-100);
  color: var(--grey-300);
}
.exept .chips--number svg {
  color: var(--grey-300) !important;
}

.priority-normal svg {
  width: 24px;
  height: 24px;
  color: var(--grey-300);
}
.priority-low {
  transform: rotate(90deg);
}
.priority-low svg {
  color: var(--orange-400);
}

.structure {
  font-weight: 600;
  color: var(--orange-400);
}

.page-header .page-header__title .chips {
  transform: none;
}

.chips > .text {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

strong.chips,
.chips.strong {
  font-weight: 600 !important;
}

.block {
  margin: 24px 0 24px;
  padding: 24px;
  background: #FFFFFF;
  border: 1px solid var(--grey-100);
  border-radius: var(--radius-200);
}
.block:last-child {
  margin: 12px 0 64px;
}
.block.banner {
  margin: 24px 0;
}
.block-search {
  padding: 16px 24px;
}
.block-research {
  padding: 16px;
}
.block-sollicitation:hover {
  cursor: pointer;
}
.block-sollicitation-p, .block-sollicitation-ul {
  color: var(--grey-300);
}
.block-sollicitation-p span, .block-sollicitation-ul span {
  color: var(--primary-500);
}
.block-sollicitation-ul li {
  display: inline-block;
  margin-right: 24px;
}
.block-sollicitation-date {
  text-decoration: underline;
}
.block-sollicitation-archive .block-default__title.block-default__title-text,
.block-sollicitation-archive .block-sollicitation-p,
.block-sollicitation-archive .block-sollicitation-p .color-blue-500,
.block-sollicitation-archive .color_project,
.block-sollicitation-archive .block-sollicitation-date,
.block-sollicitation-archive .color-blue,
.block-sollicitation-archive .block-default__title.block-default__title-text svg {
  color: var(--grey-300);
}
.block-referent {
  display: flex;
  margin: 0;
  margin-top: 24px;
}
.block-referent.grid {
  margin-top: 24px;
}
@media screen and (min-width: 767px) {
  .block-referent li:nth-child(odd).block-referent-item {
    margin-right: 12px;
  }
}
@media screen and (min-width: 767px) {
  .block-referent li:nth-child(even) .block-referent-item {
    margin-left: 12px;
  }
}
.block-referent-item {
  background-color: var(--lighter);
  padding: 24px;
  border-radius: 4px;
  margin: 0px;
}
@media screen and (max-width: 990px) {
  .block-referent-item {
    margin-bottom: 8px;
  }
}
.block-referent-item:nth-child(even) {
  margin-left: 0px;
}
.block-referent-item .form-control {
  width: 100%;
}
.block-referent-item button {
  margin-bottom: 3px;
  margin-left: 24px;
  align-content: flex-end;
  display: flex;
  align-self: center;
}
.block-referent-item button svg {
  width: 20px;
  height: 20px;
}
.block-referent-item .btn-icon-circle {
  background-color: #fff;
}
.block-referent-item .btn-icon-circle:hover {
  background-color: #fff;
}
.block-default {
  position: relative;
  border-radius: var(--radius-200);
}
.block-default .block-default__title {
  font-size: 16px;
}
.block-default__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-style: normal;
  flex-wrap: wrap;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  caption-side: top;
  padding: 0 0 24px;
  position: relative;
}
.block-default__title:not(.text-grey) {
  color: var(--primary-500);
}
.block-default__title-16 {
  font-size: 16px;
}
.block-default__title--right {
  justify-content: space-between;
}
.block-default__title--right > span {
  display: flex;
}
.block-default__title--right > span svg {
  color: var(--var-3);
}
.block-default__title svg {
  margin-right: 12px;
  width: 24px;
  height: 24px;
}
.block-default__title > svg:not(.text-warning,
.text-grey,
.text-normal,
.text-danger,
.text-success,
.care_plan_color_status-IN_PROGRESS_ACTIVE,
.care_plan_color_status-IN_PROGRESS_NOT_ACTIVE,
.care_plan_color_status-REALIZED,
.care_plan_color_status-NOT_REALIZED,
.care_plan_color_status-CANCELLED,
.care_plan_color_status-PARTIALLY_COMPLETED) {
  color: var(--var-3);
}
.block-default__title button {
  position: relative;
  align-self: center;
  width: auto;
  transition: 200ms ease-in-out;
  font-size: 12px;
  font-weight: 600;
}
.block-default__title button:not(.btn-icon-delete) svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 0;
  color: var(--primary-400);
}
.block-default__title button:not(.btn-icon-delete) svg.icon-plus {
  width: 24px;
  height: 24px;
}
.block-default__title button:not(.btn-icon-delete, .btn-ghost) svg {
  color: var(--primary-400);
}
.block-default__title button:hover:not(.btn-icon-delete) svg {
  color: var(--primary-500);
}
.block-default__title button.btn-primary svg, .block-default__title button.btn-primary:hover svg, .block-default__title button.btn-primary:focus svg {
  color: white;
}
.block-default__title button.btn-secondary:hover svg, .block-default__title button.btn-secondary:focus svg {
  color: white;
}
.block-default__title button.btn-secondary svg {
  color: var(--primary-500);
}
.block-default__title button.btn-secondary:active svg, .block-default__title button.btn-ghost:focus svg {
  color: var(--grey-400);
}
.block-default__title button.btn-icon-right svg {
  margin-left: 8px;
  margin-right: 0;
}
.block-default__title-text {
  margin-bottom: 8px;
}
.block-default__title-border {
  border-bottom: 1px solid var(--light);
  margin-bottom: 24px;
}
.block-default__title--date {
  color: var(--primary-500);
}
.block-default__title--date a {
  text-decoration: underline;
  color: var(--primary-400);
}
.block-default__title--line {
  display: inline-flex;
}
.block-default__title-sub {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.block-default__title-sub .block-default__title {
  padding-bottom: 8px;
}
.block-default__title-subtext {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--grey-300);
}
.block-default__title--only {
  margin-bottom: 0;
  min-height: 38px;
  padding-bottom: 0;
}
.block-default__title--actions {
  position: absolute;
  right: 0;
  display: inline-flex;
}
.block-default__title--actions-top {
  top: 0;
}
@media screen and (max-width: 900px) {
  .block-default__title--actions {
    top: 0;
  }
}
@media screen and (max-width: 600px) {
  .block-default__title--actions {
    position: relative;
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
.block-default__title--actions button {
  position: relative;
  top: inherit;
  transform: inherit;
}
.block-default__title--actions button + button {
  margin-left: 16px;
}
.block-default__title--actions .btn-group {
  margin-top: -8px;
}
.block-default__title--actions .dropdown .dropdown-content a {
  text-align: right;
}
.block-default__title-subtitle {
  flex-grow: 3;
  flex-basis: 100%;
  margin-top: 8px;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: var(--grey-300);
}
.block-default__title-subtitle ul {
  display: inline-flex;
  font-size: 12px;
}
.block-default__title-subtitle ul li {
  margin-right: 16px;
}
.block-default__title-subtitle ul li:last-child {
  margin-right: 0;
}
.block-default__title-subtitle p {
  display: block;
}
.block-default__title-subtitle .btn-text {
  height: inherit;
}
.block-default__title-with-subtitle .block-default__title--actions {
  top: 0;
}
.block-default__title .btn-text {
  position: relative;
  top: 0;
  transform: inherit;
  padding: 0;
  font-weight: normal;
  font-size: 13px;
}
.block-default__title .btn-text:hover, .block-default__title .btn-text:focus, .block-default__title .btn-text:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  text-decoration: none;
  color: var(--primary-400);
}
.block-default__title--alt .flex-sb {
  width: 100%;
}
@media screen and (max-width: 989px) {
  .block-default__title--alt .flex-sb {
    flex-flow: column;
    display: flex;
    width: 100%;
  }
}
.block-default__title--alt .d-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-style: normal;
  flex-wrap: wrap;
}
.block-default__title--alt .d-flex > svg {
  color: var(--var-7);
}
.block-default__title--alt .block-default__title--actions {
  display: flex;
  position: relative;
  right: auto;
  align-items: center;
  justify-items: flex-end;
  align-self: center;
}
.block-default__title--alt .block-default__title--actions button {
  min-width: max-content;
}
@media screen and (max-width: 989px) {
  .block-default__title--alt .block-default__title--actions button.ml-1 {
    margin-left: 0;
  }
}
.block-default__actions {
  display: flex;
  flex-flow: row wrap;
  margin: -5px 0 -0.36667em;
  position: absolute;
  right: 0;
  top: 8px;
}
.block-default__actions--forceflex {
  display: flex;
  position: relative;
  align-items: center;
  top: auto;
  right: auto;
}
.block-default__actions .btn-icon-left svg {
  margin-left: 12px;
}
.block-default__actions button + button {
  margin-left: 16px;
}
.block-default__actions svg {
  width: 24px;
  height: 24px;
  margin-top: -1px;
}
@media screen and (max-width: 767px) {
  .block-default__actions {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 600px) {
  .block-default__actions {
    margin-right: 0px;
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .block-default__actions button {
    margin-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .block-default__actions button + button {
    margin-left: 8px;
  }
  .block-default__actions button.btn-icon--neutre, .block-default__actions button.btn.btn-ghost {
    margin: 0;
    padding: 0;
    padding-left: 8px;
    padding-right: 8px;
  }
}
.block-default__content-footer {
  background-color: var(--lighter);
  padding: 16px;
}
.block-default__content-footer--out {
  border: 1px solid var(--grey-100);
  border-radius: var(--radius-200);
}
.block-default__content-footer svg {
  width: 24px;
  height: 24px;
  margin-right: 0;
}
.block-default__content-footer .btn {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.block-default__content-footer .btn:not(.btn-icon__only) {
  padding: 8px 16px;
}
.block-default__content-no-padding {
  padding: 0;
}
.block-default__content-no-padding .block-toggle .block-default__title {
  padding: 0;
}
.block-default__content + .block-default__content {
  margin-top: 24px;
}
.block-default__cards {
  padding: 16px 0;
}
.block-default__cards .block-card {
  border: 1px solid var(--light);
  padding: 16px;
  width: 100%;
  transition: all var(--animation-time) ease-in-out;
  border-radius: var(--radius-200);
  margin: 0 0 16px;
}
.block-default__cards .block-card.block-card__care .block-card__content ul li:first-child {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: var(--primary-500);
}
.block-default__cards .block-card.block-card__care .block-card__content ul li:nth-child(2) {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: var(--grey-300);
}
.block-default__cards .block-card .grid-item__span-1 {
  align-self: center;
}
.block-default__cards .block-card__content .list-pro {
  font-style: italic;
  margin-top: 4px;
}
.block-default__cards .block-card__content .list-pro ul {
  margin-left: 24px;
  margin-top: 8px;
}
.block-default__cards .block-card__content .list-pro ul:first-child li {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: var(--grey-600);
}
.block-default__cards .block-card__content .list-pro ul:first-child li span {
  color: var(--primary-500);
}
.block-default__cards .block-card__content .list-pro ul:first-child li::before {
  content: "•";
  color: var(--primary-500);
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.block-default__cards .block-card__content .list-pro ul:first-child li::before span {
  color: var(--primary-400);
}
.block-default__cards .block-card__content .list-pro ul:first-child li:first-child {
  color: var(--grey-500);
}
.block-default__p {
  margin-bottom: 20px;
  line-height: 18px;
}
.block-basic {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.block-basic__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-style: normal;
  flex-wrap: wrap;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: var(--primary-500);
}
.block-basic__actions {
  align-items: center;
}
.block-toggle .block-default__title {
  border-bottom: 1px solid var(--light);
}
.block-toggle .block-default__title .btn-icon-left svg {
  margin-left: 12px;
}
.block-toggle .block-default__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--light);
  padding-bottom: 16px;
}
.block-toggle .block-default__header--title {
  border-bottom: none;
  padding-bottom: 0;
}
.block-toggle .block-default__header--actions svg {
  width: 20px;
  height: 20px;
}
.block-toggle .block-default__header--actions .btn-primary svg {
  color: white;
  opacity: 1;
}
@media screen and (max-width: 620px) {
  .block-toggle .block-default__header {
    padding-bottom: 16px;
  }
  .block-toggle .block-default__header--actions {
    padding-top: 16px;
  }
}
.block-toggle .alert {
  margin: 24px 0;
}
.block-toggle .block-follows {
  margin-top: auto;
  border-top: 1px solid var(--light);
}
.block-toggle .form-footer {
  border: 1px solid var(--grey-100);
  border-radius: var(--radius-200);
}
.block-toggle .block__content {
  height: 0;
  opacity: 0;
  display: none;
  transition: var(--animation-time) ease-in-out;
}
.block-toggle__subgrid .block__content .grid-item {
  padding: 24px 16px;
}
.block-toggle__subgrid .block__content .grid-item .block:last-child {
  margin: 0;
}
.block-toggle .block-basic__actions button svg:nth-child(2) {
  display: block;
}
.block-toggle .block-basic__actions button svg:nth-child(3) {
  display: none;
}
.block-toggle .block-basic__actions button::before {
  content: "Afficher";
}
.block-toggle.toggled .block-default__title {
  /*border-bottom: 1px solid var(--light);
  padding: 0 0 24px;*/
}
.block-toggle.toggled .block-default__title button.toggle svg + svg {
  display: none;
}
.block-toggle.toggled .block-default__title button.toggle svg:nth-child(2) {
  display: block;
}
.block-toggle.toggled .block-default__title button.toggle:before {
  content: "Masquer";
}
.block-toggle.toggled .block-default__title button.toggle:hover {
  color: var(--primary-500);
}
.block-toggle.toggled .block-default__title button.toggle:hover svg {
  color: var(--primary-500);
}
.block-toggle.toggled .block__content {
  display: block;
  height: 100%;
  opacity: 1;
}
.block-toggle.toggled .block-basic__actions button::before {
  content: "Masquer";
}
.block-toggle.toggled .block-basic__actions button svg:nth-child(3) {
  display: block;
}
.block-toggle.toggled .block-basic__actions button svg:nth-child(2) {
  display: none;
}
.block-toggle .block-basic__actions,
.block-toggle .block-default__title {
  border-bottom: 0;
  padding: 0 0 12px;
}
.block-toggle .block-basic__actions button.toggle,
.block-toggle .block-default__title button.toggle {
  /*top: -5px;*/
  transform: inherit;
}
.block-toggle .block-basic__actions button.toggle div,
.block-toggle .block-default__title button.toggle div {
  display: none;
}
.block-toggle .block-basic__actions button.toggle::before,
.block-toggle .block-default__title button.toggle::before {
  content: "Afficher";
}
.block-toggle .block-basic__actions button.toggle:focus,
.block-toggle .block-default__title button.toggle:focus {
  border: 1px solid transparent;
  background-color: transparent;
  color: var(--primary-400);
  text-decoration: underline;
}
.block-toggle .block-basic__actions button.toggle:focus svg,
.block-toggle .block-default__title button.toggle:focus svg {
  color: var(--primary-400);
}
.block-toggle .block-basic__actions-nocontent,
.block-toggle .block-default__title-nocontent {
  padding-bottom: 0;
}
.block-toggle .alert {
  margin: 24px 0;
}
.block-toggle .block-follows {
  margin-top: auto;
  border-top: 1px solid var(--light);
}
.block-toggle .form-footer {
  margin-top: 16px;
  border: 1px solid var(--grey-100);
  border-radius: var(--radius-200);
}
.block-question {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--primary-100);
  font-size: 13px;
  line-height: 18px;
  padding: 24px;
  text-align: center;
}
.block-question .radio-container.radio-container__with-icon {
  width: 100%;
  margin-top: 8px;
}
.block-question__content-actions {
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .block-question {
    padding: 16px;
  }
}
.block-follows {
  padding-top: 24px;
}
.block-follow, .block-objectif {
  border: 1px solid var(--grey-100);
  padding: 16px;
  width: 100%;
  transition: all var(--animation-time) ease-in-out;
  border-radius: var(--radius-200);
  min-height: 112px;
}
.block-follow.show, .block-objectif.show {
  background: var(--primary-100);
  border-color: transparent;
}
.block-follow.show .block-follow__actions--text, .block-objectif.show .block-follow__actions--text {
  color: var(--primary-400);
}
.block-follow.show .block-follow__icon:before, .block-objectif.show .block-follow__icon:before {
  background-color: white;
}
.block-follow.disabled, .block-objectif.disabled {
  cursor: not-allowed !important;
}
.block-follow.disabled--checked, .block-objectif.disabled--checked {
  background: var(--lighter);
}
.block-follow.disabled--checked .block-objectif__icon:before, .block-objectif.disabled--checked .block-objectif__icon:before {
  background-color: #FFFFFF;
}
.block-follow.disabled .form-control__label .radiomark, .block-objectif.disabled .form-control__label .radiomark {
  background: var(--grey-200);
  border: 2px solid var(--grey-200);
  cursor: not-allowed !important;
}
.block-follow.disabled .form-control__label input:checked ~ .radiomark:after, .block-objectif.disabled .form-control__label input:checked ~ .radiomark:after {
  background-color: var(--grey-300);
  cursor: not-allowed !important;
}
.block-follow.disabled .form-switch-block--label,
.block-follow.disabled .form-switch-block--label .form-switch-block--text,
.block-follow.disabled .form-switch-block--label .form-switch,
.block-follow.disabled .form-switch-block--label .form-switch .slider,
.block-follow.disabled .block-follow__actions--label, .block-objectif.disabled .form-switch-block--label,
.block-objectif.disabled .form-switch-block--label .form-switch-block--text,
.block-objectif.disabled .form-switch-block--label .form-switch,
.block-objectif.disabled .form-switch-block--label .form-switch .slider,
.block-objectif.disabled .block-follow__actions--label {
  cursor: not-allowed !important;
  pointer-events: none;
}
.block-follow.disabled .block-objectif__icon svg, .block-objectif.disabled .block-objectif__icon svg {
  color: var(--grey-300);
}
.block-follow.disabled .block-objectif__title, .block-objectif.disabled .block-objectif__title {
  color: var(--grey-300);
}
.block-follow.disabled .block-objectif__title strong, .block-objectif.disabled .block-objectif__title strong {
  color: var(--grey-300);
}
.block-follow.disabled.show, .block-objectif.disabled.show {
  background-color: var(--lighter);
}
.block-follow.disabled.show .block-follow__icon:before, .block-objectif.disabled.show .block-follow__icon:before {
  background-color: #fff;
}
.block-follow.disabled.show .form-switch input:checked + .slider:before, .block-objectif.disabled.show .form-switch input:checked + .slider:before {
  background: var(--grey-300);
  cursor: not-allowed !important;
}
.block-follow.disabled .form-switch input:checked + .slider:before, .block-objectif.disabled .form-switch input:checked + .slider:before {
  background: var(--grey-200);
  cursor: not-allowed !important;
}
.block-follow.disabled .block-follow__actions--text, .block-objectif.disabled .block-follow__actions--text {
  color: var(--grey-300);
}
.block-follow.disabled .block-follow__icon:before, .block-objectif.disabled .block-follow__icon:before {
  background-color: var(--lighter);
}
.block-follow.grid, .block-objectif.grid {
  margin: 0 0 16px 0;
  align-items: center;
}
.block-follow__icon, .block-objectif__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-self: center;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 990px) {
  .block-follow__icon.grid-item, .block-objectif__icon.grid-item {
    margin-bottom: 8px;
  }
}
.block-follow__icon.block-objectif__icon, .block-objectif__icon.block-objectif__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 40px;
  min-width: 40px;
  margin-right: 16px;
}
.block-follow__icon:before, .block-objectif__icon:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: var(--primary-100);
  border-radius: 100%;
}
.block-follow__icon svg, .block-objectif__icon svg {
  width: 20px;
  height: 20px;
  color: black;
  z-index: 1;
  display: flex;
  align-self: center;
}
.block-follow__title, .block-objectif__title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: var(--primary-500);
}
.block-follow__content, .block-objectif__content {
  text-align: left;
}
.block-follow__actions, .block-objectif__actions {
  text-align: right;
}
.block-follow__actions.grid-item__span-3, .block-objectif__actions.grid-item__span-3 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 0;
}
@media screen and (max-width: 990px) {
  .block-follow__actions.grid-item__span-3, .block-objectif__actions.grid-item__span-3 {
    margin-top: 8px;
    justify-content: flex-start;
  }
}
.block-follow__actions--label, .block-objectif__actions--label {
  display: flex;
  align-items: center;
}
.block-follow__actions--label:hover, .block-objectif__actions--label:hover {
  cursor: pointer;
}
.block-follow__actions--text, .block-objectif__actions--text {
  margin-right: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: var(--grey-300);
}
.block-follow__actions--text .show, .block-objectif__actions--text .show {
  color: var(--primary-400);
}
.block-follow__actions .btn-ghost:nth-child(1), .block-objectif__actions .btn-ghost:nth-child(1) {
  color: var(--primary-400);
}
.block-follow__actions .btn-ghost:nth-child(1):hover, .block-objectif__actions .btn-ghost:nth-child(1):hover {
  background-color: transparent;
  border-color: transparent;
}
.block-follow__actions .btn-ghost:nth-child(1), .block-objectif__actions .btn-ghost:nth-child(1) {
  color: var(--primary-500);
}
.block-objectifs {
  margin-top: 24px;
}
.block-objectif {
  min-height: 92px;
}
.block-objectif__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: var(--primary-400);
  margin-bottom: 8px;
}
.block-objectif__title strong {
  color: var(--primary-500);
}
.block-objectif.show .block-objectif__icon:before {
  background-color: white;
}
.block-objectif__state {
  font-weight: 600;
}
.block-objectif__state-success svg, .block-objectif__state-in-progress svg {
  color: var(--green-400);
}
.block-objectif__state-danger svg {
  color: var(--red-400);
}
.block-objectif__state-not-evaluated svg {
  color: var(--primary-500);
}
.block-objectif__content {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: var(--grey-600);
}
.block-objectif__content-date {
  color: var(--primary-500);
}
.block-objectif__content-state {
  font-weight: 600;
}
.block-objectif__content-state-success, .block-objectif__content-state-in-progress {
  color: var(--green-400);
}
.block-objectif__content-state-danger {
  color: var(--red-400);
}
.block-objectif__content-state-not-evaluated {
  color: var(--grey-300);
}
.block-objectif__content-text {
  margin-top: 8px;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: var(--grey-600);
}
.block-objectif__actions {
  position: relative;
  display: flex;
}
.block-objectif__actions .form-control__label-radio {
  position: absolute;
  top: 0;
  right: 50px;
  border-radius: 100%;
  padding: 5px;
}
.block-objectif__with-actions {
  position: relative;
}
.block-objectif__with-actions:hover {
  cursor: pointer;
  border-color: var(--grey-200);
}
.block-objectif__with-actions .block-objectif__actions {
  position: absolute;
  top: 50%;
  right: 0;
  top: calc(50% - 12px);
}
.block-objectif__with-actions .block-objectif__actions .form-switch-block--label {
  padding-right: 24px;
}
.block-objectif:last-child {
  margin-bottom: 0;
}
.block-objectifs-project {
  margin-top: 24px;
}
.block-objectifs-project .grid-item__span-1 {
  align-self: flex-start;
}
.block-objectifs-project .block-default__subtitle {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: var(--primary-400);
  margin-bottom: 24px;
}
.block-objectifs-project .block-objectif:last-child {
  margin-bottom: 0;
}
.block-card {
  border: 1px solid var(--light);
  padding: 16px;
  width: 100%;
  transition: all var(--animation-time) ease-in-out;
  border-radius: var(--radius-200);
  margin: 0 0 16px;
}
.block-card__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  min-width: 40px;
}
.block-card__icon.grid-item__span-1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-card__icon:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: var(--primary-100);
  border-radius: 100%;
}
.block-card__icon svg {
  width: 20px;
  height: 20px;
  color: var(--primary-600);
  z-index: 1;
}
.block-card__content .grid-item:first-child {
  border-bottom: 1px solid var(--light);
  padding-bottom: 19px;
  margin-bottom: 16px;
}
.block-card__content ul {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--grey-300);
}
.block-card__content ul:first-child li {
  color: var(--grey-500);
}
.block-card__content ul:first-child li:first-child {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: var(--primary-500);
}
.block-card__content ul:first-child li:first-child svg.svg-icon.icon-info_outline {
  transform: translateY(3px);
  width: 16px;
  height: 16px;
}
.block-card__content ul li {
  padding-bottom: 4px;
}
.block-card__content ul li:last-child {
  padding-bottom: 0;
}
.block-card__content ul li.care-info {
  font-size: 12px;
  line-height: 18px;
  color: var(--grey-300);
}
.block-card__content ul li .speciality {
  color: var(--grey-300);
  font-weight: 400;
}
.block-card__content ul li .speciality.speciality.flex-inline button.btn-ghost {
  font-size: 13px;
  display: inline-flex;
  align-self: center;
  cursor: pointer;
  color: inherit;
}
.block-card__content ul li .speciality.speciality.flex-inline button.btn-ghost:hover {
  background-color: transparent;
  color: var(--primary-500);
  border-color: transparent;
}
.block-card__content ul li strong {
  font-weight: 600;
}
.block-card__content-grid {
  display: grid;
  grid-template-areas: "a a a";
  column-gap: 4px;
}
@media screen and (max-width: 767px) {
  .block-card__content-grid {
    grid-template-areas: "a";
  }
  .block-card__content-grid .grid {
    margin: 0;
  }
  .block-card__content-grid .grid .grid-item__span-11:last-child {
    width: 100%;
    background-color: red;
  }
}
.block-card__content-grid ul:first-child li {
  color: var(--grey-300);
}
.block-card__content-grid ul:first-child li:first-child {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: var(--grey-300);
}
.block-card__content-grid ul:last-child {
  justify-self: flex-end;
}
@media screen and (max-width: 767px) {
  .block-card__content .grid .grid-item__span-11:last-child {
    width: 100%;
  }
}
.block-card__actions button.btn-icon-round svg {
  min-width: 20px;
  min-height: 20px;
}
.block-card__care .block-card__content .grid-item:first-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.block-card__care .grid {
  margin: 0;
}
.block-card__care.block-card__care.grid-item.grid-item__span-11:last-child {
  padding: 0;
}
.block-card__care .card-patient__circle--infos .btn.btn-ghost.btn-icon--neutre {
  width: 20px;
  height: 18px;
  margin: 0;
  padding: 0;
  display: inline-flex;
}
.block-card__care .card-patient__circle--infos .btn.btn-ghost.btn-icon--neutre:hover svg {
  color: var(--grey-600);
}
.block-card__document .grid-item.grid-item__span-11 .card-patient__circle--infos li {
  color: var(--primary-500);
  font-weight: 600;
}
.block-card__document .grid-item.grid-item__span-11 .card-patient__circle--infos li:nth-child(2) {
  color: var(--grey-500);
}
.block-card__document .grid-item.grid-item__span-11 .card-patient__circle--infos .color-blue-500,
.block-card__document .grid-item.grid-item__span-11 .card-patient__circle--infos .speciality {
  font-weight: 400;
}
.block-card__document .grid-item.grid-item__span-11 .card-patient__circle--infos .speciality {
  color: var(--grey-300);
}
@media screen and (max-width: 989px) {
  .block-card__document {
    margin-top: 12px;
  }
}
.block-card .grid-item {
  flex-wrap: wrap;
  padding: 0;
}
.block-card .grid-item.grid-item__span-11:last-child {
  padding: 0 8px;
}
.block-card:last-child, .block-card ul:last-child {
  margin-bottom: 0;
}
.block-card--checkbox_left, .block-card--radio_left {
  margin-bottom: 16px;
}
.block-card--checkbox_left .form-control__label-checkbox,
.block-card--checkbox_left .form-control__label-radio, .block-card--radio_left .form-control__label-checkbox,
.block-card--radio_left .form-control__label-radio {
  padding-left: 0;
}
.block-card--checkbox_left .form-control__label-checkbox .label,
.block-card--checkbox_left .form-control__label-radio .label, .block-card--radio_left .form-control__label-checkbox .label,
.block-card--radio_left .form-control__label-radio .label {
  width: 100%;
  padding-left: 16px;
  padding-right: 0;
}
.block-card--checkbox_left .form-control__label-checkbox .label .grid,
.block-card--checkbox_left .form-control__label-radio .label .grid, .block-card--radio_left .form-control__label-checkbox .label .grid,
.block-card--radio_left .form-control__label-radio .label .grid {
  margin: 0;
}
.block-card--checkbox_left .form-control__label-checkbox svg,
.block-card--checkbox_left .form-control__label-radio svg, .block-card--radio_left .form-control__label-checkbox svg,
.block-card--radio_left .form-control__label-radio svg {
  margin-left: 0;
  margin-bottom: 0;
}
.block-card--checkbox_left .form-control__label-checkbox .block-card__content:not(.block-card__document) ul:first-child li,
.block-card--checkbox_left .form-control__label-radio .block-card__content:not(.block-card__document) ul:first-child li, .block-card--radio_left .form-control__label-checkbox .block-card__content:not(.block-card__document) ul:first-child li,
.block-card--radio_left .form-control__label-radio .block-card__content:not(.block-card__document) ul:first-child li {
  font-weight: 600;
  color: var(--grey-500);
}
.block-card--checkbox_left .form-control__label-checkbox .block-card__content:not(.block-card__document) ul:first-child li:first-child,
.block-card--checkbox_left .form-control__label-radio .block-card__content:not(.block-card__document) ul:first-child li:first-child, .block-card--radio_left .form-control__label-checkbox .block-card__content:not(.block-card__document) ul:first-child li:first-child,
.block-card--radio_left .form-control__label-radio .block-card__content:not(.block-card__document) ul:first-child li:first-child {
  color: var(--grey-300);
  font-weight: 400;
}
.block-card--checkbox_left .form-control__label-checkbox .block-card__content:not(.block-card__document) ul:first-child li:first-child b,
.block-card--checkbox_left .form-control__label-radio .block-card__content:not(.block-card__document) ul:first-child li:first-child b, .block-card--radio_left .form-control__label-checkbox .block-card__content:not(.block-card__document) ul:first-child li:first-child b,
.block-card--radio_left .form-control__label-radio .block-card__content:not(.block-card__document) ul:first-child li:first-child b {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: var(--primary-500);
}
.block-card--checkbox_left .form-control__label-checkbox.checked .block-card__care,
.block-card--checkbox_left .form-control__label-radio.checked .block-card__care, .block-card--radio_left .form-control__label-checkbox.checked .block-card__care,
.block-card--radio_left .form-control__label-radio.checked .block-card__care {
  background: var(--primary-100);
  border-color: transparent;
}
.block-card--checkbox_left .form-control__label-checkbox.checked .block-card__icon:before,
.block-card--checkbox_left .form-control__label-radio.checked .block-card__icon:before, .block-card--radio_left .form-control__label-checkbox.checked .block-card__icon:before,
.block-card--radio_left .form-control__label-radio.checked .block-card__icon:before {
  background-color: white;
}
.block-card--checkbox_left .form-control__label-checkbox .checkmark,
.block-card--checkbox_left .form-control__label-checkbox .radiomark,
.block-card--checkbox_left .form-control__label-radio .checkmark,
.block-card--checkbox_left .form-control__label-radio .radiomark, .block-card--radio_left .form-control__label-checkbox .checkmark,
.block-card--radio_left .form-control__label-checkbox .radiomark,
.block-card--radio_left .form-control__label-radio .checkmark,
.block-card--radio_left .form-control__label-radio .radiomark {
  order: -1;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
  align-self: center;
  padding-left: 0;
}
.block-card-grey {
  background-color: var(--lighter);
}
.block-card-grey .block-card__icon:before,
.block-card-grey .block-card-entourage__icon:before {
  background-color: #fff;
}
.block-grid__grey.grid {
  margin: -0.73333em -8px;
}
.block-grid__grey.grid .grid-item {
  padding: 16px 8px 8px;
  margin-bottom: 0;
}
.block-grid__grey.grid .grid-item .block {
  padding: 16px 24px 24px;
  background-color: var(--lighter);
  border: 0;
}
.block-grid__grey.grid .grid-item .block .block-default__title {
  padding: 0 0 16px;
  font-size: 14px;
  color: var(--primary-400);
}
.block-grid__grey.grid .grid-item .block .block-default__title svg {
  width: 20px;
  height: 20px;
  color: var(--primary-600);
}
.block-grid__grey.grid .grid-item .block .block-default__content {
  border: 0;
  background-color: white;
  border-radius: var(--radius-200);
  text-align: center;
  position: relative;
}
.block-grid__grey.grid .grid-item .block .block-default__content .btn {
  margin: 24px auto 16px;
}
.block-grid__grey.grid .grid-item .block .block-default__content--title {
  margin-top: 8px;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: var(--primary-500);
}
.block-grid__grey.grid .grid-item .block .block-default__content--actions {
  position: absolute;
  right: 16px;
  top: 16px;
  display: inline-flex;
}
.block-grid__grey.grid .grid-item .block .block-default__content--actions button {
  position: relative;
}
.block-grid__grey.grid .grid-item .block .block-default__content--actions button.btn {
  width: 32px;
  height: 32px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
.block-grid__grey.grid .grid-item .block .block-default__content--actions button.btn svg {
  width: 20px;
  height: 20px;
}
.block-grid__grey.grid .grid-item .block .block-default__content--actions button.btn.btn-left {
  transform: rotate(180deg);
}
.block-grid__grey.grid .grid-item .block .block-default__content--actions button.btn.btn-left svg {
  margin-top: 2px;
}
.block-grid__grey.grid .grid-item .block .block-default__content--actions button.btn.disabled {
  pointer-events: none;
  background-color: var(--grey-100);
  border: none;
  color: var(--primary-500);
  opacity: 1;
}
.block-grid__grey.grid .grid-item .block .block-default__content--actions button.btn.disabled svg {
  color: var(--grey-300);
}
.block-grid__grey.grid .grid-item .block .block-default__content--actions button.btn + button {
  margin-left: 8px;
}
.block-grid__grey.grid .grid-item .block .block-default__content--graph {
  display: flex;
  justify-content: center;
  align-content: center;
}
.block-grid__grey.grid .grid-item .block .block-default__content--graph canvas, .block-grid__grey.grid .grid-item .block .block-default__content--graph img {
  min-height: 350px;
  max-height: 350px;
}
.block-grid__grey.grid .grid-item .block img {
  max-width: 100%;
  height: auto;
  min-height: 355px;
}
.block-grid__grey.grid .grid-item .block:last-child {
  margin-bottom: 0;
}
.block-grid__grey.grid .grid-item .block-graph {
  padding-bottom: 24px;
}
.block-grid__grey.grid .grid-item .block-graph .block-default__title {
  border: none;
}
.block-grid__grey.grid .grid-item .block-graph .block-empty {
  background-color: white;
  border: none;
  min-height: 383px;
  max-height: 383px;
}
.block-grid__grey.grid .grid-item:nth-child(n+3) {
  padding: 8px;
}
.block-grid__grey.grid .grid-item:nth-child(n+3) .block {
  margin-top: 0;
  padding-bottom: 16px;
}
.block-grid__grey.grid .grid-item:nth-child(n+3) .block-graph {
  padding-bottom: 24px;
}
@media screen and (max-width: 990px) {
  .block-grid__grey.grid .grid-item:first-child .block {
    margin-top: 16px;
  }
  .block-grid__grey.grid .grid-item .block img {
    min-height: inherit;
  }
  .block-grid__grey.grid .grid-item .block:last-child {
    margin: 0;
  }
}
.block__content .block:last-child {
  margin-bottom: 0;
}
.block__content-card .grid {
  margin-top: -16px;
}
.block__content-card .grid .grid {
  margin: 0;
}
.block__content-card .grid.grid .grid-item {
  padding: 0px 8px 0;
  margin-bottom: 0;
}
.block__content-card .grid.grid > .grid-item {
  margin-top: 16px;
}
.block__content-card .grid .block-default__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: var(--primary-500);
  flex-wrap: wrap;
}
.block__content-card .grid .block-default__sub {
  margin-top: 8px;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: var(--primary-400);
}
.block__content-card .grid .block-default__sub span {
  color: var(--grey-300);
}
.block__content-card .grid .block .block__content-spec {
  color: var(--primary-400);
}
.block__content-card .grid .block:last-child {
  margin: 0;
}
.block__content-card .grid.block-hospital {
  margin-top: 24px;
}
.block__content-card .grid.block-hospital .date {
  color: var(--primary-500);
  margin-right: 8px;
}
.block__content-card .grid.block-hospital .masonry-item .block-objectif__title {
  color: var(--primary-500);
}
.block__content-card .grid.block-hospital .masonry-item .block-objectif__content li:first-child {
  margin-bottom: 8px;
}
.block__content-card .grid.block-hospital .masonry-item .block-objectif {
  position: relative;
}
.block__content-card .grid.block-hospital .masonry-item .block-objectif__actions {
  position: absolute;
  top: 19px;
  right: 10px;
  width: auto;
  transition: 200ms ease-in-out;
}
.block__content-card .grid.block-hospital .masonry-item .block-objectif__actions svg {
  width: 20px;
  height: 20px;
  margin-left: 0;
}
.block__content-card .grid.block-hospital .masonry-item .block-objectif__content--subtext {
  margin-top: 8px;
}
.block__content-card .grid.block-hospital .masonry-item.grid-item__span-1 {
  padding: 0;
}
.block__content-card .grid.block-hospital .masonry-item.grid-item__span-11 {
  padding: 0;
  width: 85%;
}
.block__content-list--sublist.form {
  padding: 24px;
}
.block__content-list--sublist.form .block__content-list--sublist-inline {
  display: inline-flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.block__content-list--sublist.form .block__content-list--sublist-inline li {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  text-transform: uppercase;
  color: var(--primary-400);
  margin-top: 0;
  margin-right: 24px;
  padding: 12px 12px;
  background-color: var(--primary-100);
  margin-bottom: 12px;
  border-radius: var(--radius-200);
}
.block__content-list--sublist.form .block__content-list--sublist-inline li:first-child {
  font-size: 12px;
  margin-top: 0;
  font-weight: 600;
  color: var(--primary-400);
}
.block__content-list--sublist.form .block__content-list--sublist-inline li:last-child {
  margin-right: 0;
}
.block__content-list--sublist.form .block__content-list--sublist-inline li.inclus-article51 {
  background-color: var(--green-100);
  color: var(--green-400);
}
.block__content-list--sublist.form .block__content-list--sublist-inline li.non-inclus {
  background-color: var(--red-100);
  color: var(--red-400);
}
.block__content-list--sublist.form .grid {
  padding-top: 20px;
  /*.grid-item__span-3 {
      margin-bottom: 24px;
  }*/
}
.block__content-list--sublist.form .grid:first-child {
  padding-top: 0;
}
.block__content-list--sublist.form .grid .form-content__title {
  margin-bottom: 24px;
}
.block__content-list--sublist.form .grid ul:not(.block__content-list--sublist-inline) li {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  align-items: center;
  font-weight: 600;
  color: var(--primary-500);
  margin-top: 4px;
}
.block__content-list--sublist.form .grid ul:not(.block__content-list--sublist-inline) li:first-child {
  margin-top: 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: var(--grey-300);
}
.block .alert {
  margin: 24px 0;
}
.block .alert-mt-0 {
  margin-top: 0;
}
.block .alert-mb-0 {
  margin-bottom: 0;
}
.block__globule_iframe {
  height: 704px;
}
.block__globule_iframe iframe {
  border: none;
}
.block-list-deletable {
  display: flex;
  flex-wrap: wrap;
  min-width: 100%;
  margin: 0;
  margin-left: 0px;
}
.block-list-deletable-item {
  display: flex;
  min-width: calc(33.33% - 24px);
  background-color: var(--light);
  border-radius: 4px;
  padding: 12px;
  margin: 12px;
}
@media screen and (max-width: 650px) {
  .block-list-deletable-item {
    flex-wrap: wrap;
  }
}
.block-list-deletable-item--12 {
  min-width: calc(100% - 24px);
  padding: 16px;
}
.block-list-deletable-item--6 {
  min-width: calc(50% - 24px);
}
.block-list-deletable-item--lighter {
  background-color: var(--lighter);
}
.block-list-deletable-item--input {
  width: 100%;
  margin-right: 16px;
}
@media screen and (max-width: 650px) {
  .block-list-deletable-item--input {
    width: 100%;
  }
}
.block-list-deletable-item--input--3 {
  width: 25%;
  min-width: 25%;
}
@media screen and (max-width: 650px) {
  .block-list-deletable-item--input--3 {
    width: 100%;
  }
}
.block-list-deletable-item .button__delete {
  width: 40px;
  position: relative;
  align-self: center;
}
.block-list-deletable-item .button__delete button.btn-primary {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}
@media screen and (min-width: 990px) {
  .block-dmp-popup > .grid > .grid-item:first-child {
    /*padding-right: 16px !important;*/
  }
}
@media screen and (min-width: 990px) {
  .block-dmp-popup.card-patient__block.card-patient__block_v2 .grid .grid-item:first-child {
    min-width: calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
@media screen and (min-width: 990px) {
  .block-dmp-popup.card-patient__block.card-patient__block_v2 .grid .grid-item:not(:first-child) {
    min-width: calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
.block-dmp-popup .block-default__title {
  font-size: 14px;
  color: var(--primary-400);
}
.block-dmp-popup .block-default__title .svg-icon.icon-DMP {
  width: 36px;
  transform: translateY(-2px);
}
.block-dmp-popup.card-patient__block.card-patient__block_v2 .grid .grid-item .container.block.page-content {
  min-height: 270px;
}
.block-dmp-popup.card-patient__block .block-default__content-list__item span:not(.badge, .full, .chips) {
  color: var(--grey-400);
  min-width: 160px;
}
.block-dmp-popup.card-patient__block .block-default__content-list__item p {
  color: var(--primary-500);
  font-weight: 600;
  min-width: 160px;
  text-align: start;
  margin-bottom: 0;
}
.block-dmp-popup .block-default__content {
  padding: 0 !important;
  border: none !important;
}
.block-dmp-popup .block:last-child {
  margin-bottom: 24px;
}
.block-dmp-popup .grid {
  margin-bottom: 24px;
  padding-bottom: 0 !important;
}
@media screen and (max-width: 790px) {
  .block {
    padding: 16px;
  }
}

.block-hospital.masonry .mansonry-item .block-objectif .block-objectif__title {
  color: var(--primary-500);
}

.container.block.page-content .block-header .block-default__title > svg {
  color: var(--primary-600) !important;
}

.block-head {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 24px;
  position: relative;
}
.block-head__title {
  align-self: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-style: normal;
  flex-wrap: wrap;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--primary-500);
  caption-side: top;
  position: relative;
}
.block-head__title svg {
  margin-right: 12px;
  color: var(--var-3);
  width: 24px;
  height: 24px;
}
.block-head__actions {
  align-self: center;
}
.block-head__actions--with-dropdown {
  position: relative;
  min-width: 206px;
  z-index: 1;
}

.block-empty {
  border: 1px solid #DDE2E5;
  border-radius: var(--radius-200);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 368px;
  padding: 24px;
}
.block-empty--min {
  min-height: 202px;
}
.block-empty__image {
  height: 26px;
}
.block-empty__image svg, .block-empty__image img {
  width: 26px;
  height: 26px;
  color: var(--var-3);
}
.block-empty__text {
  margin-top: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--grey-500);
}
.block-empty__text h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 8px;
  margin-bottom: 0;
  color: var(--primary-500);
}
.block-empty__actions {
  margin-top: 16px;
  display: inline-flex;
}
.block-empty__actions button + button {
  margin-left: 16px;
}
.block-empty--upload {
  border: 2px dashed #DDE2E5;
}
.block-empty.block-empty--upload .form-uploads {
  width: 80%;
  max-width: 650px;
}
.block-empty.block-empty--upload .form-uploads .uploads {
  margin-top: 16px;
}
.block-empty.block-empty--upload .form-uploads .uploads li {
  line-height: 24px;
}
.block-empty.block-empty--upload .form-uploads .uploads li button svg.icon-delete {
  color: #fff;
  width: 18px;
  height: 20px;
}
.block-empty.block-empty--upload .form-uploads .uploads li button:hover svg.icon-delete {
  color: var(--red-400);
}

.block-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.block-list .form__field {
  margin-right: 8px;
  min-width: 120px;
  max-width: 120px;
}
.block-list__fullwidth {
  flex-direction: column;
  border: none;
}
.block-list__fullwidth.block-list__search {
  padding: 0;
}
.block-list__fullwidth.block-list__search:hover {
  border: none;
}
.block-list__fullwidth .block-list__search {
  max-width: 100%;
}
.block-list__fullwidth .block-list__search--inline {
  width: 100%;
  height: inherit;
  border: none;
}
.block-list__fullwidth .block-list__search--inline svg {
  z-index: 1;
}
.block-list__fullwidth .block-list__search--inline svg.icon-search {
  position: absolute;
  top: 8px;
  left: 12px;
}
.block-list__fullwidth .block-list__filters {
  margin-top: 16px;
}
.block-list__fullwidth--reset {
  flex-direction: row;
}
.block-list__fullwidth--reset .block-list__filters {
  margin-left: 16px;
  margin-top: 0;
}
.block-list__fullwidth--inline {
  margin-top: -13px;
  flex-direction: row;
}
.block-list__fullwidth--inline .block-list__filters {
  margin-top: 0;
}
.block-list__search {
  width: 100%;
  max-width: 100%;
  height: 40px;
  align-items: center;
  border-radius: 2px;
  display: flex;
  flex-flow: row nowrap;
  font-size: 1rem;
  position: relative;
  transition: all var(--animation-time) ease-in-out;
  border: 1px solid var(--grey-200);
  padding: 0 12px;
  height: 40px;
}
.block-list__search--alf {
  max-width: 60%;
  margin-right: 16px;
}
.block-list__search--just_reset {
  margin-right: 16px;
}
.block-list__search fieldset {
  flex: 1 1 auto;
  outline: none;
}
.block-list__search svg {
  vertical-align: middle;
  height: 25px;
  color: var(--grey-300);
}
.block-list__search input {
  border: 0;
  width: calc(100% - 21px);
  padding-left: 8px;
  font-size: 13px;
}
.block-list__search input::placeholder {
  font-size: 13px;
  color: var(--grey-300);
}
.block-list__search input:focus {
  outline: none;
}
.block-list__search input:disabled {
  font-size: 13px;
  color: var(--grey-300);
}
.block-list__search input:disabled::placeholder {
  color: var(--grey-300) !important;
}
.block-list__search:hover {
  border: 1px solid var(--primary-300);
}
.block-list__filters {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  text-align: left;
  color: var(--primary-500);
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
.block-list__filters-form--160 {
  min-width: 100px;
  max-width: 160px;
  margin-right: 8px;
}
.block-list__filters-form--250 {
  min-width: 100px;
  max-width: 250px;
  margin-right: 16px;
}
.block-list__filters select, .block-list__filters input {
  transition: all var(--animation-time) ease-in-out;
}
.block-list__filters .form__field {
  margin-right: 16px;
  min-width: 120px;
  max-width: 120px;
}
.block-list__filters input[type=text].form__field {
  outline: none;
  padding: 10px;
  border: 1px solid var(--grey-200);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--grey-600);
  border-radius: 2px;
  max-width: 120px;
}
.block-list__filters input[type=text].form__field::placeholder {
  font-size: 13px;
  color: var(--grey-300);
}
.block-list__filters input[type=text].form__field:hover {
  border: 1px solid var(--primary-300);
}
.block-list__filters input[type=text].form__field--150 {
  min-width: 155px;
  max-width: 155px;
}
.block-list__filters:not(.stellademande) .block-list__filters-title {
  margin-right: 16px;
}
.block-list__filters-form {
  margin-right: 16px;
}
.block-list__filters .form {
  border: none;
}
.block-list__filters button[type=reset],
.block-list__filters button.history {
  width: 40px;
  height: 40px;
  background: var(--lighter);
  border: 1px solid var(--lighter);
  border-radius: var(--radius-200);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  transition: all var(--animation-time) ease-in-out;
}
.block-list__filters button[type=reset] svg,
.block-list__filters button.history svg {
  width: 24px;
  height: 18px;
  color: var(--grey-300);
}
.block-list__filters button[type=reset]:hover,
.block-list__filters button.history:hover {
  cursor: pointer;
  background-color: var(--grey-100);
}
.block-list__filters button[type=reset]:hover svg,
.block-list__filters button.history:hover svg {
  color: var(--primary-400);
}
.block-list__filters button[type=reset]:focus,
.block-list__filters button.history:focus {
  background-color: var(--grey-100);
}
.block-list__filters button[type=reset]:focus svg,
.block-list__filters button.history:focus svg {
  color: var(--primary-500);
}
@media screen and (max-width: 767px) {
  .block-list__search {
    max-width: 100%;
    margin-bottom: 0px;
  }
  .block-list__search + .block-list__filters {
    margin-top: 16px;
  }
  .block-list__filters {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 990px) {
  .block-list {
    flex-direction: column;
    justify-content: flex-start;
  }
  .block-list__search {
    max-width: 100%;
  }
  .block-list__search + .block-list__filters {
    margin-top: 16px;
  }
  .block-list__filters-title {
    margin: auto;
    margin: 0 16px 0 0;
  }
  .block-list__filters-form, .block-list__filters button {
    flex-direction: row;
  }
}

/* from stella to all projects*/
.block-list .block-list__search {
  max-width: 100%;
  min-width: 100%;
}
@media screen and (min-width: 990px) {
  .block-list .block-list__search {
    max-width: 52%;
    min-width: 200px;
  }
}
.block-list .block-list__search--full {
  max-width: 100%;
}
@media screen and (min-width: 990px) {
  .block-list .block-list__search--full {
    max-width: 100%;
    min-width: 200px;
  }
}
.block-list .block-list__fullwidth {
  max-width: 100%;
}
.block-list .block-list__fullwidth--reset .block-list__search {
  max-width: 100%;
}
.block-list .flex-sb {
  width: 100%;
}
@media screen and (max-width: 990px) {
  .block-list .flex-sb {
    flex-flow: column;
  }
}
.block-list .flex-sb .block-list__filters {
  flex-wrap: initial;
}
.block-list .flex-sb .block-list__filters .block-list__filters-title {
  min-width: 70px;
}
.block-list .block-list__search.block-list__search--full + form.stellademande {
  margin-top: 16px;
}
.block-list .block-list__search.block-list__search--full + form.stellademande input[type=text].form__field {
  max-width: 112px;
  min-width: 112px;
}
.block-list .block-list__search.block-list__search--full + form.stellademande input[type=text].form__field--150 {
  min-width: 155px;
  max-width: 155px;
}
@media screen and (max-width: 1050px) {
  .block-list .block-list__search.block-list__search--full + form.stellademande {
    flex-flow: row;
    justify-content: flex-start;
    flex-direction: row;
    text-align: left;
    align-items: flex-start;
  }
  .block-list .block-list__search.block-list__search--full + form.stellademande button[type=reset] {
    justify-content: flex-start;
  }
  .block-list .block-list__search.block-list__search--full + form.stellademande input[type=text].form__field {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 990px) {
  .block-list .block-list__search.block-list__search--full + form.stellademande {
    margin-top: 12px;
  }
}

.liste-patient > .container.block:not(.page-content),
.liste-aidants > .container.block:not(.page-content) {
  padding: 16px;
  margin-bottom: 16px;
}

.block-list-plan-sante .flex-sb .block-list__filters,
.block-list-plan-sante .flex-sb .block-list__filters .form {
  width: 100%;
}
.block-list-plan-sante .flex-sb .block-list__filters .form__control-field .form__field,
.block-list-plan-sante .flex-sb .block-list__filters .form .form__control-field .form__field {
  margin-right: 16px;
  min-width: calc(50% - 20px);
  max-width: calc(50% - 20px);
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: var(--radius-200);
  border: 1px solid var(--grey-100);
  background-color: var(--grey-100);
  color: var(--primary-500);
  size: 14px;
  transition: background-color 0.2s, color 0.2s;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: normal;
  padding: 0;
  padding-left: 16px;
  padding-right: 16px;
  height: 40px;
  outline: none;
  /*&:not(.btnReturnTop,.btn-icon--neutre,.btn-ghost.color-blue-500):focus {
      background-color: var(--primary-500);
      color: white;
      box-shadow: none;
  }*/
}
.btn div {
  margin-top: -2px;
}
.btn:disabled {
  opacity: 1;
  cursor: not-allowed !important;
  color: var(--grey-300) !important;
}
.btn-small {
  height: 32px;
  font-size: 12px;
  padding-left: 14px;
  padding-right: 14px;
}
.btn-primary {
  border: 1px solid var(--primary-400);
  background-color: var(--primary-400);
  color: white;
}
.btn-primary:hover {
  border: 1px solid var(--primary-500);
  background-color: var(--primary-500);
  color: white;
}
.btn-primary:disabled, .btn-primary:hover:disabled {
  border-color: var(--grey-100) !important;
  background-color: var(--grey-200);
  color: var(--grey-400) !important;
}
.btn-primary:disabled svg, .btn-primary:hover:disabled svg {
  color: var(--grey-400) !important;
}
.btn-secondary {
  border: 1px solid var(--grey-100);
  background-color: var(--grey-100);
  color: var(--primary-500);
}
.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled):active:focus {
  border: 1px solid var(--primary-500);
  background-color: var(--primary-500);
  color: white;
}
.btn-secondary:hover svg, .btn-secondary:not(:disabled):not(.disabled):active:focus svg {
  color: white;
}
.btn-secondary:disabled {
  border-color: var(--grey-100);
  background-color: var(--grey-100);
  color: var(--grey-300);
}
.btn-secondary:hover:disabled {
  color: var(--grey-300);
}
.btn-secondary:hover:disabled svg {
  color: var(--grey-300);
}
.btn-secondary:focus {
  border: 1px solid var(--primary-400);
  background-color: var(--primary-400);
  color: white;
  box-shadow: none;
}
.btn-secondary-dropdown {
  padding-right: 38px;
  position: relative;
}
.btn-secondary-dropdown::after {
  content: "";
  width: 20px;
  height: 20px;
  display: flex;
  align-self: center;
  align-items: center;
  position: absolute;
  top: calc(50% - 12px);
  right: 10px;
  background-image: url('arrow_drop_down.svg');
}
.btn-secondary-dropdown:hover, .btn-secondary-dropdown:focus, .btn-secondary-dropdown:active, .btn-secondary-dropdown:active:focus, .btn-secondary-dropdown:not(:disabled):not(.disabled):active:focus {
  color: var(--primary-500);
  border: 1px solid var(--grey-100);
  background-color: var(--grey-100);
}
.btn-secondary-dropdown:hover svg, .btn-secondary-dropdown:focus svg, .btn-secondary-dropdown:active svg, .btn-secondary-dropdown:active:focus svg, .btn-secondary-dropdown:not(:disabled):not(.disabled):active:focus svg {
  color: var(--primary-500);
}
.btn-secondary-dropdown:hover::after, .btn-secondary-dropdown:focus::after, .btn-secondary-dropdown:active::after, .btn-secondary-dropdown:active:focus::after, .btn-secondary-dropdown:not(:disabled):not(.disabled):active:focus::after {
  background-image: url('arrow_drop_down.svg');
}
.btn-delete {
  border: 1px solid var(--grey-100);
  background-color: var(--grey-100);
  color: var(--red-400);
}
.btn-delete svg {
  color: var(--red-400);
}
.btn-delete:hover, .btn-delete:not(:disabled):not(.disabled):active:focus {
  border: 1px solid var(--red-400);
  background-color: var(--red-400);
  color: white;
}
.btn-delete:hover svg, .btn-delete:not(:disabled):not(.disabled):active:focus svg {
  color: white;
}
.btn-delete:disabled {
  border-color: var(--grey-100);
  background-color: var(--grey-100);
  color: var(--grey-400);
}
.btn-delete:hover:disabled {
  color: var(--grey-300);
}
.btn-delete:hover:disabled svg {
  color: var(--grey-300);
}
.btn-delete:focus {
  border: 1px solid var(--primary-400);
  background-color: var(--primary-400);
  color: white;
  box-shadow: none;
}
.btn-success {
  background-color: var(--green-400);
  border: 1px solid var(--green-400);
  color: white;
}
.btn-success:hover {
  border: 1px solid var(--green-500);
  background-color: var(--green-500);
  color: white;
}
.btn-success:disabled {
  border-color: var(--grey-200);
  background-color: var(--grey-200);
  color: var(--grey-300);
}
.btn--grey300 {
  border: 1px solid transparent;
  background-color: transparent;
  color: var(--grey-300);
}
.btn--grey300:hover {
  color: var(--grey-500);
}
.btn-ghost {
  border: 1px solid transparent;
  background-color: transparent;
  color: var(--primary-400);
  text-decoration: underline;
}
.btn-ghost:hover {
  border: 1px solid var(--grey-100);
  background-color: var(--grey-100);
  color: var(--primary-500);
  text-decoration: none;
}
.btn-ghost:hover svg {
  color: var(--primary-500);
}
.btn-ghost:disabled, .btn-ghost:disabled:hover {
  border-color: transparent;
  background-color: transparent;
  color: var(--grey-300);
  text-decoration: underline;
}
.btn-ghost:disabled svg, .btn-ghost:disabled:hover svg {
  color: var(--grey-300) !important;
}
.btn-ghost.color-blue-500 {
  color: var(--primary-500);
}
.btn-ghost-grey svg {
  color: var(--grey-300);
}
.btn-ghost-grey:hover svg {
  color: var(--primary-400);
}
.btn-tertiary {
  border: 1px solid var(--primary-100);
  background-color: var(--primary-100);
  color: var(--grey-500);
}
.btn-tertiary:hover {
  border: 1px solid var(--primary-500);
  background-color: var(--primary-500);
  color: white;
}
.btn-tertiary:disabled {
  border-color: var(--grey-200);
  background-color: var(--grey-200);
  color: var(--grey-300);
}
.btn-icon svg {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  /*margin-top: -2px;*/
}
.btn-icon svg + div {
  margin-left: 8px;
}
.btn-icon.btn-small svg {
  width: 20px;
  height: 20px;
}
.btn-icon__only {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-icon-left svg {
  margin-left: 8px;
}
.btn-icon-circle {
  min-width: 32px;
  border-radius: 30px;
  border: 1px solid transparent;
  padding: 0 !important;
}
.btn-icon-circle:hover {
  border-color: transparent;
  background-color: transparent;
}
.btn-icon-circle:hover svg {
  color: var(--red-400);
  background: transparent;
}
.btn-icon-circle svg {
  color: var(--primary-500);
  background: transparent;
  width: 20px;
  height: 20px;
}
.btn-icon-circle:disabled svg {
  color: var(--grey-300) !important;
}
.btn-icon--neutre, .btn-icon--neutre svg, .btn-icon--neutre:first-child {
  color: var(--primary-400);
  background-color: transparent;
  border-color: transparent;
}
.btn-icon--neutre:focus, .btn-icon--neutre:focus svg, .btn-icon--neutre:hover, .btn-icon--neutre:hover svg, .btn-icon--neutre svg:focus, .btn-icon--neutre svg:focus svg, .btn-icon--neutre svg:hover, .btn-icon--neutre svg:hover svg, .btn-icon--neutre:first-child:focus, .btn-icon--neutre:first-child:focus svg, .btn-icon--neutre:first-child:hover, .btn-icon--neutre:first-child:hover svg {
  color: var(--primary-500);
  background-color: transparent;
  border-color: transparent;
}
.btn-icon--neutre.btn-small svg, .btn-icon--neutre svg.btn-small svg, .btn-icon--neutre:first-child.btn-small svg {
  width: 20px;
  height: 20px;
}
.btn-icon--tooltiplabel {
  display: inline;
  padding: 0;
  height: auto;
}
.btn-icon--tooltiplabel svg {
  width: 20px;
  height: 20px;
}
.btn-secondary:hover:disabled, .btn-secondary:disabled, .btn-delete:hover:disabled, .btn-delete:disabled, .btn-icon-delete:hover:disabled, .btn-icon-delete:disabled {
  border-color: var(--grey-100);
  background-color: var(--grey-100);
  color: var(--grey-400) !important;
}
.btn-secondary:hover:disabled svg, .btn-secondary:disabled svg, .btn-delete:hover:disabled svg, .btn-delete:disabled svg, .btn-icon-delete:hover:disabled svg, .btn-icon-delete:disabled svg {
  color: var(--grey-400);
}
.btn > svg + div,
.btn > div + svg {
  margin-left: 8px;
}
.btn-icon-round, .btn-icon-round:hover {
  align-self: center;
  height: auto;
  border-radius: 90em;
  width: 40px;
  height: 40px !important;
  background-color: #fff;
  color: var(--primary-400);
  margin-left: 8px;
}
.btn-icon-round svg:not(.icon-cancel, .icon-delete), .btn-icon-round:hover svg:not(.icon-cancel, .icon-delete) {
  color: var(--primary-400) !important;
}
.btn-icon-round svg.cancel {
  background-color: var(--primary-500);
}
.btn-icon-round:hover svg.icon-cancel {
  background-color: var(--green-400);
}
.btn:active:focus, .btn.active:focus {
  box-shadow: none;
}
.btn-group {
  margin-left: 16px;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 1px solid var(--primary-500);
}
.btn-group > .btn:nth-child(2) {
  border-left: 1px solid var(--primary-500);
  border-right: 1px solid var(--primary-500);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group .btn {
  min-width: 40px;
  padding-left: 10px;
  padding-right: 10px;
}
.btn-group > .btn {
  position: relative;
  flex: 0 1 auto;
}
.btn-group > .btn svg {
  max-width: 20px;
}
.btn-group .btn + .btn {
  margin-left: -1px;
}
.btn-text {
  padding: 0;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--primary-400);
  text-decoration: underline;
  display: inline-flex;
  background-color: transparent;
  border: none;
  height: inherit;
}
.btn-text:hover, .btn-text:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  text-decoration: none;
  color: var(--primary-400);
}
.btn-text:disabled {
  color: var(--grey-300);
}
.btn-text:disabled svg {
  color: var(--grey-300);
}
.btn-text div {
  margin-left: 6px;
}
.btn-text.btn-icon svg.icon-search {
  width: 13px !important;
  height: 13px !important;
  /*color: var(--primary-400);*/
}
.btn-text__disabled {
  color: var(--grey-300);
  pointer-events: none;
}
.btn-text__disabled.btn-icon svg.icon-search, .btn-text__disabled.btn-icon svg, .btn-text__disabled a {
  color: var(--grey-300);
}
.btn-text:hover {
  text-decoration: none;
}
.btn-text svg {
  width: 16px !important;
  height: 16px !important;
}
.btn--grey300 {
  background-color: transparent;
  color: var(--grey-300);
  border-color: transparent;
}
.btn-icon-delete {
  min-width: 32px;
  border-radius: 30px;
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 0;
  background-color: transparent;
}
.btn-icon-delete svg {
  color: var(--primary-500);
}
.btn-icon-delete:hover, .btn-icon-delete:focus {
  background-color: transparent;
  border-color: transparent;
}
.btn-icon-delete:hover svg, .btn-icon-delete:focus svg {
  color: var(--red-400) !important;
  background: transparent;
}
.btn-download-formulaire {
  padding-top: 8px;
  text-decoration: none;
}

.button__delete .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  z-index: 2;
  position: absolute;
  top: calc(50% - 16px);
  right: 24px;
  width: 32px;
  height: 32px;
  border-radius: 24px;
  border: none;
  background-color: #fff;
}
@media screen and (max-width: 650px) {
  .button__delete .btn {
    bottom: 0 !important;
    margin-top: 16px;
  }
}
.button__delete .btn svg {
  margin: 0;
  width: 20px;
  height: 20px;
  color: var(--primary-500);
}
.button__delete .btn:hover svg {
  color: var(--red-400);
}
@media (max-width: 980px) {
  .button__delete .btn {
    top: inherit;
    bottom: 24px;
  }
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus,
.show > .btn.dropdown-toggle:focus {
  box-shadow: none;
}

/* pour un bouton icone sans fioriture */
.btn-reset {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.btn-reset:hover, .btn-reset:focus {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}

.dropdown {
  display: flex;
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  justify-content: flex-end;
}
.dropdown-content {
  display: none;
  background-color: #fff;
  min-width: 160px;
  z-index: 1;
  margin-top: 4px;
  right: 0;
  border: 1px solid var(--grey-200);
  border-radius: var(--radius-200);
}
.dropdown-content-head {
  top: 30px;
}
.dropdown-content-head button {
  width: 100%;
  justify-content: flex-start;
  color: var(--grey-600);
  padding: 4px 12px !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  text-decoration: none;
  margin: 0 !important;
}
.dropdown-content-head button:hover {
  color: var(--grey-600);
  border-color: var(--grey-100);
  background-color: var(--primary-100) !important;
}
.dropdown-content-head button:hover svg {
  color: var(--grey-600);
}
.dropdown-content a {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--grey-600);
  padding: 10px;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid var(--grey-200);
  text-align: left;
  margin-left: 0;
}
.dropdown-content a:hover {
  background-color: var(--primary-100);
}
.dropdown-content a:last-child {
  border-bottom: none;
}
.dropdown-content:hover .dropbtn {
  background-color: #3e8e41;
}
.dropdown.dropdown-right {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.dropdown.dropdown-right button.dropbtn,
.dropdown.dropdown-right button.dropbtn:hover {
  margin-left: auto;
}
.dropdown.dropdown-right .btn.dropbtn.btn-secondary {
  color: var(--primary-500);
  border: 1px solid var(--grey-100);
  background-color: var(--grey-100);
}
.dropdown.dropdown-right .btn.dropbtn.btn-secondary::after {
  width: 20px;
  height: 20px;
  display: flex;
  align-self: center;
  align-items: center;
  position: absolute;
  top: calc(50% - 12px);
  right: 10px;
  background-image: url('arrow_drop_down.svg');
}
.dropdown.dropdown-right .btn.dropbtn.btn-secondary:hover {
  color: var(--primary-500);
  border: 1px solid var(--grey-100);
  background-color: var(--grey-100);
}
.dropdown.dropdown-right .btn.dropbtn.btn-secondary:hover::after {
  background-image: url('arrow_drop_down.svg');
}
@media screen and (max-width: 989px) {
  .dropdown.dropdown-right:hover .dropdown-content {
    position: absolute;
    top: 36px;
    left: 0;
  }
}
@media screen and (max-width: 989px) {
  .dropdown.dropdown-right:hover .dropbtn {
    justify-content: center;
  }
}
.dropdown:hover .dropbtn {
  right: 0;
}
.dropdown:hover .dropdown-content {
  display: block;
  min-width: 100%;
}
.dropdown-absolute {
  position: relative;
  display: inline-flex;
}
.dropdown-absolute .dropdown-content {
  position: absolute;
  min-width: 100%;
  top: 43px;
}
.dropdown-absolute .btn-small .dropdown-content {
  top: 34px;
}

.btn.dropbtn {
  color: white;
  border: none;
  cursor: pointer;
  position: relative;
  padding-right: 37px;
}
.btn.dropbtn::after {
  position: absolute;
  content: "";
  right: 16px;
  width: 9px;
  height: 6px;
  background: transparent;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABBSURBVHgBfY1BDQAgDAMbFCABCZOEFJwhBQmTUPbgsZBtTe7TXFqQFEOZZzcA/VHH7JmsHGN4cZVCIGoofNfiuws4cmyYl1t1owAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
}
.btn.dropbtn.btn-primary:disabled::after, .btn.dropbtn.btn-primary:hover:disabled::after {
  background: transparent;
  background-image: url('Polygon_grey400.svg');
  background-repeat: no-repeat;
}

.button {
  cursor: pointer;
}

.btn svg {
  width: 20px;
  height: 20px;
}
.btn-icon svg {
  width: 24px;
  height: 24px;
}
.btn.btn-icon-right:not(.btn-icon-left, .btn-icon-circle, .btn-icon) svg {
  margin-right: 8px;
}
.btn.btn-icon-left:not(.btn-icon-right, .btn-icon-circle, .btn-icon) svg {
  margin-left: 8px;
}

.block-default__title button.btn-secondary:disabled div,
.block-default__title button.btn-secondary:disabled:hover div {
  margin-top: 0;
}
.block-default__title button.btn-secondary:disabled svg,
.block-default__title button.btn-secondary:disabled:hover svg {
  color: var(--grey-300);
}

.table-scroll .btn.btn-ghost:hover svg.icon-history {
  color: var(--primary-500);
}
.table-scroll .btn.btn-ghost svg.icon-history {
  color: var(--grey-300);
}

.input-group {
  margin-left: 0px;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  width: 100%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.input-group > .input-group:not(:last-child) > .btn, .input-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .btn:first-child {
  margin-left: 0;
}
.input-group > .btn:last-child {
  border-top-right-radius: var(--radius-200) !important;
  border-bottom-right-radius: var(--radius-200) !important;
  border-left: 1px solid var(--primary-500);
  padding: 13px 16px;
}
.input-group > .btn:nth-child(2) {
  border-left: 1px solid var(--primary-500);
  border-right: 1px solid var(--primary-500);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .btn {
  min-width: 40px;
  padding-left: 10px;
  padding-right: 10px;
}
.input-group > .btn {
  position: relative;
  flex: 0 1 auto;
}
.input-group > .btn svg {
  max-width: 20px;
}
.input-group .btn + .btn {
  margin-left: -1px;
}

.connexion {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 104px);
}
.connexion_container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 700px;
  background-color: white;
  border: 1px solid var(--grey-100);
  border-radius: 4px;
  margin: 16px;
  padding: 80px;
  text-align: center;
  align-items: stretch;
}
.connexion_container-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 4px;
}
.connexion_container-img img {
  max-width: 100%;
  height: auto;
}
.connexion_container-title {
  margin: 24px 0 16px;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: var(--primary-600);
}
.connexion_container p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--grey-300);
  margin-bottom: 32px;
}
.connexion_container button {
  margin-left: auto;
  margin-right: auto;
}
.connexion_container button.btn-icon svg {
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 620px) {
  .connexion_container {
    width: auto;
    max-width: 100%;
    min-height: inherit;
    padding: 24px;
  }
  .connexion_container-title {
    font-size: 18px;
    line-height: 1.2em;
  }
  .connexion_container p {
    font-size: 13px;
    line-height: 1.2em;
  }
}
@media screen and (max-width: 620px) {
  .connexion {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    min-height: inherit;
  }
}
@media screen and (max-height: 700px) {
  .connexion {
    margin: 16px auto;
  }
}

.page-connexion {
  max-width: none !important;
  position: absolute;
  margin-bottom: 0 !important;
  top: 72px;
  height: calc(100vh - 72px);
}
.page-connexion .connexion {
  height: 100%;
  margin: 0;
}

.liste-patient .table thead tr th:first-child,
.liste-patient .table tbody tr td:first-child {
  padding-left: 56px;
}
.liste-patient .table tbody tr {
  position: relative;
}
.liste-patient .table tbody tr td {
  justify-content: flex-start;
  padding: 0 16px;
  font-weight: 400;
}
.liste-patient .table tbody tr td:first-child, .liste-patient .table tbody tr td:nth-child(2) {
  font-weight: 500;
}
.liste-patient .table tbody tr td:first-child svg {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 18px;
}
.liste-patient .table tbody tr.except td:first-child svg {
  color: var(--grey-300);
}
.liste-patient .table tbody .icon-folder_mini {
  color: var(--primary-300);
}
.liste-patient .table tbody .icon-folder-alert {
  color: var(--orange-400);
}

/**
* Navbar
*/
.navbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 990;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background: var(--primary-600);
  height: 62px;
  transition: all var(--animation-time) ease-in-out;
}
.navbar .nav-mobile .navbar-brand a {
  align-items: flex-end;
  -webkit-box-align: end;
}
.navbar .nav-mobile .navbar-brand a:first-child {
  height: 22px;
  min-height: 22px;
  display: flex;
}
.navbar .nav-mobile .navbar-brand a:first-child:after {
  top: -6px;
}
.navbar .nav-mobile .navbar-brand a:first-child img {
  padding-bottom: 0px;
  min-height: 24px;
}
@media (max-width: 780px) {
  .navbar .nav-mobile .navbar-brand a:first-child img {
    min-height: 10px;
    max-height: 100%;
  }
}
.navbar > .container-fluid {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar .container-fluid {
  padding-left: 24px;
}
.navbar .navbar-collapse {
  position: absolute;
  right: 0;
  height: 62px;
}
.navbar .navbar-collapse .collapse {
  position: relative;
  float: right;
  display: flex;
  align-items: center;
  background-color: white;
  outline: none;
  border: 1px solid #F3F5F6;
  border-radius: 0px 0px 0px var(--radius-200);
}
.navbar .navbar-collapse .collapse .btn {
  font-weight: 400;
  background-color: white;
  color: var(--primary-600);
  border: none;
  margin-right: 0;
  padding: 0 50px 0 25px;
  min-width: 167px;
  height: 56px;
  justify-content: flex-start;
  transition: background-color 0.2s ease-in-out;
  font-size: 14px;
}
.navbar .navbar-collapse .collapse .btn svg {
  position: absolute;
  right: 22px;
  transition: all 0.2s ease-in-out;
  width: 10px;
}
@media screen and (max-width: 1350px) {
  .navbar .navbar-collapse .collapse .btn svg {
    right: 12px;
  }
}
.navbar .navbar-collapse .collapse .btn::after {
  content: none;
}
.navbar .navbar-collapse .collapse .btn:hover {
  background-color: var(--lighter);
}
.navbar .navbar-collapse .collapse .btn.show svg {
  transform: rotate(180deg);
}
@media screen and (max-width: 990px) {
  .navbar .navbar-collapse .collapse .btn {
    min-width: inherit;
    padding: 0 40px 0 12px;
  }
}
.navbar .navbar-collapse .navbar-nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
.navbar .navbar-collapse .navbar-nav .nav-item {
  font-size: 14px;
  display: flex;
  align-items: center;
  color: var(--primary-600);
}
.navbar .navbar-collapse .navbar-nav .nav-item a {
  text-decoration: none;
}
.navbar .navbar-collapse .dropdown-toogle {
  white-space: nowrap;
  padding-left: 24px;
  cursor: pointer;
}
.navbar .navbar-collapse .dropdown-toogle:hover, .navbar .navbar-collapse .dropdown-toogle:focus {
  background-color: #2980B9;
}
.navbar .navbar-collapse .dropdown-menu {
  display: none;
  position: absolute;
  top: 64px;
  right: 6px;
  min-width: 165px;
  z-index: 1;
  list-style: none;
  padding-left: 0;
  background: #FFFFFF;
  border: 1px solid #F3F5F6;
  box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2);
  border-radius: var(--radius-200);
}
.navbar .navbar-collapse .dropdown-menu li:last-child a {
  border-bottom: 0;
  color: var(--red-400);
}
.navbar .navbar-collapse .dropdown-menu li:last-child a:hover {
  background-color: var(--red-100);
}
.navbar .navbar-collapse .dropdown-menu .dropdown-item {
  text-align: right;
  padding: 13px 14px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--primary-400);
  border-bottom: 1px solid var(--light);
  font-size: 12px;
  font-weight: 600;
  transition: all var(--animation-time) ease-in-out;
}
.navbar .navbar-collapse .dropdown-menu .dropdown-item:hover {
  cursor: pointer;
  background-color: var(--lighter);
  text-decoration: none;
}
.navbar .navbar-collapse .dropdown-menu .dropdown-item svg {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.navbar .navbar-collapse .dropdown-menu .dropdown-item .text-grey {
  font-weight: 400;
  color: var(--grey-400);
}
.navbar .navbar-collapse .dropdown-menu .dropdown-item svg.svg-icon.icon-DMPCompatible {
  width: 24px;
  height: 100%;
}
.navbar .navbar-collapse .dropdown-menu a {
  text-decoration: underline;
}
.navbar .navbar-collapse .dropdown-menu.show {
  display: block;
}
.navbar .navbar-btn .btn-close {
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 73px;
  height: 62px;
  background-color: var(--primary-500);
  border: none;
  border-radius: 0;
  outline: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: first baseline;
}
@media screen and (min-width: 1350px) {
  .navbar .navbar-btn .btn-close {
    height: 63px;
  }
}
@media screen and (min-width: 1919px) {
  .navbar .navbar-btn .btn-close {
    height: 84px;
  }
}
.navbar .navbar-btn .btn-close svg {
  width: 16px;
  height: 17px;
}
.navbar .navbar-btn .btn-close:active {
  border: none;
}
.navbar .navbar-btn .btn-close:hover {
  background-color: var(--primary-400);
}
.navbar .navbar-btn .btn-close:hover svg {
  transition: transform 0.3s ease-in-out;
  transform: rotate(90deg);
}
.navbar .navbar-btn .btn-close span {
  font-weight: 500;
  font-size: 10px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-top: 2px;
}
.navbar.navbar-with-btn-close .navbar-collapse {
  right: 62px;
}
.navbar .nav {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  flex-grow: 0;
  margin: 0px 8px;
  text-decoration: none;
}
.navbar .navbar-brand {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.navbar .navbar-brand a {
  position: relative;
  padding: 0 24px;
  min-height: 42px;
}
.navbar .navbar-brand a:first-child:after {
  top: -6px;
}
.navbar .navbar-brand a:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  width: 1px;
  height: 32px;
  background-color: var(--primary-100);
}
.navbar .navbar-brand a:first-child {
  padding-left: 0;
}
.navbar .navbar-brand a:nth-child(2) img {
  width: 100%;
  height: auto;
  max-height: 48px;
}
.navbar .navbar-brand a:last-of-type:after {
  display: none;
}
.navbar .navbar-brand a, .navbar .navbar-brand > div > span {
  align-items: flex-end;
  -webkit-box-align: end;
}
.navbar .navbar-brand a:first-child, .navbar .navbar-brand > div > span:first-child {
  height: 22px;
  min-height: 22px;
  display: flex;
}
.navbar .navbar-brand a:first-child:after, .navbar .navbar-brand > div > span:first-child:after {
  top: -5px;
}
.navbar .navbar-brand a:first-child img, .navbar .navbar-brand > div > span:first-child img {
  padding-bottom: 0px;
  min-height: 34px;
}
@media (max-width: 990px) {
  .navbar .navbar-brand a:first-child img, .navbar .navbar-brand > div > span:first-child img {
    max-height: 100%;
  }
}
.navbar .navbar-brand a:nth-child(2), .navbar .navbar-brand > div > span:nth-child(2) {
  align-items: center;
  -webkit-box-align: center;
  min-height: 22px;
  max-height: 22px;
  padding-left: 22px;
}
.navbar .navbar-brand a:nth-child(2) img, .navbar .navbar-brand > div > span:nth-child(2) img {
  padding-bottom: 0px;
  width: auto;
  height: 24px;
  min-height: 100%;
  max-height: 100%;
}
.navbar-user {
  display: flex;
  flex-direction: row;
}
.navbar-user_icon svg {
  width: 56px;
  height: 56px;
}
.navbar-user_icon svg.svg-icon.icon-abscence_medecin {
  width: 48px;
  height: 48px;
}
.navbar-user_data {
  display: flex;
  flex-direction: column;
  align-self: center;
  margin-left: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #F2F2F2;
}
.navbar-user_data--name {
  display: flex;
  flex-direction: row;
  padding-bottom: 4px;
}
.navbar-user_data--firstname {
  margin-left: 4px;
}
.navbar-user_data--list {
  display: flex;
  flex-direction: row;
}
.navbar-user_data--list-item {
  margin-left: 36px;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  color: #F2F2F2;
}
.navbar-user_data--list-item:first-child {
  margin-left: 0;
}
.navbar-user_data--list-item b {
  font-weight: 600;
  text-transform: uppercase;
}
.navbar-user_data--list-item-title {
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 15px;
  text-align: right;
  text-transform: uppercase;
  color: var(--grey-200);
  margin-right: 8px;
  font-weight: 400;
}
.navbar-user_data--list-item-date {
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .navbar .navbar-user {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .navbar {
    display: none;
  }
}
.navbar-mobile {
  display: none;
}
.navbar-mobile .navbar-brand a:first-child img {
  padding-bottom: 0px;
  min-height: 24px;
  max-height: 24px;
}
@media screen and (max-width: 1024px) {
  .navbar-mobile {
    display: flex;
  }
}
@media screen and (max-width: 1024px) {
  .navbar-mobile .navbar-user {
    display: flex;
  }
}
.navbar .nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--primary-600);
  height: 100%;
}
.navbar .nav-mobile div.navbar-brand {
  margin: 0px 24px;
  height: 62px;
}
.navbar .nav-mobile .navbar-user {
  margin: 16px;
}
.navbar .nav-mobile .navbar-user_data--name {
  flex-direction: column;
  padding-bottom: 0;
  margin-bottom: 16px;
}
.navbar .nav-mobile .navbar-user_data--firstname {
  margin-left: 0;
}
.navbar .nav-mobile .navbar-user_data--list {
  flex-direction: column;
}
.navbar .nav-mobile .navbar-user_data--list-item {
  margin-left: 0;
  margin-bottom: 16px;
}
.navbar .nav-mobile .navbar-initial {
  position: absolute;
  right: 0;
  width: 32px;
  height: 32px;
  background-color: white;
  border-radius: 100%;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-600);
}
.navbar .nav-mobile ul {
  width: 100%;
}
.navbar .nav-mobile ul li {
  background-color: white;
  border-bottom: 1px solid var(--light);
}
.navbar .nav-mobile ul li a, .navbar .nav-mobile ul li > span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: var(--primary-400);
}
.navbar .nav-mobile ul li a svg, .navbar .nav-mobile ul li > span svg {
  margin-left: 8px;
  width: 20px;
  height: 20px;
}
.navbar .nav-mobile ul li a .flex.flex-sb, .navbar .nav-mobile ul li > span .flex.flex-sb {
  max-width: 240px;
}
.navbar .nav-mobile ul li a .flex.flex-sb svg.svg-icon.icon-DMPCompatible, .navbar .nav-mobile ul li > span .flex.flex-sb svg.svg-icon.icon-DMPCompatible {
  width: 24px;
  height: 100%;
}
.navbar .nav-mobile ul li a .flex.flex-sb .text-grey, .navbar .nav-mobile ul li > span .flex.flex-sb .text-grey {
  font-weight: 400 !important;
  color: var(--grey-400);
}
.navbar .nav-mobile ul li:last-child {
  border-bottom: 0;
}
.navbar .nav-mobile ul li:last-child a {
  color: var(--red-400);
}
.navbar .nav-mobile .btn-close-mobile {
  position: absolute;
  bottom: 0;
  height: 48px;
  opacity: 0;
  background: var(--primary-500);
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  border: none;
  width: 100%;
  border-radius: 0;
}
.navbar.navbar-mobile {
  transition: none;
}

.js-nav {
  height: 100%;
  width: 100%;
}
.js-nav .scrollbar {
  overflow: hidden;
}
.js-nav .banner {
  transition: 300ms cubic-bezier(0.86, 0, 0.07, 1);
}
.js-nav .header, .js-nav .navbar {
  height: 100%;
  display: block;
}
.js-nav .nav-mobile {
  height: 100%;
  display: block;
}
.js-nav .nav-mobile .btn-close-mobile {
  opacity: 1;
}

header.banner.navbar2 {
  width: 100%;
  position: sticky;
  top: 0px;
  z-index: 989;
}
@media screen and (min-width: 1280px) {
  header.banner.navbar2 .navbar-btn .btn-close {
    height: 62px;
  }
}
header.banner.navbar2.navbar-with-btn-close .navbar-collapse {
  right: 69px;
}
header.banner.navbar2:not(.navbar2--light) nav.navbar .nav-mobile2 {
  margin-top: 124px;
  height: calc(100vh - 124px);
}
header.banner.navbar2.navbar2--light nav.navbar .nav-mobile2 {
  margin-top: 63px;
  height: calc(100vh - 63px);
}
header.banner.navbar2 nav.navbar {
  display: block;
  height: auto;
  width: 100%;
}
header.banner.navbar2 nav.navbar .navbar-btn {
  position: absolute;
  top: 0;
  right: 0;
}
header.banner.navbar2 nav.navbar .container-fluid {
  padding-left: 0;
  display: block;
  padding-right: 0;
}
@media screen and (max-width: 1280px) {
  header.banner.navbar2 nav.navbar .navbar-brand {
    flex-direction: column;
    align-items: center;
    align-items: flex-start;
  }
}
header.banner.navbar2 nav.navbar .navbar-brand a, header.banner.navbar2 nav.navbar .navbar-brand span {
  padding: 0 16px;
}
header.banner.navbar2 nav.navbar .navbar-brand a:nth-child(1), header.banner.navbar2 nav.navbar .navbar-brand span:nth-child(1) {
  padding-left: 4px;
}
header.banner.navbar2 nav.navbar .navbar-brand a:nth-child(2), header.banner.navbar2 nav.navbar .navbar-brand span:nth-child(2) {
  padding-left: 16px;
  padding-right: 0;
  display: flex;
  align-self: center;
}
@media screen and (min-width: 770px) {
  header.banner.navbar2 nav.navbar .navbar-brand a:nth-child(2) img, header.banner.navbar2 nav.navbar .navbar-brand span:nth-child(2) img {
    padding-left: 0;
  }
}
header.banner.navbar2 nav.navbar .navbar-brand .navbar-user_data--list-item span,
header.banner.navbar2 nav.navbar .navbar-brand .navbar-user_data--name span {
  padding: 0px;
  align-items: center;
  display: inline-flex;
  align-self: self-start;
}
header.banner.navbar2 nav.navbar .navbar-brand .navbar-user_data--list-item span.chips,
header.banner.navbar2 nav.navbar .navbar-brand .navbar-user_data--name span.chips {
  margin-left: 16px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (max-width: 1280px) {
  header.banner.navbar2 nav.navbar .navbar-brand .navbar-user_data--list-item span.chips,
  header.banner.navbar2 nav.navbar .navbar-brand .navbar-user_data--name span.chips {
    display: none;
  }
}
header.banner.navbar2 nav.navbar .navbar-brand a:first-child img,
header.banner.navbar2 nav.navbar .navbar-brand span:first-child img {
  max-height: 100%;
  min-height: 32px;
  padding-bottom: 0;
}
@media screen and (max-width: 1280px) {
  header.banner.navbar2 nav.navbar .navbar-brand a:first-child img,
  header.banner.navbar2 nav.navbar .navbar-brand span:first-child img {
    max-height: 25px;
    min-height: 25px;
    padding-bottom: 0;
    margin-bottom: -2px;
  }
}
header.banner.navbar2 nav.navbar .navbar-brand > div {
  flex-direction: row;
  align-items: center;
  display: flex;
  height: 62px;
  padding-left: 16px;
}
header.banner.navbar2 nav.navbar .navbar-brand > div.navbar-collapse {
  align-items: flex-start;
}
@media screen and (max-width: 1280px) {
  header.banner.navbar2 nav.navbar .navbar-brand > div.navbar-collapse {
    width: 118px;
  }
}
@media screen and (min-width: 1280px) {
  header.banner.navbar2 nav.navbar .navbar-brand > div.navbar-collapse {
    width: 207px;
  }
}
@media screen and (max-width: 1280px) {
  header.banner.navbar2 nav.navbar .navbar-brand > div {
    height: 62px;
  }
  header.banner.navbar2 nav.navbar .navbar-brand > div.navbar-user {
    height: 62px;
  }
}
@media screen and (max-width: 1280px) {
  header.banner.navbar2 nav.navbar .navbar-brand > div {
    width: 100%;
  }
}
header.banner.navbar2 nav.navbar .navbar-brand > div .logo-desktop {
  display: block;
}
header.banner.navbar2 nav.navbar .navbar-brand > div .logo-mobile {
  display: none;
}
@media screen and (max-width: 1279px) {
  header.banner.navbar2 nav.navbar .navbar-user {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
}
header.banner.navbar2 nav.navbar .navbar-user .navbar-user_icon {
  padding-right: 16px;
  display: flex;
}
@media screen and (max-width: 1279px) {
  header.banner.navbar2 nav.navbar .navbar-user .navbar-user {
    border-top: none;
  }
}
header.banner.navbar2 nav.navbar .navbar-collapse {
  top: 0;
}
header.banner.navbar2 nav.navbar .navbar-collapse .dropdown-menu {
  right: 0;
}
header.banner.navbar2 nav.navbar .navbar-collapse .collapse .btn {
  /*position: absolute;
  top: -3px;
  right: 10px;*/
}
header.banner.navbar2 nav.navbar .navbar-collapse .collapse .btn.dropbtn.show::after {
  content: none;
}
@media screen and (min-width: 1280px) {
  header.banner.navbar2 nav.navbar .navbar-collapse .collapse .btn#btnMobile {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  header.banner.navbar2 nav.navbar .navbar-collapse .collapse .btn#dropbtn {
    display: none;
  }
}
header.banner.navbar2 nav.navbar .navbar-user_data {
  padding-right: 16px;
  margin-left: 0;
}
header.banner.navbar2 nav.navbar .navbar-user_data--name {
  display: flex;
  align-items: flex-start;
  -webkit-box-align: start;
}
header.banner.navbar2 nav.navbar .navbar-user_data--name .btn {
  height: auto;
  color: #FFF;
}
header.banner.navbar2 nav.navbar .navbar-user_data--name .btn svg {
  color: #FFF;
}
@media screen and (max-width: 1280px) {
  header.banner.navbar2 nav.navbar .navbar-user_data--name .btn {
    position: absolute;
    right: 0;
  }
}
header.banner.navbar2 nav.navbar .navbar-user_data--list {
  display: flex;
  align-items: flex-start;
  -webkit-box-align: start;
}
@media screen and (min-width: 1280px) {
  header.banner.navbar2 nav.navbar .navbar-user_data--list-item:not(:first-child) {
    margin-left: 16px;
  }
}
@media screen and (max-width: 1280px) {
  header.banner.navbar2 nav.navbar .navbar-user {
    display: block;
  }
  header.banner.navbar2 nav.navbar .navbar-brand > div .logo-desktop {
    display: none;
  }
  header.banner.navbar2 nav.navbar .navbar-brand > div .logo-mobile {
    display: block;
  }
  header.banner.navbar2 nav.navbar .nav-mobile2 .navbar-user_data--list {
    display: flex;
    padding-left: 88px;
    padding-bottom: 5px;
    margin-top: 0;
  }
}
@media screen and (max-width: 1280px) {
  header.banner.navbar2 nav.navbar .navbar-user_data--list.-pt-1 {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 1280px) {
  header.banner.navbar2 nav.navbar .nav-link-mobile {
    display: block;
  }
  header.banner.navbar2 nav.navbar .nav-link-desktop {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  header.banner.navbar2 nav.navbar .nav-mobile2 {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  header.banner.navbar2 nav.navbar .navbar-brand a:nth-child(1) {
    display: none;
  }
  header.banner.navbar2 nav.navbar .navbar-brand a:nth-child(2) {
    padding-left: 0;
  }
  header.banner.navbar2 nav.navbar .navbar-brand a:first-child:after {
    content: none;
  }
  header.banner.navbar2 nav.navbar .navbar-user_data--list {
    display: none;
  }
  header.banner.navbar2 nav.navbar .navbar-user_data {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
  }
  header.banner.navbar2 nav.navbar .navbar-user_data--name {
    flex-direction: column;
    padding-bottom: 0;
  }
  header.banner.navbar2 nav.navbar .navbar-user_data--name .navbar-user_data--lastname {
    display: block;
  }
  header.banner.navbar2 nav.navbar .navbar-user_data--name .navbar-user_data--firstname {
    display: block;
    margin-left: 0;
  }
  header.banner.navbar2 nav.navbar .navbar-user_data--list {
    margin-top: 8px;
  }
}
header.banner.navbar2 nav.navbar .navbar-collapse .dropdown-menu.show {
  z-index: 989;
}
@media screen and (max-width: 1280px) {
  header.banner.navbar2 nav.navbar .navbar-brand a:nth-child(2) img {
    max-height: 25px;
    height: 25px;
  }
}
header.banner.navbar2 nav.navbar .nav-mobile .navbar-user {
  border-top: 0;
  margin: 0;
}
header.banner.navbar2 nav.navbar .nav-mobile .navbar-user .navbar-user_icon,
header.banner.navbar2 nav.navbar .nav-mobile .navbar-user .navbar-user_data--name {
  display: none;
}
@media screen and (max-width: 1280px) {
  header.banner.navbar2 nav.navbar .nav-mobile .navbar-user_data--list-item {
    margin-bottom: 4px;
  }
}

@media screen and (max-width: 1279px) {
  header.navbar2--light + main,
  main.main-navbar2--light {
    margin-top: 62px;
  }
}

@media screen and (max-width: 1279px) {
  header:not(.navbar2--light) + main,
  main:not(.main-navbar2--light) {
    margin-top: 62px;
  }
}

@media screen and (max-width: 1279px) {
  .main-navbar2--light {
    margin-top: 0px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  .main-navbar2--light nav.submenu {
    top: 63px;
  }
}

.navbar-user_data--name .chips {
  background-color: #fff;
  font-weight: 600;
  font-size: 11px;
  padding: 2px 8px;
}

/* menu open js-nav au niveau de la balise <html> */
.js-nav .navbar2 .nav-mobile .navbar-initial {
  display: flex;
  top: 18px;
  position: fixed;
  right: 18px;
}
.js-nav .nav-link, .js-nav .navbar-btn .btn-close, .js-nav .navbar-collapse {
  display: none;
}
.js-nav .navbar-dmp {
  top: 11px;
  right: 62px;
}

@media screen and (max-width: 1280px) {
  .submenu {
    position: relative;
    top: 0px;
  }
}
@media screen and (min-width: 1280px) {
  .navbar .navbar-collapse .collapse .btn,
  header.banner.navbar2 nav.navbar .navbar-collapse .dropdown-menu.show {
    max-width: 223px;
    min-width: 194px;
  }
  header.banner.navbar2 nav.navbar .navbar-collapse .dropdown-menu.show {
    max-width: none;
    right: 10px;
  }
  header.banner.navbar2 nav.navbar .navbar-collapse .dropdown-menu.show .dropdown-item {
    text-wrap: nowrap;
  }
}
@media screen and (min-width: 990px) {
  .main nav.submenu {
    top: 62px;
  }
  header.banner.navbar2 nav.navbar {
    min-height: 62px;
    align-self: center;
    display: flex;
  }
}
@media screen and (min-width: 1280px) {
  .cdk-global-scrollblock .main:not(.main-navbar2--light) {
    padding-top: 48px;
  }
  .cdk-global-scrollblock .main:not(.main-navbar2--light) nav.submenu {
    top: 62px;
    position: fixed;
  }
}
/*
header.banner.navbar2 nav.navbar .navbar-brand .navbar-user_data--name {
    span.navbar-user_data--firstname,
    span.navbar-user_data--lastname{
        max-width: 190px;
        @media screen and (min-width: 1500px){
            max-width: 320px;
        }
        @media screen and (min-width: 1600px){
            max-width: 400px;
        }

        overflow: hidden !important;
        white-space: nowrap !important;
        word-wrap: normal !important;
        text-overflow: ellipsis !important;
        display: block!important;
    }
}*/
@media screen and (min-width: 1280px) {
  .cdk-global-scrollblock .main.main-navbar2--light nav.submenu {
    top: 0px;
  }
}

.navbar-dmp {
  position: absolute;
  top: 8px;
  right: 270px;
}
.navbar-dmp .btn-ghost {
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.navbar-dmp .btn-ghost svg {
  width: 39px;
  height: 39px;
}
.navbar-dmp .btn-ghost:hover {
  border: none;
  background-color: transparent;
}
.navbar-dmp span {
  position: relative;
  padding: 0 !important;
  width: 50px;
  height: 44px;
  display: inline-block;
}
.navbar-dmp span .btn.btn-secondary.btn-icon__only {
  border-radius: 100%;
  width: 24px;
  height: 24px;
  padding: 0;
  position: absolute;
  bottom: -6px;
  right: -8px;
}
.navbar-dmp span .btn.btn-secondary.btn-icon__only svg {
  width: 16px;
  height: 16px;
}
@media screen and (max-width: 1280px) {
  .navbar-dmp {
    top: 17px;
    right: 157px;
  }
}
@media screen and (min-width: 1280px) {
  .navbar-dmp {
    top: 17px;
    right: 271px;
  }
}
@media screen and (min-width: 990px) and (max-width: 1280px) {
  .navbar-dmp {
    top: 17px;
    right: 243px;
  }
}
.navbar-dmp svg {
  width: 40px;
  height: 40px;
}

@media screen and (min-width: 1280px) {
  .submenu > .flex {
    margin-left: 64px;
    margin-right: 64px;
  }
}
@media screen and (max-width: 1280px) {
  .submenu > .flex {
    flex-direction: column;
    align-items: center;
    display: flex;
    width: 100%;
  }
}
.submenu > .flex .submenu-list {
  margin: 0;
}
@media screen and (max-width: 1280px) {
  .submenu > .flex .submenu-list {
    width: 100%;
    padding: 16px;
    padding-bottom: 0;
    padding-top: 0;
  }
}
.submenu > .flex .submenu-list2 {
  justify-content: flex-end;
  display: flex;
  align-self: center;
}
@media screen and (max-width: 1280px) {
  .submenu > .flex .submenu-list2 {
    flex-direction: column;
    align-items: center;
    display: flex;
    width: 100%;
  }
}
.submenu > .flex .submenu-list2 li.submenu-list__item--blue {
  align-items: end;
  align-self: center;
  position: relative;
  margin-left: 16px;
  background-color: var(--primary-100);
  padding: 10px 12px;
  border-radius: 3px;
  display: inline-flex;
}
@media screen and (max-width: 1280px) {
  .submenu > .flex .submenu-list2 li.submenu-list__item--blue {
    margin: 0;
    width: 100%;
    line-height: 14px;
    padding: 16px;
    border-top: 1px solid #FFF;
  }
}
.submenu > .flex .submenu-list2 li.submenu-list__item--blue button, .submenu > .flex .submenu-list2 li.submenu-list__item--blue a {
  position: relative;
  background-color: transparent;
  border: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: var(--grey-500);
  text-decoration: none;
  transition: color var(--animation-time) ease-in-out;
  height: auto;
}
.submenu > .flex .submenu-list2 li.submenu-list__item--blue button.dropdown-js,
.submenu > .flex .submenu-list2 li.submenu-list__item--blue button.mat-mdc-menu-trigger {
  padding-right: 37px;
  cursor: pointer;
}
.submenu > .flex .submenu-list2 li.submenu-list__item--blue button.dropdown-js::after,
.submenu > .flex .submenu-list2 li.submenu-list__item--blue button.mat-mdc-menu-trigger::after {
  position: absolute;
  content: "";
  right: 0px;
  width: 20px;
  height: 14px;
  background: rgba(0, 0, 0, 0);
  background-image: url('arrow_drop_down_black.svg');
  background-repeat: no-repeat;
}
.submenu > .flex .submenu-list2 li.submenu-list__item--blue:hover .dropdown-content {
  display: block;
  position: absolute;
  top: 32px;
}
@media screen and (max-width: 1280px) {
  .submenu > .flex .submenu-list2 li.submenu-list__item--blue:hover .dropdown-content {
    left: 0;
  }
}
.submenu > .flex .submenu-list2 li.submenu-list__item--blue:hover .dropdown-content a {
  text-wrap: nowrap;
  font-weight: 400;
  color: var(--grey-600);
  padding: 10px;
}
.submenu > .flex .submenu-list2 li.submenu-list__item--blue:hover .dropdown-content a:not(:last-child) {
  border-bottom: 1px solid var(--grey-200);
}
.submenu > .flex .submenu-list2 li.submenu-list__item--blue:hover .dropdown-content a:hover {
  background-color: var(--primary-100);
}

.table-partage th:nth-child(3),
.table-partage td:nth-child(3) {
  max-width: 250px;
}

.partage-pro .form-control__label-checkbox.checked .label .block-card.block-card-entourage, .partage-pro .form-control__label-checkbox.checked .label .block-card.block-card-entourage {
  background-color: var(--primary-100);
  border-color: var(--primary-100);
}
.partage-pro .form-control__label-checkbox.archived {
  cursor: not-allowed;
}
.partage-pro .form-control__label-checkbox.archived .checkmark {
  pointer-events: none;
  background-color: var(--grey-200);
  border-color: var(--grey-200);
}
.partage-pro .form-control__label-checkbox.archived .label {
  pointer-events: none;
}
.partage-pro .form-control__label-checkbox.archived .label .block-card__icon:before {
  background-color: var(--lighter);
}
.partage-pro .form-control__label-checkbox.archived .label .block-card__icon svg {
  color: var(--grey-300);
}
.partage-pro .archived .block-card-entourage-content-left--infos li:nth-child(1) b {
  color: var(--grey-300);
}
.partage-pro .block-card-entourage-content-left--infos li:nth-child(1) {
  color: var(--grey-300);
  font-weight: 400;
}
.partage-pro .block-card-entourage-content-left--infos li:nth-child(1) b {
  color: var(--primary-500);
}
.partage-pro .block-card-entourage-content-left--infos li:nth-child(2) {
  color: var(--grey-500);
}
.partage-pro .mail {
  display: flex;
  align-items: center;
  justify-items: center;
  font-weight: 400;
}
.partage-pro .mail .email {
  text-decoration: underline;
}
.partage-pro .mail .msg {
  text-decoration: none;
}
.partage-pro .mail button.btn-icon-round {
  background-color: #fff;
  padding: 0;
}
.partage-pro .mail button.btn-icon-round:disabled svg {
  color: var(--grey-200) !important;
}
.partage-pro .mail button.btn-icon-round svg {
  min-width: 20px;
  min-height: 20px;
}
.partage-pro .mail.text-danger {
  color: var(--red-400);
  font-style: italic;
  text-decoration: none;
}
.partage-pro .mail:not(.text-warning, .text-danger) {
  color: var(--primary-400);
}

.checkall {
  width: 100%;
  position: relative;
  display: block;
  height: 19px;
  margin-bottom: 24px;
}
.checkall #desc-button, .checkall p {
  font-weight: 400;
}

.form-control__label.indeterminate.show {
  background: var(--primary-100);
  border-radius: 2px;
  border-color: transparent;
}
.form-control__label.indeterminate p {
  margin: 0;
}
.form-control__label.indeterminate input ~ .checkmark {
  background-color: var(--primary-400);
  border: 2px solid var(--primary-400);
}
.form-control__label.indeterminate input ~ .checkmark:after {
  content: "";
  position: absolute;
  top: -1px;
  width: 7px;
  height: 14px;
  border: solid #fff;
  display: block;
  border-width: 3px 0 0 0;
  transform: rotate(0deg);
  transform: translateY(8px);
  width: 12px;
  left: 3px;
}

.table-pro.table-partage table > thead tr:nth-child(2) th:nth-child(3),
.table-pro.table-partage table > tbody tr td:nth-child(3) {
  max-width: 150px;
}

.btn-partage-pro {
  margin-left: 35px;
}

.partage-pro .grid.block-card.block-card__care {
  padding: 16px;
}
.partage-pro .grid.block-card.block-card__care .grid-item {
  align-self: center;
  padding-left: 24px;
}
.partage-pro .grid.block-card.block-card__care .grid-item:nth-child(1) {
  padding-left: 0;
}
.partage-pro .block-card-entourage-content-left--infos li:nth-child(2) {
  color: var(--grey-500);
}

.fiche-patient-parcours .block-card-entourage-content-left--infos {
  font-weight: 400;
}

@font-face {
  font-family: "wysiwyg";
  src: url('wysiwyg.eot');
  src: url('wysiwyg.eot?#iefix') format("embedded-opentype"), url('wysiwyg.woff') format("woff"), url('wysiwyg.ttf') format("truetype"), url('wysiwyg.svg#wysiwyg') format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "wysiwyg" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "wysiwyg" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.angular-editor-button:disabled {
  display: none;
}
.angular-editor-button i.fa {
  /* font-style: normal;
   font-weight: 400;
   display: table-cell;
   vertical-align: middle;*/
}
.angular-editor-button i.fa::before {
  font-family: "wysiwyg" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}
.angular-editor-button i.fa.fa-bold::before {
  content: "e";
}
.angular-editor-button i.fa.fa-italic::before {
  content: "j";
}
.angular-editor-button i.fa.fa-underline::before {
  content: "l";
}
.angular-editor-button i.fa.fa-strikethrough::before {
  content: "n";
}
.angular-editor-button i.fa.fa-subscript::before {
  content: "\f111";
}
.angular-editor-button i.fa.fa-subscript:before {
  content: "o";
}
.angular-editor-button i.fa.fa-superscript::before {
  content: "p";
}
.angular-editor-button i.fa.fa-align-left::before {
  content: "c";
}
.angular-editor-button i.fa.fa-align-center::before {
  content: "a";
}
.angular-editor-button i.fa.fa-align-right::before {
  content: "d";
}
.angular-editor-button i.fa.fa-align-justify::before {
  content: "b";
}
.angular-editor-button i.fa.fa-indent::before {
  content: "i";
}
.angular-editor-button i.fa.fa-outdent::before {
  content: "h";
}
.angular-editor-button i.fa.fa-list-ul::before {
  content: "m";
}
.angular-editor-button i.fa.fa-list-ol::before {
  content: "k";
}
.angular-editor-button i.fa.fa-font::before {
  content: "g";
}
.angular-editor-button i.fa.fa-font::after {
  content: none;
}
.angular-editor-button i.fa.fa-link:before {
  content: "q";
}
.angular-editor-button i.fa.fa-chain-broken:before {
  content: "r";
}
.angular-editor-button .color-label.background i.fa.fa-font::before {
  content: "g";
  color: #fff;
}

.angular-editor ul, .angular-editor ol {
  padding-left: 16px;
  margin: 0;
  font-family: inter;
  font-size: 14px;
  line-height: 16px;
}
.angular-editor ul li, .angular-editor ol li {
  padding-bottom: 4px;
}
.angular-editor ul {
  list-style-type: disc;
}
.angular-editor ol {
  list-style-type: decimal;
}

.tooltip-toggle {
  display: inline-flex;
  position: relative;
}
.tooltip-toggle:not(.error) {
  cursor: pointer;
}
.tooltip-toggle svg {
  height: 18px;
  width: 18px;
}
.tooltip-toggle::before {
  position: absolute;
  top: calc(100% + 4px);
  left: 0px;
  background-color: #2B222A;
  border-radius: 5px;
  color: #fff;
  content: attr(aria-label);
  padding: 10px;
  text-transform: none;
  transition: all 0.5s ease;
  width: auto;
}
.tooltip-toggle::after {
  position: absolute;
  top: 100%;
  left: 20px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #2B222A;
  content: " ";
  font-size: 0;
  line-height: 0;
  margin-left: -5px;
  width: 0;
}
.tooltip-toggle::before, .tooltip-toggle::after {
  color: #efefef;
  font-size: 16px;
  opacity: 0;
  pointer-events: none;
  text-align: center;
}
.tooltip-toggle:focus::before, .tooltip-toggle:focus::after, .tooltip-toggle:hover::before, .tooltip-toggle:hover::after {
  opacity: 1;
  transition: all 0.75s ease;
}
.tooltip-toggle::before {
  color: #fff;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
}
.tooltip-toggle.tooltip-error input {
  border-color: var(--red-400) !important;
}
.tooltip-toggle.tooltip-error::before, .tooltip-toggle.tooltip-error::after {
  opacity: 1;
  transition: all 0.75s ease;
}
.tooltip-toggle.tooltip-error::before {
  color: var(--red-400);
  font-style: italic;
}

.block-list__filters.stellademande .form__field.tooltip-toggle {
  width: 50%;
  max-width: none;
}
.block-list__filters.stellademande .form__field.tooltip-toggle .form__field {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0;
}

.care_plan_chips_status--DONE {
  color: #fff;
  background-color: var(--primary-400);
  font-weight: 400;
}

.care_plan_chips_status--TO_REASSESS {
  color: var(--orange-400);
  background-color: var(--light);
  font-weight: 600;
}

.care_plan_chips_status--INVALID {
  color: #fff;
  background-color: var(--orange-400);
  font-weight: 400;
}

.care_plan_chips_status--VALID {
  color: #fff;
  background-color: var(--primary-500);
  font-weight: 400;
}

.care_plan_chips_status--TO_VALIDATE {
  color: var(--primary-400);
  background-color: var(--light);
  font-weight: 600;
}

.care_plan_chips_status--INITIATED {
  color: var(--primary-500);
  background-color: var(--primary-100);
  font-weight: 400;
}

/* @include cp_colors(name, var name devs, color hover, color checked);*/
.care_plan_color_status-IN_PROGRESS_ACTIVE,
svg.icon-care_plan_IN_PROGRESS_ACTIVE {
  color: var(--blue-400);
}

.care_plan_color_status-IN_PROGRESS_NOT_ACTIVE,
svg.icon-care_plan_IN_PROGRESS_NOT_ACTIVE {
  color: var(--blue-400);
}

.care_plan_color_status-IN_PROGRESS,
svg.icon-care_plan_IN_PROGRESS {
  color: var(--blue-400);
}

.care_plan_color_status-PARTIALLY_COMPLETED,
svg.icon-care_plan_PARTIALLY_COMPLETED {
  color: var(--green-400);
}

.care_plan_color_status-REALIZED,
svg.icon-care_plan_REALIZED {
  color: var(--green-400);
}

.care_plan_color_status-NOT_REALIZED,
svg.icon-care_plan_NOT_REALIZED {
  color: var(--orange-400);
}

.care_plan_color_status-CANCELLED,
svg.icon-care_plan_CANCELLED {
  color: var(--red-400);
}

.care_plan_color_status-NOT_SELECTED,
svg.icon-care_plan_NOT_SELECTED {
  color: var(--red-400);
}

.care_plan_color_status-NOT_RETAINED,
svg.icon-care_plan_NOT_RETAINED {
  color: var(--red-400);
}

/* TO_REALIZE */
/* reppop */
.badge .chips,
.chips {
  /* réalisé*/
  /* à réaliser*/
  /* en cours*/
  /* pas en place encore*/
  /* Non réalisé*/
}
.badge .chips--REALIZED,
.chips--REALIZED {
  background-color: var(--primary-500) !important;
  color: #fff;
  font-weight: 400;
}
.badge .chips--TO_REALIZE,
.chips--TO_REALIZE {
  background-color: var(--light) !important;
  color: var(--primary-400);
  font-weight: 500;
}
.badge .chips--IN_PROGRESS,
.chips--IN_PROGRESS {
  background-color: var(--blue-400) !important;
  color: #fff;
  font-weight: 500;
}
.badge .chips--IN_PROGRESS_ACTIVE,
.chips--IN_PROGRESS_ACTIVE {
  background-color: var(--primary-400) !important;
  color: #fff;
  font-weight: 400;
}
.badge .chips--IN_PROGRESS_NOT_ACTIVE,
.chips--IN_PROGRESS_NOT_ACTIVE {
  background-color: var(--light) !important;
  color: var(--primary-400);
  font-weight: 600;
}
.badge .chips--NOT_REALIZED,
.chips--NOT_REALIZED {
  background-color: var(--light) !important;
  color: var(--orange-400);
  font-weight: 400;
}
.badge .chips--CANCELLED, .badge .chips--NOT_RETAINED, .badge .chips--NOT_SELECTED,
.chips--CANCELLED,
.chips--NOT_RETAINED,
.chips--NOT_SELECTED {
  background-color: var(--light) !important;
  color: var(--red-400);
  font-weight: 400;
}

.table-plan-sante .except .chips--realised,
.table-plan-sante .except .chips--REALIZED {
  background-color: var(--light) !important;
  color: var(--grey-300);
}

/* form normal*/
.radiochoice_color label svg.icon-info_outline {
  color: var(--primary-500);
}
.radiochoice_color li .form-radiofield__text.form-radiofield__text--TO_REALIZE svg {
  color: var(--primary-500);
}
.radiochoice_color li .form-radiofield__text.form-radiofield__text--TO_REALIZE:hover {
  background-color: var(--primary-500);
  border-color: var(--primary-500);
  color: #fff;
}
.radiochoice_color li .form-radiofield__text.form-radiofield__text--TO_REALIZE:hover svg {
  color: #fff;
}
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--TO_REALIZE {
  background-color: var(--primary-400);
  border-color: var(--primary-400);
  color: #fff;
}
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--TO_REALIZE svg {
  color: #fff;
}
.radiochoice_color li .form-radiofield__text.form-radiofield__text--IN_PROGRESS:hover {
  background-color: var(--blue-500);
  border-color: var(--blue-500);
  color: #fff;
}
.radiochoice_color li .form-radiofield__text.form-radiofield__text--IN_PROGRESS:hover svg {
  color: #fff;
}
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--IN_PROGRESS {
  background-color: var(--blue-400);
  border-color: var(--blue-400);
  color: #fff;
}
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--IN_PROGRESS svg {
  color: #fff;
}
.radiochoice_color li .form-radiofield__text.form-radiofield__text--PARTIALLY_COMPLETED:hover,
.radiochoice_color li .form-radiofield__text.form-radiofield__text--REALIZED:hover {
  background-color: var(--green-500);
  border-color: var(--green-500);
  color: #fff;
}
.radiochoice_color li .form-radiofield__text.form-radiofield__text--PARTIALLY_COMPLETED:hover svg,
.radiochoice_color li .form-radiofield__text.form-radiofield__text--REALIZED:hover svg {
  color: #fff;
}
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--PARTIALLY_COMPLETED,
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--REALIZED {
  background-color: var(--green-400);
  border-color: var(--green-400);
  color: #fff;
}
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--PARTIALLY_COMPLETED svg,
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--REALIZED svg {
  color: #fff;
}
.radiochoice_color li .form-radiofield__text.form-radiofield__text--NOT_REALIZED:hover {
  background-color: var(--orange-500);
  border-color: var(--orange-500);
  color: #fff;
}
.radiochoice_color li .form-radiofield__text.form-radiofield__text--NOT_REALIZED:hover svg {
  color: #fff;
}
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--NOT_REALIZED {
  background-color: var(--orange-400);
  border-color: var(--orange-400);
  color: #fff;
}
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--NOT_REALIZED svg {
  color: #fff;
}
.radiochoice_color li .form-radiofield__text.form-radiofield__text--CANCELLED:hover,
.radiochoice_color li .form-radiofield__text.form-radiofield__text--NOT_RETAINED:hover,
.radiochoice_color li .form-radiofield__text.form-radiofield__text--NOT_SELECTED:hover {
  background-color: var(--red-500);
  border-color: var(--red-500);
  color: #fff;
}
.radiochoice_color li .form-radiofield__text.form-radiofield__text--CANCELLED:hover svg,
.radiochoice_color li .form-radiofield__text.form-radiofield__text--NOT_RETAINED:hover svg,
.radiochoice_color li .form-radiofield__text.form-radiofield__text--NOT_SELECTED:hover svg {
  color: #fff;
}
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--CANCELLED,
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--NOT_RETAINED,
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--NOT_SELECTED {
  background-color: var(--red-400);
  border-color: var(--red-400);
  color: #fff;
}
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--CANCELLED svg,
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--NOT_RETAINED svg,
.radiochoice_color li .form-radiofield input:checked + .form-radiofield__text.form-radiofield__text--NOT_SELECTED svg {
  color: #fff;
}
.radiochoice_color li .form-radiofield input:disabled + .form-radiofield__text,
.radiochoice_color li .form-radiofield input:disabled + .form-radiofield__text:hover {
  background-color: var(--grey-100);
  border-color: var(--grey-100);
  color: var(--grey-300);
}
.radiochoice_color li .form-radiofield input:disabled + .form-radiofield__text svg,
.radiochoice_color li .form-radiofield input:disabled + .form-radiofield__text:hover svg {
  color: var(--grey-300);
}

.table-parcours-inclusion td:first-child, .table-parcours-inclusion th:first-child, .table-plan-sante td:first-child, .table-plan-sante th:first-child {
  position: relative;
}
.table-parcours-inclusion td:first-child .btn, .table-plan-sante td:first-child .btn {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 38px;
}
.table-parcours-inclusion td:first-child .btn svg, .table-plan-sante td:first-child .btn svg {
  color: var(--grey-300) !important;
}
.table-parcours-inclusion td:first-child svg, .table-plan-sante td:first-child svg {
  width: 24px;
  height: 24px;
  color: var(--primary-400);
  /*position: absolute;
  left: 12px;*/
}
.table-plan-sante tr {
  min-height: 50px;
}
.table-plan-sante thead tr th,
.table-plan-sante tbody tr td {
  /* &:nth-child(4) p {
       max-width: 190px;
       overflow: hidden !important;
       white-space: nowrap !important;
       word-wrap: normal !important;
       text-overflow: ellipsis !important;
       display: block !important;
   }*/
}
.table-plan-sante thead tr th:first-child,
.table-plan-sante tbody tr td:first-child {
  min-width: 40px;
  max-width: 40px;
  padding-right: 0;
}
.table-plan-sante thead tr th:first-child svg,
.table-plan-sante tbody tr td:first-child svg {
  width: 20px;
  height: 20px;
  color: var(--primary-400);
}
.table-plan-sante thead tr th:nth-child(2),
.table-plan-sante tbody tr td:nth-child(2) {
  max-width: 270px;
  min-width: 270px;
}
.table-plan-sante thead tr th:nth-child(3),
.table-plan-sante tbody tr td:nth-child(3) {
  max-width: 192px;
  min-width: 192px;
}
.table-plan-sante thead tr th:nth-child(4),
.table-plan-sante tbody tr td:nth-child(4) {
  min-width: 360px;
  max-width: 360px;
}
.table-plan-sante thead tr th:nth-child(4) p,
.table-plan-sante tbody tr td:nth-child(4) p {
  line-height: 24px;
}
@media screen and (min-width: 1400px) {
  .table-plan-sante thead tr th:nth-child(4),
  .table-plan-sante tbody tr td:nth-child(4) {
    min-width: 380px;
    max-width: 380px;
  }
}
.table-plan-sante thead tr th:nth-child(5),
.table-plan-sante tbody tr td:nth-child(5) {
  min-width: 120px;
  max-width: 120px;
}
.table-plan-sante thead tr th:last-child,
.table-plan-sante tbody tr td:last-child {
  max-width: none;
  min-width: 48px;
  justify-content: flex-end;
}
.table-plan-sante thead tr th:last-child .btn,
.table-plan-sante tbody tr td:last-child .btn {
  color: var(--primary-500);
}
.table-plan-sante thead tr th.button_icon, .table-plan-sante thead tr th:last-child, .table-plan-sante thead tr th:nth-child(7),
.table-plan-sante tbody tr td.button_icon,
.table-plan-sante tbody tr td:last-child,
.table-plan-sante tbody tr td:nth-child(7) {
  min-width: 48px;
  padding-left: 0;
  padding-right: 0;
  justify-content: right;
}
.table-plan-sante thead tr th.button_icon button, .table-plan-sante thead tr th:last-child button, .table-plan-sante thead tr th:nth-child(7) button,
.table-plan-sante tbody tr td.button_icon button,
.table-plan-sante tbody tr td:last-child button,
.table-plan-sante tbody tr td:nth-child(7) button {
  margin-top: 4px;
}
.table-plan-sante thead tr th.button_icon svg, .table-plan-sante thead tr th:last-child svg, .table-plan-sante thead tr th:nth-child(7) svg,
.table-plan-sante tbody tr td.button_icon svg,
.table-plan-sante tbody tr td:last-child svg,
.table-plan-sante tbody tr td:nth-child(7) svg {
  width: 20px;
  height: 20px;
}
.table-plan-sante thead tr th.button_icon svg.icon-mark_email_read, .table-plan-sante thead tr th:last-child svg.icon-mark_email_read, .table-plan-sante thead tr th:nth-child(7) svg.icon-mark_email_read,
.table-plan-sante tbody tr td.button_icon svg.icon-mark_email_read,
.table-plan-sante tbody tr td:last-child svg.icon-mark_email_read,
.table-plan-sante tbody tr td:nth-child(7) svg.icon-mark_email_read {
  color: var(--green-400);
}
.table-plan-sante thead tr th.button_icon svg.icon-mark_email_read :hover, .table-plan-sante thead tr th:last-child svg.icon-mark_email_read :hover, .table-plan-sante thead tr th:nth-child(7) svg.icon-mark_email_read :hover,
.table-plan-sante tbody tr td.button_icon svg.icon-mark_email_read :hover,
.table-plan-sante tbody tr td:last-child svg.icon-mark_email_read :hover,
.table-plan-sante tbody tr td:nth-child(7) svg.icon-mark_email_read :hover {
  color: var(--green-500);
}
.table-plan-sante thead tr th.button_icon svg.icon-plagiarism, .table-plan-sante thead tr th:last-child svg.icon-plagiarism, .table-plan-sante thead tr th:nth-child(7) svg.icon-plagiarism,
.table-plan-sante tbody tr td.button_icon svg.icon-plagiarism,
.table-plan-sante tbody tr td:last-child svg.icon-plagiarism,
.table-plan-sante tbody tr td:nth-child(7) svg.icon-plagiarism {
  color: var(--primary-500);
}
.table-plan-sante thead tr th.button_icon svg.icon-plagiarism:hover, .table-plan-sante thead tr th:last-child svg.icon-plagiarism:hover, .table-plan-sante thead tr th:nth-child(7) svg.icon-plagiarism:hover,
.table-plan-sante tbody tr td.button_icon svg.icon-plagiarism:hover,
.table-plan-sante tbody tr td:last-child svg.icon-plagiarism:hover,
.table-plan-sante tbody tr td:nth-child(7) svg.icon-plagiarism:hover {
  color: var(--primary-400);
}
.table-plan-sante thead tr th:nth-child(8),
.table-plan-sante tbody tr td:nth-child(8) {
  min-width: 0;
  max-width: 40px;
}
.table-plan-sante thead tr th:last-child, .table-plan-sante thead tr th:nth-child(7),
.table-plan-sante tbody tr td:last-child,
.table-plan-sante tbody tr td:nth-child(7) {
  margin-right: 12px;
  min-width: 40px;
  max-width: 40px;
}
.table-plan-sante tbody tr.except td svg:not(.icon-plagiarism) {
  color: var(--grey-300);
}
.table-plan-sante tbody tr.except td .chips {
  background-color: var(--light);
}
.table-plan-sante tbody tr.except td .chips.chips--realised {
  color: var(--grey-300);
}
.table-plan-sante tbody tr.except td .chips.chips--danger {
  color: var(--red-400);
}
.table-plan-sante tbody tr.except td .chips.chips--alert {
  color: var(--orange-400);
}
.table-plan-sante tbody tr td:nth-child(4) button {
  padding: 0;
  margin: 0;
  width: 22px;
  margin-right: 16px;
}
.table-plan-sante tbody tr td:nth-child(4) button svg {
  width: 20px;
  padding: 0;
  margin-right: 0;
}
.table-plan-sante tbody tr td:nth-child(4) button svg.icon-info_outline {
  color: var(--primary-500);
  align-self: center;
  display: flex;
}
.table-plan-sante tbody tr.free-content td {
  flex-direction: column;
  align-items: center;
  display: flex;
  min-width: 100%;
  padding-bottom: 8px;
}
.table-plan-sante tbody tr.free-content td .line {
  min-width: 100%;
  line-height: 31px;
  padding: 8px;
  align-items: center;
  display: flex;
  padding-bottom: 0;
  flex-wrap: wrap;
  align-items: flex-start;
}
.table-plan-sante tbody tr.free-content td .line > span:not(.chips) {
  max-width: calc(100% - 80px);
}
.table-plan-sante tbody tr.free-content td .line .chips {
  align-items: center;
  display: inline-flex;
  font-weight: 600;
}
.table-plan-sante tbody tr.free-content td .line .chips.chips--blue100 {
  margin-bottom: 4px;
}
.table-plan-sante tbody tr.free-content td .line .chips svg {
  width: 16px;
  height: 16px;
}

.block-plan-sante .block-default__title {
  color: var(--primary-400);
}
@media screen and (min-width: 990px) {
  .block-plan-sante .block-default__title--actions button + button,
  .block-plan-sante .block-default__title--actions .dropdown + button,
  .block-plan-sante .block-default__title--actions .dropdown + .dropdown,
  .block-plan-sante .block-empty__actions button + button,
  .block-plan-sante .block-empty__actions .dropdown + button,
  .block-plan-sante .block-empty__actions .dropdown + .dropdown {
    margin-left: 16px !important;
  }
}
.block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-secondary,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-secondary {
  color: var(--primary-500);
}
.block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-secondary:after,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-secondary:after {
  content: none;
}
.block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-secondary .polygon,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-secondary .polygon {
  color: var(--primary-500);
  position: absolute;
  top: 6px;
  right: 16px;
}
.block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-secondary .polygon svg,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-secondary .polygon svg {
  width: 8px;
}
.block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-secondary:hover, .block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-secondary:hover .polygon, .block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-secondary:focus, .block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-secondary:focus .polygon,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-secondary:hover,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-secondary:hover .polygon,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-secondary:focus,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-secondary:focus .polygon {
  color: #fff;
}
.block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-primary,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-primary {
  color: #fff;
}
.block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-primary:after,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-primary:after {
  content: none;
}
.block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-primary .polygon,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-primary .polygon {
  color: #fff;
  position: absolute;
  right: 16px;
}
.block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-primary .polygon svg,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-primary .polygon svg {
  width: 8px;
}
.block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-primary:hover, .block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-primary:hover .polygon, .block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-primary:focus, .block-plan-sante .block-default__title--actions .dropdown .dropbtn.btn-primary:focus .polygon,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-primary:hover,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-primary:hover .polygon,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-primary:focus,
.block-plan-sante .block-empty__actions .dropdown .dropbtn.btn-primary:focus .polygon {
  color: #fff;
}
.block-plan-sante .block-default__title--actions .dropdown + button,
.block-plan-sante .block-default__title--actions .dropdown + button + button,
.block-plan-sante .block-empty__actions .dropdown + button,
.block-plan-sante .block-empty__actions .dropdown + button + button {
  align-self: auto;
}
.block-plan-sante .block-default__title--actions {
  position: relative;
  right: auto;
  top: auto;
  display: inline-flex;
  flex-shrink: 0;
}
.block-plan-sante .dropdown-absolute .dropdown-content {
  position: absolute;
  min-width: 100%;
  top: 28px;
}
@media screen and (max-width: 990px) {
  .block-plan-sante .dropdown-absolute .dropdown-content {
    position: relative;
    min-width: 100%;
    top: auto;
  }
}
.block-plan-sante .btn.toggle div::before {
  content: "";
}
.block-plan-sante .btn.toggle svg:nth-child(2) {
  display: none;
}
.block-plan-sante .btn.toggled div:before {
  content: "";
}
.block-plan-sante .btn.toggled svg:nth-child(1) {
  display: none;
}
.block-plan-sante .block-plan-sante .block-default__title button.btn.btn-ghost.btn-icon--neutre {
  padding-left: 12px;
  padding-right: 0px;
}
.block-plan-sante .container.block-plan-sante .block-empty__actions {
  display: block;
}
.block-plan-sante .container.block-plan-sante .block-empty__actions .dropdown + .dropdown,
.block-plan-sante .container.block-plan-sante .block-empty__actions .dropdown,
.block-plan-sante .container.block-plan-sante .block-empty__actions .btn {
  margin: 0 auto !important;
  margin-bottom: 12px;
  display: flex;
}
.block-plan-sante .container.block-plan-sante .block-empty__actions > .dropdown, .block-plan-sante .container.block-plan-sante .block-empty__actions > .btn {
  margin-bottom: 12px !important;
}
.block-plan-sante .container.block-plan-sante .block-empty__actions .dropdown:first-child {
  z-index: 2;
  margin-bottom: 12px !important;
}
.block-plan-sante .block-empty .block-empty__actions .dropdown.dropdown-absolute .block-empty__actions .dropdown .dropbtn.btn-primary .polygon {
  top: 6px;
}
.block-plan-sante .block-default__title .btn-icon--neutre {
  height: auto;
}
@media screen and (min-width: 1300px) {
  .block-plan-sante .block-default__title-subtitle {
    max-width: calc(100% - 165px);
    width: calc(100% - 165px);
  }
  .block-plan-sante .block-default__title--actions {
    height: calc(100% - 24px);
  }
}
.block-plan-sante.page-header .btn.btn-ghost.btn-icon--neutre {
  padding-left: 0px;
  padding-right: 0px;
  height: auto;
}
.block-plan-sante.page-header .btn.btn-ghost.btn-icon--neutre svg {
  color: var(--primary-500);
  width: 20px;
  height: 20px;
}

.container.block.block-plan-sante {
  position: relative;
  z-index: 0;
}
.container.block.block-plan-sante:hover {
  z-index: 1;
}
.container.block.block-plan-sante .flex.flex-sb {
  width: 100%;
  align-items: center;
}
@media screen and (max-width: 989px) {
  .container.block.block-plan-sante .flex.flex-sb {
    flex-direction: initial;
    flex-wrap: wrap;
  }
}
.container.block.block-plan-sante .flex.flex-sb > .flex {
  flex-flow: row wrap;
}
.container.block.block-plan-sante .flex.flex-sb > span {
  display: flex;
  align-items: center;
}
.container.block.block-plan-sante .btn-icon--neutre {
  display: inline-flex;
}
.container.block.block-plan-sante .dropdown-absolute {
  z-index: 0;
}
.container.block.block-plan-sante .dropdown-absolute:hover {
  z-index: 1;
}
.container.block.block-plan-sante .dropdown:hover .dropdown-content {
  position: absolute;
  top: 28px;
}

.block-plan-sante .block-default__title button.btn.btn-ghost.btn-icon--neutre {
  padding-left: 12px;
  padding-right: 0px;
}
.block-plan-sante .block-default__title-subtitle p {
  padding-bottom: 8px;
}

.dropdown-absolute .dropdown-content {
  position: absolute;
  min-width: 100%;
  top: 28px;
}
@media screen and (max-width: 990px) {
  .dropdown-absolute .dropdown-content {
    position: relative;
    min-width: 100%;
    top: auto;
  }
}

@media screen and (min-width: 1200px) {
  .block-default__title--actions .dropdown.dropdown-right,
  .block-default__title--actions .dropdown-absolute,
  .block-default__title--actions .btn,
  .block-default__title--actions .dropdown + button {
    display: flex;
    justify-content: center;
    align-self: baseline !important;
    position: relative;
  }
}
.block-empty .block-empty__actions .dropdown.dropdown-absolute .block-empty__actions .dropdown .dropbtn.btn-primary .polygon {
  top: 6px;
}

.actorTooltip {
  max-width: unset !important;
  text-align: left;
}

.block-list.block-list-plan-sante .block-list__filters .form .form__control-field {
  display: flex;
}
.block-list.block-list-plan-sante .block-list__filters .form .form__control-field .form__field {
  margin-right: 16px;
  min-width: calc(33.33% - 20px);
  max-width: calc(33.33% - 20px);
}
.block-list.block-list-plan-sante .block-list__filters .form .form__control-field .form__field.form-switch-block--label {
  display: flex;
  align-self: center;
  justify-items: center;
  justify-content: end;
}

.table.table-parcours-inclusion .dropdown,
.table .dropdown.intable,
.dropdown.intable {
  z-index: 0;
  position: relative;
}
.table.table-parcours-inclusion .dropdown:after,
.table .dropdown.intable:after,
.dropdown.intable:after {
  content: none;
}
.table.table-parcours-inclusion .dropdown button .svg-icon.icon-more_vert_check,
.table .dropdown.intable button .svg-icon.icon-more_vert_check,
.dropdown.intable button .svg-icon.icon-more_vert_check {
  color: var(--green-400) !important;
}
.table.table-parcours-inclusion .dropdown:hover,
.table .dropdown.intable:hover,
.dropdown.intable:hover {
  z-index: 1;
}
.table.table-parcours-inclusion .dropdown button.dropbtn,
.table .dropdown.intable button.dropbtn,
.dropdown.intable button.dropbtn {
  padding: 0;
}
.table.table-parcours-inclusion .dropdown button.dropbtn:after,
.table .dropdown.intable button.dropbtn:after,
.dropdown.intable button.dropbtn:after {
  content: none;
}

.dropdown-content.intable {
  position: absolute;
  min-width: 220px;
  top: 0px;
  right: 0;
  z-index: 2;
}
.dropdown-content.intable .btn {
  width: 100%;
  justify-content: flex-start;
  color: var(--grey-600);
  padding: 4px 12px !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  text-decoration: none;
}
.dropdown-content.intable .btn svg.svg-icon {
  color: var(--grey-600) !important;
}
.dropdown-content.intable .btn:disabled {
  background-color: var(--light);
}
.dropdown-content.intable .btn:disabled svg.svg-icon {
  color: var(--grey-300) !important;
}
.dropdown-content.intable .btn:hover {
  border-color: var(--grey-100);
  /*&:not(:first-child){
      border-top: 1px solid var(--grey-200);
  }*/
  background-color: var(--primary-100) !important;
}
.dropdown-content.intable .btn:hover:disabled {
  background-color: var(--light) !important;
}
.dropdown-content.intable .btn svg {
  color: var(--grey-600);
}
.dropdown-content.intable .btn.btn.btn-ghost {
  margin: 0 !important;
}
.dropdown-content.intable .btn:not(:first-child) {
  border-top: 1px solid var(--light);
}
.dropdown-content.intable .mdc-list-item__primary-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.dropdown-content.intable .mdc-list-item__primary-text button {
  font-size: 14px;
}
.dropdown-content.intable .mdc-list-item__primary-text div {
  margin-left: 12px;
}

.block-card.grid.block-card__care .dropdown.intable .dropbtn.btn.documents,
.table.table-visit .dropdown.intable .dropbtn.btn.documents {
  margin-top: -10px;
  background-color: transparent;
  color: var(--primary-400);
}

.table-visit .dropdown.intable .dropbtn.btn.documents {
  margin-top: 0 !important;
}

.dropdown.intable .dropbtn.btn.documents {
  background-color: transparent;
}

.document {
  background-color: #fff;
  padding: 0;
}
.document .block-card {
  margin: 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.document > .flex {
  padding: 16px;
}
.document .block-card > .flex {
  padding-left: 64px;
}
.document .block-card .block-card > .flex {
  padding-left: 113px;
}
.document .block-card .block-card.document-item > .flex {
  padding-left: 133px;
}
.document .block-card .block-card .block-card.document-item > .flex {
  padding-left: 180px;
}
.document.toggled,
.document .block-card--checkbox_left.checked,
.document .block-card--checkbox_left.checked .block-card.document-item {
  background-color: #F1F7FD;
}
.document.toggled > .flex > .block-card__icon:before,
.document .block-card--checkbox_left.checked > .flex > .block-card__icon:before,
.document .block-card--checkbox_left.checked .block-card.document-item > .flex > .block-card__icon:before {
  background-color: #fff;
}
.document.toggled .dropdown.intable .dropbtn.btn.documents,
.document .block-card--checkbox_left.checked .dropdown.intable .dropbtn.btn.documents,
.document .block-card--checkbox_left.checked .block-card.document-item .dropdown.intable .dropbtn.btn.documents {
  background-color: #fff;
}
.document-toggle-btn {
  background-color: transparent;
  border: none;
  color: var(--primary-500);
  font-size: 24px;
  padding: 0 16px 0 0;
}
.document-toggle-btn.toggled svg {
  transform: rotate(180deg);
}
.document-target {
  display: none;
}
.document.toggled > .document-target {
  display: block;
}
.document-item {
  background-color: #fff;
}
.document-item .document-infos {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: inherit;
}
.document-item .document-infos li {
  padding-bottom: 3px;
  padding-top: 3px;
}
.document-item .document-infos .chips {
  padding: 4px 8px;
}
.document-item .document-infos button svg {
  margin-bottom: 7px;
}
.document-infos li:first-child {
  color: var(--primary-500);
  font-weight: 600;
}
.document-infos .speciality {
  color: var(--grey-300);
  font-weight: 400;
}
.document-infos button {
  position: relative;
  display: inline-flex;
  height: auto;
  padding: 0;
}
.document-infos button svg {
  width: 16px;
  height: 16px;
  position: absolute;
  margin-bottom: 7px;
  left: 4px;
}
.document-user {
  position: absolute;
  right: 60px;
  width: 198px;
  text-align: right;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.document-user-modal {
  position: relative;
  right: auto;
  color: var(--primary-400);
  font-size: 12px;
}
.document-user .btn.btn-ghost {
  display: inline-flex;
  height: 20px;
  padding: 0 8px 0 0;
}
.document-user .btn.btn-ghost .icon-DMP {
  width: 38px;
  margin-top: -2px;
}
.document .dropdown.intable .dropbtn.btn.documents {
  color: var(--primary-500);
}
.document .document-user {
  color: var(--primary-400);
}
.document-deleted {
  background-color: var(--lighter);
}
.document-deleted .btn-icon-round {
  margin-top: 0;
  padding: 10px;
  padding-right: 12px;
  border-color: transparent;
}
.document-deleted .block-card__icon:before {
  background-color: #fff;
}
.document-deleted .document-infos li,
.document-deleted .document-infos li:first-child,
.document-deleted .document-infos li .color-blue-500 {
  color: var(--grey-300) !important;
}
.document-deleted .document-user {
  color: var(--grey-300);
}
.document-deleted .document-user .btn.btn-ghost svg {
  filter: grayscale(1);
}
.document li.block-card--checkbox_left {
  background-color: #fff;
  border-top: 1px solid var(--light);
  margin-bottom: 0;
}
.document li.block-card--checkbox_left .form-control {
  padding-left: 133px;
}
.document li.block-card--checkbox_left .form-control .block-card.document-item > .flex {
  padding-left: 0 !important;
}
.document li.block-card--checkbox_left .form-control .block-card {
  border: none;
  padding-left: 0;
}
.document .block-default__content {
  padding: 0;
}
.document-toggle.block-toggle.toggled .block-default__title button.document-block-toggle-btn.toggle:before {
  content: "Replier";
}
.document-toggle.block-toggle.toggled .block-default__title button.document-block-toggle-btn.toggle .svg-icon.icon-visibility_off {
  display: block;
}
.document-toggle.block-toggle.toggled .block-default__title button.document-block-toggle-btn.toggle .svg-icon.icon-eye {
  display: none;
}
.document-toggle.block-toggle .block-default__title button.document-block-toggle-btn.toggle:before {
  content: "Déplier";
}
.document-toggle.block-toggle .block-default__title button.document-block-toggle-btn.toggle .svg-icon.icon-visibility_off {
  display: none;
}
.document-toggle.block-toggle .block-default__title button.document-block-toggle-btn.toggle .svg-icon.icon-eye {
  display: block;
}

.container.block.block-toggle > .block-default > .block-default__content,
.container.block.block-toggle.toggle > .block-default > .block-default__content {
  padding: 0;
  display: none;
}
.container.block.block-toggle > .block-default__title,
.container.block.block-toggle.toggle > .block-default__title {
  padding-bottom: 0;
}
.container.block.block-toggle.toggled > .block-default > .block-default__content,
.container.block.block-toggle.toggle.toggled > .block-default > .block-default__content {
  display: block;
}
.container.block.block-toggle.toggled > .block-default__title,
.container.block.block-toggle.toggle.toggled > .block-default__title {
  padding-bottom: 12px;
}

.table-historique-document tr th,
.table-historique-document tr td {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.table-historique-document tr th:nth-child(1),
.table-historique-document tr td:nth-child(1) {
  min-width: 225px;
  max-width: 225px;
  line-height: 38px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  text-overflow: ellipsis !important;
  display: block !important;
}
.table-historique-document tr th:nth-child(2),
.table-historique-document tr td:nth-child(2) {
  min-width: 170px;
  max-width: 170px;
}
.table-historique-document tr th:nth-child(3),
.table-historique-document tr td:nth-child(3) {
  min-width: 190px;
  max-width: 190px;
}
.table-historique-document tr th:nth-child(4),
.table-historique-document tr td:nth-child(4) {
  min-width: 110px;
  max-width: 110px;
}
.table-historique-document tr th:nth-child(5),
.table-historique-document tr td:nth-child(5) {
  min-width: 75px;
  max-width: 75px;
}
.table-historique-document tr th:nth-child(6),
.table-historique-document tr td:nth-child(6) {
  min-width: 160px;
  max-width: 160px;
}
.table-historique-document tr th:nth-child(7),
.table-historique-document tr td:nth-child(7) {
  /* en cours*/
}
.table-historique-document tr th:nth-child(7) .chips--IN_PROGRESS,
.table-historique-document tr td:nth-child(7) .chips--IN_PROGRESS {
  background-color: var(--blue-400) !important;
  color: #fff !important;
  font-weight: 500;
}

elody-address {
  display: flex;
  flex: auto;
  grid-column: auto/span 6;
  width: 50%;
  max-width: 50%;
}
@media screen and (max-width: 789px) {
  elody-address {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
  }
}
elody-address .grid-item {
  flex: 0 0 auto;
  flex: auto;
  width: 50%;
  grid-column: auto/span 6;
  max-width: 50%;
  padding: 12px;
}
@media screen and (max-width: 789px) {
  elody-address .grid-item {
    width: 100%;
    max-width: 100%;
  }
}

.breadcrumb {
  width: 100%;
  position: relative;
  top: 0;
  z-index: 2;
  margin: 24px auto 12px;
  font-size: inherit;
}
.breadcrumb-list {
  display: flex;
  align-items: center;
  height: 100%;
  list-style: none;
}
.breadcrumb-list ul {
  background-color: var(--light);
  border-radius: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.breadcrumb-list__item {
  display: inline-flex;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: var(--base);
  padding: 7px 0px 7px 8px;
}
.breadcrumb-list__item:first-child {
  padding: 7px 0 7px 16px;
}
.breadcrumb-list__item a {
  display: inline-flex;
  align-items: center;
  text-decoration: underline;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--grey-400);
}
.breadcrumb-list__item a:hover {
  text-decoration: none;
}
.breadcrumb-list__item a:active {
  text-decoration: underline;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--grey-400);
}
.breadcrumb-list__item a svg {
  margin-left: 8px;
  width: 16px;
  height: 16px;
}
.breadcrumb-list__item-active a, .breadcrumb-list__item-actived a {
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--primary-500);
}
.breadcrumb-list__item-active a {
  pointer-events: none;
}
.breadcrumb-list__item:last-child {
  padding: 7px 16px 7px 8px;
}
@media screen and (max-width: 767px) {
  .breadcrumb-list {
    flex-wrap: wrap;
    padding: 16px 0 0;
  }
  .breadcrumb-list:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 790px) {
  .breadcrumb-list.container {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    margin-top: 16px;
  }
}
.breadcrumb .container {
  padding-left: 0;
}

.block-cards .card {
  position: relative;
  border: 1px solid var(--grey-100);
  background: #FFFFFF;
  border-radius: 4px;
  padding: 23px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: var(--primary-500);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin-bottom: 16px;
  transition: all var(--animation-time) ease-in-out;
}
.block-cards .card:last-child {
  margin-bottom: 0;
}
.block-cards .card .date {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: var(--primary-400);
}
.block-cards .card .actions {
  display: inline-flex;
  transition: all var(--animation-time) ease-in-out;
}
.block-cards .card .actions button {
  width: 32px;
  height: 32px;
  padding: 0;
  transition: color var(--animation-time) ease-in-out;
}
.block-cards .card .actions button:hover svg.icon-delete, .block-cards .card .actions button:hover svg.icon-cancel {
  color: var(--red-400);
}
.block-cards .card .actions button svg.icon-delete,
.block-cards .card .actions button svg.icon-cancel {
  width: 20px;
  height: 20px;
  color: var(--primary-500);
}
.block-cards .card .actions button:hover, .block-cards .card .actions button:active, .block-cards .card .actions button:focus {
  background-color: transparent;
  border: none;
}
.block-cards .card .actions button:hover svg.icon-delete, .block-cards .card .actions button:active svg.icon-delete, .block-cards .card .actions button:focus svg.icon-delete {
  color: var(--red-400);
}
.block-cards .card .actions button + button svg {
  color: var(--primary-400);
}
.block-cards .card .actions button + button:hover, .block-cards .card .actions button + button:active, .block-cards .card .actions button + button:focus {
  transition: right var(--animation-time) ease-in-out;
  right: 60px;
}
.block-cards .card .actions button + button:hover svg, .block-cards .card .actions button + button:active svg, .block-cards .card .actions button + button:focus svg {
  color: var(--primary-400);
}
.block-cards .card .actions button + button:hover svg {
  color: var(--primary-500);
}
.block-cards .card:hover {
  border-color: var(--primary-200);
}
.block-cards .card:hover .actions button:nth-child(2) {
  right: 16px;
}
.block-cards .card:hover .actions button:nth-child(2):hover {
  transition: right var(--animation-time) ease-in;
  right: 8px;
}
.block-cards .card:hover .date {
  text-decoration: underline;
}
.block-cards .card:hover .actions {
  opacity: 1;
}
@media screen and (max-width: 420px) {
  .block-cards .card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .block-cards .card .actions {
    display: flex;
    align-self: flex-end;
  }
}
.block-cards__inscription .card {
  min-height: 72px;
}
.block-cards__inscription .card .date {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}
.block-cards__inscription .card .actions button {
  margin-left: 16px;
}
.block-cards__inscription .card .block-default__title {
  padding-bottom: 0;
}
.block-cards__inscription .card-archived .block-default__title, .block-cards__inscription .card-archived .date, .block-cards__inscription .card-archived span.status {
  color: var(--grey-300);
}
.block-cards__inscription .card-archived svg {
  color: var(--grey-300);
}

.card-indicators__block {
  min-height: 126px;
}
.card-indicators__block-text {
  max-width: 190px;
}
.card-indicators__block-number {
  margin-bottom: 8px;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 24px;
  text-align: center;
  color: var(--red-400);
}
.card-indicators.container {
  background-color: transparent;
  border: none;
  padding: 0;
}
.card-indicators.container .grid {
  padding: 0;
  margin: -0.73333em -8px;
}
.card-indicators.container .grid-item {
  padding: 0.73333em 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: var(--grey-500);
}
.card-indicators.container .grid-item .container {
  border: 1px solid var(--grey-100);
  border-radius: var(--radius-200);
  background-color: white;
  padding: 34px 20px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.card-indicators.container .grid-item:first-child {
  margin-left: 0;
}
.card-indicators.container .grid-item:first-child .card-indicators__block-number {
  color: var(--primary-400);
}
.card-indicators.container .grid-item:nth-child(2) .card-indicators__block-number {
  color: var(--red-400);
}
.card-indicators.container .grid-item:nth-child(3) .card-indicators__block-number {
  color: var(--orange-400);
}
.card-indicators.container .grid-item:last-child {
  margin-right: 0;
}
.card-indicators.container .grid-item:last-child .card-indicators__block-number {
  color: var(--grey-300);
}

.card-patient.container.page .container.block.page-content.card-patient__block.card-patient__block_v2 .grid, .container.page.data-patient .container.block.page-content.card-patient__block.card-patient__block_v2 .grid {
  margin: -0.73333em -8px !important;
}

.block-card-entourage,
.masonry.grid.block-card2.block-card-entourage {
  position: relative;
}
@media screen and (min-width: 990px) {
  .block-card-entourage,
  .masonry.grid.block-card2.block-card-entourage {
    display: flex;
    justify-content: space-between;
  }
}
.block-card-entourage.inactive,
.masonry.grid.block-card2.block-card-entourage.inactive {
  background-color: var(--lighter);
}
.block-card-entourage.inactive .block-card-entourage-content-left--infos,
.masonry.grid.block-card2.block-card-entourage.inactive .block-card-entourage-content-left--infos {
  color: var(--grey-300);
  font-weight: 600;
}
.block-card-entourage.inactive .block-card__icon:before,
.block-card-entourage.inactive .block-card__icon:before,
.masonry.grid.block-card2.block-card-entourage.inactive .block-card__icon:before,
.masonry.grid.block-card2.block-card-entourage.inactive .block-card__icon:before {
  background-color: #fff;
}
.block-card-entourage__icon,
.masonry.grid.block-card2.block-card-entourage__icon {
  margin-right: 16px;
}
@media screen and (max-width: 990px) {
  .block-card-entourage__icon,
  .masonry.grid.block-card2.block-card-entourage__icon {
    margin-bottom: 16px;
  }
}
.block-card-entourage--icon_number,
.masonry.grid.block-card2.block-card-entourage--icon_number {
  padding: 4px;
  border-radius: 3px;
  color: #f1f7fd;
  background: #000;
  padding-top: 0px;
  padding-bottom: 0px;
  z-index: 1;
  font-weight: 500;
  width: 15px;
  height: 15px;
  text-align: center;
}
@media screen and (min-width: 990px) {
  .block-card-entourage-content-left,
  .masonry.grid.block-card2.block-card-entourage-content-left {
    display: flex;
    justify-content: space-between;
  }
}
.block-card-entourage-content-left--infos,
.masonry.grid.block-card2.block-card-entourage-content-left--infos {
  align-self: center;
  display: flex;
  color: var(--primary-500);
  font-weight: 600;
  line-height: 28px;
}
.block-card-entourage-content-left--infos span,
.masonry.grid.block-card2.block-card-entourage-content-left--infos span {
  color: var(--grey-300);
}
.block-card-entourage-content-left--infos span.text-normal,
.masonry.grid.block-card2.block-card-entourage-content-left--infos span.text-normal {
  color: var(--primary-400);
}
.block-card-entourage-content-left--infos a,
.masonry.grid.block-card2.block-card-entourage-content-left--infos a {
  font-weight: 400;
}
.block-card-entourage-content-left--infos strong, .block-card-entourage-content-left--infos b,
.masonry.grid.block-card2.block-card-entourage-content-left--infos strong,
.masonry.grid.block-card2.block-card-entourage-content-left--infos b {
  color: var(--primary-500);
  font-weight: 600;
}
.block-card-entourage-content-left--infos strong.text-normal, .block-card-entourage-content-left--infos b.text-normal,
.masonry.grid.block-card2.block-card-entourage-content-left--infos strong.text-normal,
.masonry.grid.block-card2.block-card-entourage-content-left--infos b.text-normal {
  color: var(--primary-400);
}
.block-card-entourage-content-right,
.masonry.grid.block-card2.block-card-entourage-content-right {
  display: flex;
  justify-content: space-between;
}
.block-card-entourage-content-right--infos,
.masonry.grid.block-card2.block-card-entourage-content-right--infos {
  line-height: 28px;
  align-self: center;
  padding-right: 24px;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.block-card-entourage-content-right--infos p,
.masonry.grid.block-card2.block-card-entourage-content-right--infos p {
  color: var(--grey-300);
}
.block-card-entourage-content-right-actions,
.masonry.grid.block-card2.block-card-entourage-content-right-actions {
  display: flex;
}
@media screen and (max-width: 990px) {
  .block-card-entourage-content-right-actions,
  .masonry.grid.block-card2.block-card-entourage-content-right-actions {
    position: absolute;
    top: 16px;
    right: 16px;
  }
}
.block-card-entourage-content-right-actions button,
.masonry.grid.block-card2.block-card-entourage-content-right-actions button {
  align-self: center;
  color: var(--primary-400);
  background-color: initial;
  margin-left: 0;
}
.block-card-entourage-content-right-actions button.btn-small,
.masonry.grid.block-card2.block-card-entourage-content-right-actions button.btn-small {
  padding-left: 0;
}
.block-card-entourage-content-right-actions button svg,
.masonry.grid.block-card2.block-card-entourage-content-right-actions button svg {
  width: 20px;
  height: 20px;
  margin-left: 0;
}
.block-card-entourage-content-right-actions button:hover,
.masonry.grid.block-card2.block-card-entourage-content-right-actions button:hover {
  color: var(--primary-500);
}
.block-card-entourage-content-right-actions button.delete-btn,
.masonry.grid.block-card2.block-card-entourage-content-right-actions button.delete-btn {
  padding-left: 0;
  background-color: initial;
  padding-right: 0;
}
.block-card-entourage-content-right-actions button.delete-btn svg,
.masonry.grid.block-card2.block-card-entourage-content-right-actions button.delete-btn svg {
  color: var(--primary-500);
}
.block-card-entourage-content-right-actions button.delete-btn:hover svg,
.masonry.grid.block-card2.block-card-entourage-content-right-actions button.delete-btn:hover svg {
  color: var(--red-400);
}
.block-card-format-email-a-envoyer .chips-warning,
.masonry.grid.block-card2.block-card-format-email-a-envoyer .chips-warning {
  color: var(--orange-400) !important;
  background-color: var(--light);
  font-weight: 600;
}
.block-card-basic,
.masonry.grid.block-card2.block-card-basic {
  position: relative;
}
.block-card-basic__icon,
.masonry.grid.block-card2.block-card-basic__icon {
  margin-right: 16px;
}
@media screen and (max-width: 990px) {
  .block-card-basic__icon,
  .masonry.grid.block-card2.block-card-basic__icon {
    margin-bottom: 16px;
  }
}
.block-card-basic--icon_number,
.masonry.grid.block-card2.block-card-basic--icon_number {
  padding: 4px;
  border-radius: 3px;
  color: #f1f7fd;
  background: #000;
  padding-top: 1px;
  padding-bottom: 1px;
  z-index: 1;
  font-weight: 500;
}
@media screen and (min-width: 990px) {
  .block-card-basic-content-left,
  .masonry.grid.block-card2.block-card-basic-content-left {
    display: flex;
    justify-content: space-between;
  }
}
.block-card-basic-content-left--infos,
.masonry.grid.block-card2.block-card-basic-content-left--infos {
  align-self: center;
  display: flex;
  color: var(--primary-500);
  font-weight: 600;
  line-height: 20px;
}
.block-card-basic-content-left--infos .infos,
.masonry.grid.block-card2.block-card-basic-content-left--infos .infos {
  color: var(--grey-300);
  font-weight: 400;
}
.block-card-basic-content-left--infos .infos.text-normal,
.masonry.grid.block-card2.block-card-basic-content-left--infos .infos.text-normal {
  color: var(--primary-400);
}
.block-card-basic-content-left--infos a,
.masonry.grid.block-card2.block-card-basic-content-left--infos a {
  font-weight: 400;
}
.block-card-basic-content-left--infos strong, .block-card-basic-content-left--infos b,
.masonry.grid.block-card2.block-card-basic-content-left--infos strong,
.masonry.grid.block-card2.block-card-basic-content-left--infos b {
  color: var(--grey-500);
  font-weight: 600;
}
.block-card-basic-content-left--infos strong.text-normal, .block-card-basic-content-left--infos b.text-normal,
.masonry.grid.block-card2.block-card-basic-content-left--infos strong.text-normal,
.masonry.grid.block-card2.block-card-basic-content-left--infos b.text-normal {
  color: var(--primary-400);
}
.block-card-basic-content-right,
.masonry.grid.block-card2.block-card-basic-content-right {
  display: flex;
  justify-content: space-between;
}
.block-card-basic-content-right--infos,
.masonry.grid.block-card2.block-card-basic-content-right--infos {
  line-height: 20px;
  align-self: center;
  padding-right: 24px;
}
.block-card-basic-content-right--infos p,
.masonry.grid.block-card2.block-card-basic-content-right--infos p {
  color: var(--grey-300);
}
.block-card-basic-content-right-actions,
.masonry.grid.block-card2.block-card-basic-content-right-actions {
  display: flex;
}
@media screen and (max-width: 990px) {
  .block-card-basic-content-right-actions,
  .masonry.grid.block-card2.block-card-basic-content-right-actions {
    position: absolute;
    top: 16px;
    right: 16px;
  }
}
.block-card-basic-content-right-actions button,
.masonry.grid.block-card2.block-card-basic-content-right-actions button {
  align-self: center;
  color: var(--primary-400);
  background-color: initial;
  margin-left: 0;
}
.block-card-basic-content-right-actions button.btn-small,
.masonry.grid.block-card2.block-card-basic-content-right-actions button.btn-small {
  padding-left: 0;
}
.block-card-basic-content-right-actions button svg,
.masonry.grid.block-card2.block-card-basic-content-right-actions button svg {
  width: 20px;
  height: 20px;
  margin-left: 0;
}
.block-card-basic-content-right-actions button:hover,
.masonry.grid.block-card2.block-card-basic-content-right-actions button:hover {
  color: var(--primary-500);
}
.block-card-basic-content-right-actions button.delete-btn,
.masonry.grid.block-card2.block-card-basic-content-right-actions button.delete-btn {
  padding-left: 0;
  background-color: initial;
  padding-right: 0;
}
.block-card-basic-content-right-actions button.delete-btn svg,
.masonry.grid.block-card2.block-card-basic-content-right-actions button.delete-btn svg {
  color: var(--primary-500);
}
.block-card-basic-content-right-actions button.delete-btn:hover svg,
.masonry.grid.block-card2.block-card-basic-content-right-actions button.delete-btn:hover svg {
  color: var(--red-400);
}
.block-card-basic-comment,
.masonry.grid.block-card2.block-card-basic-comment {
  display: block;
  border-top: 1px solid var(--grey-100);
  color: var(--grey-300);
  padding-top: 16px;
  margin-top: 16px;
}
.block-card-basic-comment ul,
.masonry.grid.block-card2.block-card-basic-comment ul {
  line-height: 18px;
}
@media screen and (min-width: 990px) {
  .block-card-basic-comment,
  .masonry.grid.block-card2.block-card-basic-comment {
    margin-left: 55px;
  }
}
.block-card-basic,
.masonry.grid.block-card2.block-card-basic {
  position: relative;
}
.block-card-basic__icon,
.masonry.grid.block-card2.block-card-basic__icon {
  margin-right: 16px;
}
@media screen and (max-width: 990px) {
  .block-card-basic__icon,
  .masonry.grid.block-card2.block-card-basic__icon {
    margin-bottom: 16px;
  }
}
.block-card-basic--icon_number,
.masonry.grid.block-card2.block-card-basic--icon_number {
  padding: 4px;
  border-radius: 3px;
  color: #f1f7fd;
  background: #000;
  padding-top: 1px;
  padding-bottom: 1px;
  z-index: 1;
  font-weight: 500;
}
@media screen and (min-width: 990px) {
  .block-card-basic-content-left,
  .masonry.grid.block-card2.block-card-basic-content-left {
    display: flex;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 990px) {
  .block-card-basic-content-left--parcours,
  .masonry.grid.block-card2.block-card-basic-content-left--parcours {
    display: flex;
    justify-content: initial;
  }
}
.block-card-basic-content-left--parcours .trait,
.masonry.grid.block-card2.block-card-basic-content-left--parcours .trait {
  font-weight: normal;
}
.block-card-basic-content-left--infos,
.masonry.grid.block-card2.block-card-basic-content-left--infos {
  align-self: center;
  display: flex;
  color: var(--primary-500);
  font-weight: 600;
  line-height: 20px;
}
.block-card-basic-content-left--infos .infos,
.masonry.grid.block-card2.block-card-basic-content-left--infos .infos {
  color: var(--grey-300);
  font-weight: 400;
}
.block-card-basic-content-left--infos .infos.text-normal,
.masonry.grid.block-card2.block-card-basic-content-left--infos .infos.text-normal {
  color: var(--primary-400);
}
.block-card-basic-content-left--infos a,
.masonry.grid.block-card2.block-card-basic-content-left--infos a {
  font-weight: 400;
}
.block-card-basic-content-left--infos strong, .block-card-basic-content-left--infos b,
.masonry.grid.block-card2.block-card-basic-content-left--infos strong,
.masonry.grid.block-card2.block-card-basic-content-left--infos b {
  color: var(--grey-500);
  font-weight: 600;
}
.block-card-basic-content-left--infos strong.text-normal, .block-card-basic-content-left--infos b.text-normal,
.masonry.grid.block-card2.block-card-basic-content-left--infos strong.text-normal,
.masonry.grid.block-card2.block-card-basic-content-left--infos b.text-normal {
  color: var(--primary-400);
}
.block-card-basic-content-left--infos ul,
.masonry.grid.block-card2.block-card-basic-content-left--infos ul {
  width: 100%;
}
.block-card-basic-content-left--infos ul li.trait,
.masonry.grid.block-card2.block-card-basic-content-left--infos ul li.trait {
  border-top: 1px solid var(--grey-100);
  margin-top: 16px;
  padding-top: 16px;
}
.block-card-basic-content-left--infos ul li.block-card-basic-content-left--parcours-title,
.masonry.grid.block-card2.block-card-basic-content-left--infos ul li.block-card-basic-content-left--parcours-title {
  align-items: center;
  display: inline-flex;
  min-height: 40px;
}
.block-card-basic-content-right,
.masonry.grid.block-card2.block-card-basic-content-right {
  display: flex;
  justify-content: space-between;
}
.block-card-basic-content-right--infos,
.masonry.grid.block-card2.block-card-basic-content-right--infos {
  line-height: 20px;
  align-self: center;
  padding-right: 24px;
}
.block-card-basic-content-right--infos p,
.masonry.grid.block-card2.block-card-basic-content-right--infos p {
  color: var(--grey-300);
}
.block-card-basic-content-right-actions,
.masonry.grid.block-card2.block-card-basic-content-right-actions {
  display: flex;
}
@media screen and (max-width: 990px) {
  .block-card-basic-content-right-actions,
  .masonry.grid.block-card2.block-card-basic-content-right-actions {
    position: absolute;
    top: 16px;
    right: 16px;
  }
}
.block-card-basic-content-right-actions button,
.masonry.grid.block-card2.block-card-basic-content-right-actions button {
  align-self: center;
  color: var(--primary-400);
  background-color: initial;
  margin-left: 0;
}
.block-card-basic-content-right-actions button.btn-small,
.masonry.grid.block-card2.block-card-basic-content-right-actions button.btn-small {
  padding-left: 0;
}
.block-card-basic-content-right-actions button svg,
.masonry.grid.block-card2.block-card-basic-content-right-actions button svg {
  width: 20px;
  height: 20px;
  margin-left: 0;
}
.block-card-basic-content-right-actions button:hover,
.masonry.grid.block-card2.block-card-basic-content-right-actions button:hover {
  color: var(--primary-500);
}
.block-card-basic-content-right-actions button.delete-btn,
.masonry.grid.block-card2.block-card-basic-content-right-actions button.delete-btn {
  padding-left: 0;
  background-color: initial;
  padding-right: 0;
}
.block-card-basic-content-right-actions button.delete-btn svg,
.masonry.grid.block-card2.block-card-basic-content-right-actions button.delete-btn svg {
  color: var(--primary-500);
}
.block-card-basic-content-right-actions button.delete-btn:hover svg,
.masonry.grid.block-card2.block-card-basic-content-right-actions button.delete-btn:hover svg {
  color: var(--red-400);
}
.block-card-basic-comment,
.masonry.grid.block-card2.block-card-basic-comment {
  display: block;
  border-top: 1px solid var(--grey-100);
  color: var(--grey-300);
  padding-top: 16px;
  margin-top: 16px;
}
.block-card-basic-comment ul,
.masonry.grid.block-card2.block-card-basic-comment ul {
  line-height: 18px;
}
.block-card__inscription .card .block-default__title__details,
.masonry.grid.block-card2.block-card__inscription .card .block-default__title__details {
  font-size: 12px;
  min-width: 100%;
  color: var(--grey-300);
  font-weight: 400;
}
.block-card__inscription .card .block-default__title svg:not(.text-warning, .text-danger, .text-normal, .text-grey),
.masonry.grid.block-card2.block-card__inscription .card .block-default__title svg:not(.text-warning, .text-danger, .text-normal, .text-grey) {
  color: var(--primary-300);
}
.block-card__inscription .card-archived .block-default__title svg,
.masonry.grid.block-card2.block-card__inscription .card-archived .block-default__title svg {
  color: var(--grey-300);
}
.block-card__inscription .card-archived .actions svg,
.masonry.grid.block-card2.block-card__inscription .card-archived .actions svg {
  color: var(--primary-400);
}
.block-card__destinataires .block-card--checkbox_left .form-control__label-checkbox .block-card__care .grid-item:nth-child(1),
.masonry.grid.block-card2.block-card__destinataires .block-card--checkbox_left .form-control__label-checkbox .block-card__care .grid-item:nth-child(1) {
  align-self: center;
}
.block-card-contract,
.masonry.grid.block-card2.block-card-contract {
  padding-bottom: 0;
  margin: 0;
  margin-top: -16px;
}
.block-card-contract .block-card__title,
.masonry.grid.block-card2.block-card-contract .block-card__title {
  font-weight: 600;
  color: var(--primary-500);
  margin-left: 16px;
}

.card-patient__circle .mail,
.mail:not(.text-warning, .text-danger) {
  color: var(--primary-400);
  font-weight: 400;
  text-decoration: underline;
}

.card-patient.container.page .container.block.page-content.card-patient__block.card-patient__block_v2 .grid, .container.page.data-patient .container.block.page-content.card-patient__block.card-patient__block_v2 .grid {
  margin: -0.73333em -8px !important;
  padding-bottom: 0 !important;
}

@media (max-width: 989px) {
  .card-list-documents-OutOfDocuments .document-item .flex.flex-sb .flex {
    flex-direction: column;
  }
  .card-list-documents-OutOfDocuments .document-item .flex.flex-sb .flex .document-infos {
    margin-left: 0;
    margin-top: 8px;
  }
  .card-list-documents-OutOfDocuments .document-item .flex.flex-sb .d-flex.flex-vcenter {
    align-self: flex-start;
  }
}
.card-list-documents-OutOfDocuments .document-user {
  color: var(--primary-400);
  position: relative;
  right: auto;
  width: auto;
}

.card-patient .block-default .grid, .data-patient .block-default .grid {
  /*svg {
      color: var(--primary-600);
  }*/
}
.card-patient .block-default .grid .block-empty__image svg, .data-patient .block-default .grid .block-empty__image svg, .card-patient .block-default .grid .block-empty__image img, .data-patient .block-default .grid .block-empty__image img {
  color: var(--var-3);
}
.card-patient .block-default__title, .data-patient .block-default__title {
  color: var(--primary-500);
}
.card-patient .block-default__title svg, .data-patient .block-default__title svg {
  width: 20px;
  height: 20px;
}
.card-patient .block-default__content .block__content .block-default__title, .data-patient .block-default__content .block__content .block-default__title {
  color: var(--primary-400);
  font-size: 14px;
}
@media screen and (max-width: 980px) {
  .card-patient .block-default__content .grid .grid-item__span-11, .data-patient .block-default__content .grid .grid-item__span-11 {
    grid-template-areas: "a";
    align-items: flex-start;
  }
  .card-patient .block-default__content .grid .grid-item__span-11 ul, .data-patient .block-default__content .grid .grid-item__span-11 ul {
    border: none;
    padding: 8px 0;
  }
  .card-patient .block-default__content .grid .grid-item__span-11:last-child, .data-patient .block-default__content .grid .grid-item__span-11:last-child {
    margin-bottom: 0;
  }
}
.card-patient .grid, .data-patient .grid {
  margin: -0.73333em -8px;
}
.card-patient .grid-item, .data-patient .grid-item {
  padding: 0.73333em 8px;
}
.card-patient .grid-item .block-default__title, .data-patient .grid-item .block-default__title {
  font-size: 14px;
  color: var(--primary-400);
}
.card-patient .block, .data-patient .block {
  margin: 0 0 24px;
}
.card-patient .block-card, .data-patient .block-card {
  border: 1px solid var(--light);
  padding: 16px;
  width: 100%;
  transition: all var(--animation-time) ease-in-out;
  border-radius: var(--radius-200);
  margin: 0 0 16px;
}
.card-patient .block-card__icon, .data-patient .block-card__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  padding: 0;
  align-self: flex-start;
}
.card-patient .block-card__icon.grid-item__span-1, .data-patient .block-card__icon.grid-item__span-1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-patient .block-card__icon:before, .data-patient .block-card__icon:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: var(--primary-100);
  border-radius: 100%;
}
.card-patient .block-card__icon svg, .data-patient .block-card__icon svg {
  width: 20px;
  height: 20px;
  color: black;
  z-index: 1;
}
.card-patient .block-card__content .grid-item:first-child, .data-patient .block-card__content .grid-item:first-child {
  border-bottom: 1px solid var(--light);
  padding-bottom: 19px;
  margin-bottom: 16px;
}
.card-patient .block-card__content ul, .data-patient .block-card__content ul {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--grey-300);
}
.card-patient .block-card__content ul:first-child li, .data-patient .block-card__content ul:first-child li {
  color: var(--grey-500);
}
.card-patient .block-card__content ul:first-child li:first-child, .data-patient .block-card__content ul:first-child li:first-child {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: var(--primary-500);
}
.card-patient .block-card__content ul li, .data-patient .block-card__content ul li {
  padding-bottom: 4px;
}
.card-patient .block-card__content ul li:last-child, .data-patient .block-card__content ul li:last-child {
  padding-bottom: 0;
}
.card-patient .block-card__content ul li.care-info, .data-patient .block-card__content ul li.care-info {
  font-size: 12px;
  line-height: 18px;
  color: var(--grey-300);
}
.card-patient .block-card__content ul li .speciality, .data-patient .block-card__content ul li .speciality {
  color: var(--grey-300);
  font-weight: 400;
}
.card-patient .block-card__content ul li strong, .data-patient .block-card__content ul li strong {
  font-weight: 600;
}
.card-patient .block-card__content-right p, .data-patient .block-card__content-right p {
  color: var(--grey-300);
  line-height: 24px;
  padding-top: 4px;
}
.card-patient .block-card__content-grid, .data-patient .block-card__content-grid {
  display: grid;
  grid-template-areas: "a a a";
  column-gap: 4px;
}
@media screen and (max-width: 767px) {
  .card-patient .block-card__content-grid, .data-patient .block-card__content-grid {
    grid-template-areas: "a";
  }
  .card-patient .block-card__content-grid .grid, .data-patient .block-card__content-grid .grid {
    margin: 0;
  }
  .card-patient .block-card__content-grid .grid .grid-item__span-11:last-child, .data-patient .block-card__content-grid .grid .grid-item__span-11:last-child {
    width: 100%;
    background-color: red;
  }
}
.card-patient .block-card__content-grid ul:first-child li, .data-patient .block-card__content-grid ul:first-child li {
  color: var(--grey-300);
}
.card-patient .block-card__content-grid ul:first-child li:first-child, .data-patient .block-card__content-grid ul:first-child li:first-child {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: var(--grey-300);
}
.card-patient .block-card__content-grid ul:last-child, .data-patient .block-card__content-grid ul:last-child {
  justify-self: flex-end;
}
@media screen and (max-width: 767px) {
  .card-patient .block-card__content .grid .grid-item__span-11:last-child, .data-patient .block-card__content .grid .grid-item__span-11:last-child {
    width: 100%;
  }
}
.card-patient .block-card__care .block-card__content .grid-item:first-child, .data-patient .block-card__care .block-card__content .grid-item:first-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.card-patient .block-card__care .grid, .data-patient .block-card__care .grid {
  margin: 0;
}
.card-patient .block-card__care.block-card__care.grid-item.grid-item__span-11:last-child, .data-patient .block-card__care.block-card__care.grid-item.grid-item__span-11:last-child {
  padding: 0;
}
.card-patient .block-card .grid-item, .data-patient .block-card .grid-item {
  flex-wrap: wrap;
  padding: 0;
}
.card-patient .block-card .grid-item.grid-item__span-11:last-child, .data-patient .block-card .grid-item.grid-item__span-11:last-child {
  padding: 0 8px;
  min-width: calc(100% - 48px);
}
.card-patient .block-card:last-child, .data-patient .block-card:last-child, .card-patient .block-card ul:last-child, .data-patient .block-card ul:last-child {
  margin-bottom: 0;
}
.card-patient__block .block {
  /*&-default__title {
      //max-width: calc(100% - 40px);
  }*/
}
@media screen and (min-width: 790px) {
  .card-patient__block .block-fixedheight {
    min-height: 320px;
  }
}
.card-patient__block .block-header {
  position: relative;
  display: flex;
}
.card-patient__block .block-header__edit {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1px 0;
  cursor: pointer;
  border: none;
  transition: all var(--animation-time) ease-in-out;
  background-color: white;
  border-radius: 24px;
  width: 32px;
  height: 32px;
}
.card-patient__block .block-header__edit svg {
  width: 20px;
  height: 20px;
  margin-right: 0;
  color: var(--primary-600);
}
.card-patient__block .block-header__edit:hover {
  color: var(--primary-500);
  background-color: var(--grey-100);
}
.card-patient__block .block-default .grid .block-header__edit svg {
  color: var(--primary-400);
}
.card-patient__block .block .block-default__title--actions button {
  padding: 0;
  border-radius: 100%;
}
.card-patient__block .block .block-default__title--actions button.btn.btn-ghost.btn-small.btn-icon {
  width: 32px;
  height: 32px;
}
.card-patient__block .block .block-default__title--actions button.btn.btn-ghost.btn-small.btn-icon svg {
  width: 24px;
  height: 24px;
}
.card-patient__block .block .block-default__title--actions button svg {
  color: var(--primary-400);
}
.card-patient__block .block-default__content {
  padding: 24px 0 0;
  border-top: 1px solid var(--light);
}
.card-patient__block .block-default__content-list {
  flex: 1 1 auto;
}
.card-patient__block .block-default__content-list__item {
  display: flex;
  justify-content: space-between;
  text-align: right;
  margin-bottom: 13px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--grey-300);
  word-break: break-word;
}
.card-patient__block .block-default__content-list__item--space {
  padding-top: 24px;
  margin-bottom: 24px;
}
.card-patient__block .block-default__content-list__item--space::before {
  display: block;
  position: relative;
  content: "";
  border-bottom: 1px solid var(--grey-100);
}
.card-patient__block .block-default__content-list__item.full {
  display: block;
  justify-content: flex-start;
  text-align: left;
}
.card-patient__block .block-default__content-list__item.full p {
  display: block;
  padding-top: 12px;
}
.card-patient__block .block-default__content-list__item.full .hightlight {
  color: var(--grey-600);
}
.card-patient__block .block-default__content-list__item span {
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  word-break: initial;
}
.card-patient__block .block-default__content-list__item span:not(.badge, .full, .chips) {
  color: var(--grey-600);
  padding-right: 8px;
  min-width: 50%;
  max-width: 50%;
}
.card-patient__block .block-default__content-list__item strong {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  text-transform: capitalize;
  color: var(--primary-500);
}
.card-patient__block .block-default__content-list__item:last-child {
  margin-bottom: 0;
}
.card-patient__block .block-default__content-list__item .num-tel, .card-patient__block .block-default__content-list__item .value {
  color: var(--primary-400);
}
.card-patient__block .block-default__content-list__item .email {
  color: var(--primary-400);
  text-decoration: underline;
}
.card-patient__block .block-default .block {
  margin-bottom: 0;
  min-height: 311px;
}
.card-patient__block .block-default .block:last-child {
  margin: 0;
}
.card-patient__block .grid-item:first-child .block {
  background-color: var(--primary-100);
  border: 0;
}
.card-patient__circle {
  /*&:not(.card-patient__entourage) {
      margin-bottom: 64px;
  }*/
  /*span {
      color: var(--primary-400);
      font-weight: 400;
  }*/
}
.card-patient__circle .num-tel {
  font-weight: 400;
}
.card-patient__circle .list-structure {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  padding: 0 !important;
  cursor: pointer;
}
.card-patient__circle .list-structure svg {
  width: 17px !important;
  height: 16px !important;
  color: var(--grey-300) !important;
}
.card-patient__circle .list-structure svg.icon-edit {
  color: var(--primary-400) !important;
}
.card-patient__circle .list-structure:hover svg {
  color: var(--primary-500) !important;
}
.card-patient__circle .list-structure:hover svg.icon-edit {
  color: var(--primary-500);
}
.card-patient__circle .mail {
  text-decoration: underline;
  color: var(--primary-400);
}
.card-patient__circle .grid {
  margin: 0 0 16px 0;
  position: relative;
}
.card-patient__circle .grid .block-card__content .grid-item:first-child {
  margin-bottom: 0;
}
.card-patient__circle .grid .block-card__content .grid-item:first-child.grid-item__delete {
  max-width: calc(100% - 48px);
}
@media (max-width: 990px) {
  .card-patient__circle .grid .block-card__content .grid-item:first-child.grid-item__delete .card-patient__circle--infos {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.card-patient__circle .grid .block-card__content .grid-item:nth-child(2) {
  border-top: 1px solid var(--grey-100);
  margin-top: 16px;
}
.card-patient__circle .grid .card-patient__circle__actions {
  position: absolute;
  top: 4px;
  right: 0px;
  width: auto;
  transition: 200ms ease-in-out;
}
.card-patient__circle .grid .card-patient__circle__actions--documents {
  top: calc(50% - 10px);
  right: 24px;
  align-self: center;
}
@media screen and (max-width: 989px) {
  .card-patient__circle .grid .card-patient__circle__actions--documents {
    margin-top: 12px;
  }
}
@media (max-width: 700px) {
  .card-patient__circle .grid .card-patient__circle__actions--documents {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.card-patient__circle .grid .card-patient__circle__actions--documents span {
  position: absolute;
  right: 48px;
  width: 150px;
  text-align: right;
}
.card-patient__circle .grid .card-patient__circle__actions button, .card-patient__circle .grid .card-patient__circle__actions span {
  min-width: 32px;
  border-radius: 30px;
  border: 1px solid transparent;
  padding: 0;
}
.card-patient__circle .grid .card-patient__circle__actions button.btn-icon-left svg, .card-patient__circle .grid .card-patient__circle__actions span.btn-icon-left svg {
  margin-left: 0;
}
.card-patient__circle .grid .card-patient__circle__actions button svg, .card-patient__circle .grid .card-patient__circle__actions span svg {
  width: 20px;
  height: 20px;
  color: var(--primary-500);
  margin-top: 0;
}
.card-patient__circle .grid .card-patient__circle__actions button.btn-ghost:hover, .card-patient__circle .grid .card-patient__circle__actions button:not(:disabled):not(.disabled):active, .card-patient__circle .grid .card-patient__circle__actions span.btn-ghost:hover, .card-patient__circle .grid .card-patient__circle__actions span:not(:disabled):not(.disabled):active {
  background: transparent;
}
.card-patient__circle .grid .card-patient__circle__actions button:hover, .card-patient__circle .grid .card-patient__circle__actions span:hover {
  border-color: transparent;
}
.card-patient__circle .grid .card-patient__circle__actions button:hover svg, .card-patient__circle .grid .card-patient__circle__actions span:hover svg {
  color: var(--red-400);
  background: transparent;
}
.card-patient__circle .grid .card-patient__circle__actions button:disabled svg, .card-patient__circle .grid .card-patient__circle__actions span:disabled svg {
  color: var(--grey-300);
}
.card-patient__circle .grid.block-card:last-child {
  margin-bottom: 0;
}
.card-patient__circle .block-card__structure .block-card__content .grid {
  position: relative;
}
.card-patient__circle .block-card__structure .block-card__content .grid .grid-item {
  position: relative;
  padding-bottom: 0;
}
.card-patient__circle .block-card__structure .block-card__content .grid .grid-item:first-child {
  min-height: 38px;
  display: flex;
  align-items: center;
  font-weight: 400;
  border: none;
}
.card-patient__circle .block-card__structure .block-card__content .grid .grid-item:first-child .card-patient__circle--infos {
  margin-bottom: 16px;
}
@media (max-width: 990px) {
  .card-patient__circle .block-card__structure .block-card__content .grid .grid-item:first-child .card-patient__circle--infos {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.card-patient__circle .block-card__structure .block-card__content .grid .grid-item:first-child .card-patient__circle--infos li:only-child {
  justify-content: flex-start;
}
@media (max-width: 990px) {
  .card-patient__circle .block-card__structure .block-card__content .grid .grid-item:first-child .card-patient__circle--infos li:only-child {
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
  }
}
.card-patient__circle .block-card__structure .block-card__content .grid .grid-item:first-child ul {
  width: 100%;
}
.card-patient__circle .block-card__structure .block-card__content .grid .grid-item:first-child ul li {
  display: flex;
}
.card-patient__circle .block-card__structure .block-card__content .grid .grid-item:nth-child(2) {
  margin-top: 0;
  border-top: 1px solid var(--grey-100);
}
.card-patient__circle .block-card__structure .block-card__content .grid .grid-item:nth-child(n+2) ul:first-child li:first-child {
  font-weight: 400;
}
.card-patient__circle .block-card__structure .block-card__content .grid .grid-item:nth-child(n+2) .card-patient__circle__actions {
  top: 0px;
}
.card-patient__circle .block-card__structure .block-card__content .grid .grid-item:nth-child(n+2):last-child .grid-item {
  padding-bottom: 0;
}
.card-patient__circle .block-card__structure .block-card__content .grid .grid-item:nth-child(n+2) .grid {
  width: 100%;
}
.card-patient__circle .block-card__structure .block-card__content .grid .grid-item:nth-child(n+2) .grid .grid-item {
  position: initial;
}
.card-patient__circle .block-card__structure .block-card__content .grid .grid-item:nth-child(n+2) .grid .grid-item:first-child {
  min-height: inherit;
  padding-bottom: 0;
}
.card-patient__circle .block-card__content .grid {
  margin: 0;
}
.card-patient__circle .block-default__content {
  padding: 0;
}
.card-patient__circle .block-default__content .block-card .grid-item.grid-item__span-1 {
  max-width: 48px;
}
.card-patient__circle .block-default__content .grid-item.grid-item__span-11 {
  width: calc(100% - 48px);
}
.card-patient__circle .block-default__content .block-card__content-grid {
  display: flex;
}
.card-patient__circle .block-default__content .block-card__content-grid:first-child ul li {
  padding-top: 4px;
}
.card-patient__circle .block-default__content .block-card__content-grid:nth-child(2) .grid .grid-item {
  margin-top: 12px;
}
.card-patient__circle .block-default__content .block-card__content-grid:nth-child(2) .grid .grid-item .card-patient__circle__actions {
  top: 12px;
}
.card-patient__circle .block-default__content .block-card__content-grid ul {
  width: 100%;
}
.card-patient__circle .block-default__content .block-card__content-grid ul li {
  padding: 8px 0;
  border-top: 1px solid var(--grey-100);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.card-patient__circle .block-default__content .block-card__content-grid ul li:first-child {
  padding-top: 8px;
}
.card-patient__circle .block-default__content .block-card__content-grid ul li:first-child ul li:first-child {
  font-weight: 600;
  padding-bottom: 0;
}
.card-patient__circle .block-default__content .block-card__content-grid ul li:first-child ul li:first-child.regular {
  font-weight: 400;
}
@media (max-width: 767px) {
  .card-patient__circle .block-default__content .block-card__content-grid ul li:first-child ul li:first-child {
    flex-direction: column;
  }
}
.card-patient__circle .block-default__content .block-card__content-grid ul li ul {
  margin-top: 0;
  list-style: square;
}
.card-patient__circle .block-default__content .block-card__content-grid ul li ul li {
  padding: 8px 0 0;
  border: none;
}
.card-patient__circle .block-default__content .block-card__content-grid ul li ul li:first-child {
  padding-top: 0;
}
@media (max-width: 990px) {
  .card-patient__circle .block-default__content .block-card__content-grid ul li ul li:first-child {
    flex-direction: column;
  }
}
.card-patient__circle .block-default__content .block-card__content-grid ul li ul li:nth-child(n+2) {
  display: flex;
}
.card-patient__circle .block-default__content .block-card__content-grid ul li:last-child {
  padding-bottom: 0;
}
@media (max-width: 990px) {
  .card-patient__circle .block-default__content .block-card__content-grid ul li:last-child {
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
  }
}
.card-patient__circle .block-default__content .block-card__content-grid ul:first-child li:first-child {
  border: none;
}
.card-patient__circle .block-card__inactif .block-card__icon:before {
  background-color: var(--lighter);
}
.card-patient__circle .block-card__inactif .block-card__icon svg {
  color: var(--grey-300);
}
.card-patient__circle .block-card__inactif .block-card__content ul:first-child > li:first-child {
  color: var(--grey-300);
}
.card-patient__circle--infos {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: inherit;
  min-height: 38px;
}
@media screen and (max-width: 990px) {
  .card-patient__circle--infos {
    flex-direction: column;
    align-items: flex-start;
  }
}
.card-patient__circle__actions button:focus {
  background-color: inherit;
}
.card-patient__entourage .grid .block-card__content .grid-item:first-child {
  padding-bottom: 0;
  border-bottom: 0;
  display: flex;
  align-items: center;
  min-height: 40px;
}
.card-patient__entourage ul {
  width: calc(100% - 74px);
}
.card-patient__entourage ul li {
  display: inline-flex;
  justify-content: space-between;
}
@media screen and (max-width: 980px) {
  .card-patient__entourage ul li {
    flex-direction: column;
  }
}
.card-patient__entourage ul li.trait {
  border-top: 1px solid var(--grey-100);
  margin-top: 16px;
  padding-top: 16px;
}

.data-patient .card-patient__block .grid-item:first-child .block {
  background-color: inherit;
  border: 1px solid var(--grey-100);
  border-radius: var(--radius-200);
}
.data-patient .block-toggle.toggled .block-default__title {
  border-bottom: 0;
}
.data-patient .block-toggle.toggled .block__content {
  margin-top: 8px;
}
.data-patient .block-toggle.toggled .block__content .grid {
  padding: 0;
}
.data-patient .block-toggle.toggled .block__content .grid .block-default__title {
  border: none;
}
.data-patient .block-default .grid .btn-primary svg {
  color: white;
}
.data-patient .block-default__content .block-toggle.toggled .block-default__title {
  border-bottom: 1px solid var(--light);
}
.data-patient .card-patient__block .grid-item:first-child .block-default__content-list__item {
  color: var(--grey-300);
}
@media screen and (max-width: 990px) {
  .data-patient .block-toggle__subgrid .block__content .grid-item {
    padding: 16px;
  }
}
.data-patient .block-toggle__subgrid .block__content .grid-item {
  padding: 24px 12px 0;
}
.data-patient .block-toggle__subgrid .block__content .column .grid-item {
  padding: 16px 8px 0;
}
.data-patient .block-toggle__subgrid .block__content .column .grid-item:last-child {
  padding-bottom: 8px;
}
.data-patient .grid-item__span-8 .card-patient .card-patient__circle:not(.card-patient__entourage), .data-patient .grid-item__span-8 .data-patient .card-patient__circle:not(.card-patient__entourage) {
  margin-bottom: 0;
}
.data-patient .grid-item__span-8 .card-patient .form .grid, .data-patient .grid-item__span-8 .data-patient .form .grid {
  padding: 12px;
}
.data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item {
  padding: 0;
  position: inherit;
}
.data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content {
  position: relative;
}
.data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content .grid, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content .grid {
  padding: 0;
  flex-flow: row wrap;
}
.data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content .grid-item, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content .grid-item {
  margin-bottom: 0;
  padding-bottom: 16px;
}
.data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid {
  display: flex;
}
.data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul {
  width: 100%;
}
.data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li {
  padding: 16px 0;
  border-top: 1px solid var(--grey-100);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li:first-child ul li:first-child, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li:first-child ul li:first-child {
  font-weight: 600;
}
@media (max-width: 767px) {
  .data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li:first-child ul li:first-child, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li:first-child ul li:first-child {
    flex-direction: column;
  }
}
.data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li ul, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li ul {
  margin-top: 0;
  list-style: square;
}
.data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li ul li, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li ul li {
  padding: 8px 0 0;
  border: none;
}
.data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li ul li:first-child, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li ul li:first-child {
  padding-top: 0;
}
.data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li ul li:nth-child(n+2), .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li ul li:nth-child(n+2) {
  display: flex;
}
.data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li:last-child, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li:last-child {
  padding-bottom: 0;
}
@media (max-width: 990px) {
  .data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li:last-child, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul li:last-child {
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
  }
}
.data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul:first-child li:first-child, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content .grid-item .block-card__content-grid ul:first-child li:first-child {
  border: none;
}
.data-patient .grid-item__span-8 .card-patient .form .grid .block-card .grid-item.block-card__content .grid-item:last-child, .data-patient .grid-item__span-8 .data-patient .form .grid .block-card .grid-item.block-card__content .grid-item:last-child {
  padding-bottom: 0;
}
.data-patient .card-patient .block-empty, .data-patient .data-patient .block-empty {
  min-height: 384px;
}
.data-patient .card-patient__circle .grid .card-patient__circle__actions {
  right: -50px;
}

.new-patient .form:last-child {
  margin-bottom: 0;
}
.new-patient .form.form .grid .grid-item {
  margin-bottom: 24px;
}
.new-patient .form.form .grid .grid-item .grid .grid-item {
  margin-bottom: 0;
}
.new-patient .form .form-content__search .fieldset.grid .grid-item, .new-patient .form .form-content__small .fieldset.grid .grid-item {
  margin-bottom: 0;
}

/* transverse > à revoir */
/*.card-patient__circle>.block-default>.block-default__content>.block-card.grid.block-card__care{
    &.block-card__doctor>.grid-item.grid-item__span-11>.grid>.grid-item.grid-item__span-12:not(.grid-item__delete){
        margin-top: 16px;
        padding-top: 16px;
        .block-card__content-grid ul{
            padding-top: 0;
            li{
                padding-top: 0;
            }
        }
    }
    &>.grid-item.grid-item__span-11>.grid>.grid-item.grid-item__span-12{
        .card-patient__circle--infos{
            margin-bottom: 0px;
        }
        &:not(.grid-item__delete,:first-child){
            margin-top: 16px;
            padding-top: 16px;
            .block-card__content-grid ul{
                padding-top: 0;
                li{
                    padding-top: 0;
                }
            }
        }
    }

}
*/
.block-card--simple b {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: var(--primary-500);
  margin-bottom: 8px;
  display: block;
}

.form .grid .block-card--type2,
.block-card--type2,
.block__content-card .grid.block-card--type2 {
  display: flex;
  margin: 0 auto;
  padding: 16px !important;
  margin-bottom: 16px;
}
.form .grid .block-card--type2.no-margin,
.block-card--type2.no-margin,
.block__content-card .grid.block-card--type2.no-margin {
  margin: 0 0 16px 0;
}
.form .grid .block-card--type2:last-child,
.block-card--type2:last-child,
.block__content-card .grid.block-card--type2:last-child {
  margin-bottom: 0;
}
.form .grid .block-card--type2 .grid-item,
.block-card--type2 .grid-item,
.block__content-card .grid.block-card--type2 .grid-item {
  padding: 0;
}
.form .grid .block-card--type2 .grid,
.block-card--type2 .grid,
.block__content-card .grid.block-card--type2 .grid {
  padding: 0;
  /* inutile? >a verifier*/
}
.form .grid .block-card--type2 .grid ul li:first-child,
.block-card--type2 .grid ul li:first-child,
.block__content-card .grid.block-card--type2 .grid ul li:first-child {
  color: var(--primary-500);
  font-weight: 600;
}
.form .grid .block-card--type2 .grid ul li:first-child .infos,
.block-card--type2 .grid ul li:first-child .infos,
.block__content-card .grid.block-card--type2 .grid ul li:first-child .infos {
  color: var(--grey-300);
  font-weight: 400;
}
.form .grid .block-card--type2 .grid ul li:first-child.stopped,
.block-card--type2 .grid ul li:first-child.stopped,
.block__content-card .grid.block-card--type2 .grid ul li:first-child.stopped {
  color: var(--grey-300);
}
.form .grid .block-card--type2 .grid ul li:not(.stopped):not(.comment):not(:first-child),
.block-card--type2 .grid ul li:not(.stopped):not(.comment):not(:first-child),
.block__content-card .grid.block-card--type2 .grid ul li:not(.stopped):not(.comment):not(:first-child) {
  color: var(--primary-400);
  font-weight: 500;
}
.form .grid .block-card--type2 .grid ul li:not(.stopped):not(.comment):not(:first-child) .infos,
.block-card--type2 .grid ul li:not(.stopped):not(.comment):not(:first-child) .infos,
.block__content-card .grid.block-card--type2 .grid ul li:not(.stopped):not(.comment):not(:first-child) .infos {
  color: var(--grey-600);
}
.form .grid .block-card--type2 .grid ul li:not(.stopped):not(.comment):not(:first-child) .comment,
.block-card--type2 .grid ul li:not(.stopped):not(.comment):not(:first-child) .comment,
.block__content-card .grid.block-card--type2 .grid ul li:not(.stopped):not(.comment):not(:first-child) .comment {
  font-weight: 400;
}
.form .grid .block-card--type2 .grid ul li.comment,
.block-card--type2 .grid ul li.comment,
.block__content-card .grid.block-card--type2 .grid ul li.comment {
  font-weight: 400;
}
.form .grid .block-card--type2 .grid.grid-inner,
.block-card--type2 .grid.grid-inner,
.block__content-card .grid.block-card--type2 .grid.grid-inner {
  margin: 0;
  justify-content: space-between;
}
.form .grid .block-card--type2 .grid.grid-inner .grid-item,
.block-card--type2 .grid.grid-inner .grid-item,
.block__content-card .grid.block-card--type2 .grid.grid-inner .grid-item {
  padding: 0;
}
.form .grid .block-card--type2 .grid.grid-inner--border,
.block-card--type2 .grid.grid-inner--border,
.block__content-card .grid.block-card--type2 .grid.grid-inner--border {
  margin: 16px 0px 0px 0px;
  border-top: 1px solid var(--light);
  padding-top: 16px;
  width: 100%;
}
.form .grid .block-card--type2 .grid.grid-inner--border ul li,
.block-card--type2 .grid.grid-inner--border ul li,
.block__content-card .grid.block-card--type2 .grid.grid-inner--border ul li {
  color: var(--grey-300);
}
.form .grid .block-card--type2 .grid .grid-item,
.block-card--type2 .grid .grid-item,
.block__content-card .grid.block-card--type2 .grid .grid-item {
  border-bottom: 0;
}
.form .grid .block-card--type2 .grid .card__actions--type2,
.block-card--type2 .grid .card__actions--type2,
.block__content-card .grid.block-card--type2 .grid .card__actions--type2 {
  display: inline-flex;
  max-width: 135px;
  justify-content: flex-end;
}
.form .grid .block-card--type2 .grid .card__actions--type2 .btn,
.block-card--type2 .grid .card__actions--type2 .btn,
.block__content-card .grid.block-card--type2 .grid .card__actions--type2 .btn {
  margin-left: 0;
  min-width: 32px;
  border-radius: 30px;
  border: 0;
  padding: 0;
  background-color: transparent;
  margin-right: 8px;
}
.form .grid .block-card--type2 .grid .card__actions--type2 .btn--primary400,
.block-card--type2 .grid .card__actions--type2 .btn--primary400,
.block__content-card .grid.block-card--type2 .grid .card__actions--type2 .btn--primary400 {
  color: var(--primary-400);
}
.form .grid .block-card--type2 .grid .card__actions--type2 .btn--primary400:hover,
.block-card--type2 .grid .card__actions--type2 .btn--primary400:hover,
.block__content-card .grid.block-card--type2 .grid .card__actions--type2 .btn--primary400:hover {
  color: var(--primary-500);
}
.form .grid .block-card--type2 .grid .card__actions--type2 .btn--primary500,
.block-card--type2 .grid .card__actions--type2 .btn--primary500,
.block__content-card .grid.block-card--type2 .grid .card__actions--type2 .btn--primary500 {
  color: var(--primary-500);
}
.form .grid .block-card--type2 .grid .card__actions--type2 .btn--grey300,
.block-card--type2 .grid .card__actions--type2 .btn--grey300,
.block__content-card .grid.block-card--type2 .grid .card__actions--type2 .btn--grey300 {
  color: var(--grey-300);
}
.form .grid .block-card--type2 .grid .card__actions--type2 .btn svg,
.block-card--type2 .grid .card__actions--type2 .btn svg,
.block__content-card .grid.block-card--type2 .grid .card__actions--type2 .btn svg {
  justify-content: center;
  margin: 0 auto;
  width: 20px;
  height: 20px;
}
.form .grid .block-card--type2 .grid .card__actions--type2 .btn.btn-icon-circle:hover,
.block-card--type2 .grid .card__actions--type2 .btn.btn-icon-circle:hover,
.block__content-card .grid.block-card--type2 .grid .card__actions--type2 .btn.btn-icon-circle:hover {
  border-color: var(--light);
}
.form .grid .block-card--type2 .grid .card__actions--type2 .btn.btn-icon-circle:hover svg,
.block-card--type2 .grid .card__actions--type2 .btn.btn-icon-circle:hover svg,
.block__content-card .grid.block-card--type2 .grid .card__actions--type2 .btn.btn-icon-circle:hover svg {
  color: var(--red-400);
  background: transparent;
}
.form .grid .block-card--type2.stopped,
.block-card--type2.stopped,
.block__content-card .grid.block-card--type2.stopped {
  color: var(--grey-300);
}
.form .grid .block-card--type2.stopped .block-card__content ul:first-child li,
.block-card--type2.stopped .block-card__content ul:first-child li,
.block__content-card .grid.block-card--type2.stopped .block-card__content ul:first-child li {
  color: var(--grey-300);
  font-weight: 600;
}
.form .grid .block-card--type2.stopped .block-card__content ul:first-child li .w400,
.block-card--type2.stopped .block-card__content ul:first-child li .w400,
.block__content-card .grid.block-card--type2.stopped .block-card__content ul:first-child li .w400 {
  font-weight: 400;
}
.form .grid .block-card--type2.stopped .block-card__icon:before,
.block-card--type2.stopped .block-card__icon:before,
.block__content-card .grid.block-card--type2.stopped .block-card__icon:before {
  background-color: var(--lighter);
}
.form .grid .block-card--type2.stopped .block-card__icon svg,
.block-card--type2.stopped .block-card__icon svg,
.block__content-card .grid.block-card--type2.stopped .block-card__icon svg {
  color: var(--grey-300);
}

.column {
  display: flex;
  justify-content: space-between;
}
.column .column-item {
  flex: 1 0 0;
  width: 100%;
}
.column .column-item:not(:last-child) {
  margin-right: 16px;
}
@media screen and (max-width: 1180px) {
  .column .column-item {
    margin-top: 8px;
  }
}
@media screen and (max-width: 1180px) {
  .column {
    flex-flow: column nowrap;
  }
}

.nav-footer {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 64px;
}
.nav-footer ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  list-style: none;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-left: 0;
}
.nav-footer ul li {
  padding: 0 4px 0 0;
  position: relative;
}
.nav-footer ul li a {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  text-decoration: underline;
  color: var(--secondary);
}
.nav-footer ul li a:hover {
  text-decoration: none;
}
.nav-footer ul li:after {
  content: " - ";
}
.nav-footer ul li:last-child:after {
  content: "";
}

.form {
  border: 1px solid var(--grey-100);
  border-radius: var(--radius-200);
}
.form-no_border {
  border: none;
}
.form-no_border .form-content {
  padding: 0px;
}
.form-no_border .form-content .fieldset.grid {
  margin: -24px;
}
.form fieldset legend:not(.form-content__required) {
  margin-bottom: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: var(--primary-400);
  margin-bottom: 0px;
  display: flex;
}
.form-uploads button.btn.fake_input_file {
  position: relative;
  cursor: pointer;
}
.form-uploads button.btn.fake_input_file * {
  cursor: pointer;
}
.form-uploads button.btn.fake_input_file input {
  width: 1px;
  height: 1px;
  opacity: 0;
  position: absolute;
  top: -1px;
  overflow: hidden;
}
.form-uploads ul {
  font-weight: 400;
}
.form-uploads-desc,
.form-uploads p.form-uploads-desc {
  color: var(--grey-300);
  margin-top: 8px;
}
.form-uploads-desc strong, .form-uploads-desc b,
.form-uploads p.form-uploads-desc strong,
.form-uploads p.form-uploads-desc b {
  color: var(--primary-500);
  font-weight: 500;
}
.form-uploads .uploads li {
  background-color: var(--primary-600);
  color: #fff;
  padding: 24px;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-weight: 400;
}
.form-uploads .uploads li button {
  color: #fff;
  cursor: pointer;
}
.form-uploads .uploads li button.btn-icon svg {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.form-uploads .uploads li button:hover {
  background-color: transparent;
  border-color: transparent;
}
.form-uploads .uploads li button:hover svg {
  color: var(--red-400);
}
.form-content {
  padding: 16px;
}
.form-content hr {
  margin: 24px 0;
  border-color: var(--light);
}
.form-content-cgu {
  padding: 0;
}
.form-content__small {
  padding: 0;
}
.form-content__small .form-content__title {
  margin-bottom: 0;
}
.form-content__small .form-content__title + .form-content__required {
  padding-left: 0;
  padding-top: 8px;
}
.form-content__small .form-radiofield__text, .form-content__small .form-checkboxfield__text {
  padding: 10px 16px;
}
.form-content__small select {
  padding: 10px 30px 10px 10px;
}
.form-content__small .btn-icon svg {
  width: 20px;
  height: 20px;
}
.form-content__small hr {
  margin: 0px 24px;
}
.form-content__small .grid-item.grid-item__span-12 hr {
  margin: 0;
}
.form-content__title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: var(--primary-400);
  margin-bottom: 8px;
  display: flex;
}
.form-content__title-grey {
  color: var(--grey-600);
}
.form-content__title-tooltip {
  display: block;
  margin-top: 0px;
  margin-left: 8px;
}
.form-content__title-tooltip svg {
  width: 16px;
  height: 16px;
  color: var(--grey-300);
}
.form-content__required {
  padding: 24px 24px 0;
  font-style: italic;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: var(--red-400);
}
.form-content__required--no-padding {
  padding: 0;
}
.form-content-valid hr {
  margin: 24px 0;
}
.form-content p {
  padding: 0 12px;
  width: 100%;
}
.form-content-grey {
  background-color: var(--lighter);
}
.form-content__search {
  padding: 24px;
}
.form-content__search .fieldset.grid {
  margin: 16px 0 0;
  padding: 8px 12px 12px;
  background-color: var(--lighter);
  border-radius: var(--radius-200);
}
.form-content__search .fieldset.grid .grid-item {
  padding: 12px 12px;
  margin-bottom: 0;
}
.form-content__search .form-content__required {
  padding: 0 0 16px;
}
.form-content__list {
  position: relative;
}
.form-content__list:not(.form-content__list-delete) {
  margin: 0px;
}
.form-content__list .grid {
  margin: 0;
  padding: 12px;
  background-color: var(--lighter);
  border-radius: var(--radius-200);
  position: relative;
}
.form-content__list .grid .grid-item {
  padding: 12px;
  margin-bottom: 0;
}
.form-content__list .grid .grid-item:last-child:not(.grid-item__span-1, .grid-item__span-8) {
  min-height: 82px;
  position: relative;
}
.form-content__list .grid .grid-item:last-child:not(.grid-item__span-1, .grid-item__span-8) + div:not(.input-group) button:not(.toggle, .btn-add) {
  position: absolute;
  top: calc(50% - 16px);
  display: flex;
  justify-content: center;
  align-items: center;
  right: 12px;
  width: 32px;
  height: 32px;
  background-color: white;
  border-radius: 24px;
  border: none;
  padding: 0;
}
.form-content__list .grid .grid-item:last-child:not(.grid-item__span-1, .grid-item__span-8) + div:not(.input-group) button:not(.toggle, .btn-add) svg {
  margin: 0;
  width: 20px;
  height: 20px;
  color: var(--primary-500);
}
.form-content__list .grid .grid-item:last-child:not(.grid-item__span-1, .grid-item__span-8) + div:not(.input-group) button:not(.toggle, .btn-add):hover svg {
  color: var(--red-400);
}
@media (max-width: 1050px) {
  .form-content__list .grid .grid-item:last-child:not(.grid-item__span-1, .grid-item__span-8) + div:not(.input-group) button:not(.toggle, .btn-add) {
    top: 100%;
  }
}
.form-content__list-delete--entourage .grid {
  margin-bottom: 24px;
}
.form-content__list-delete--entourage .grid:last-child {
  margin-bottom: 0;
}
.form-content__list-delete .grid {
  width: 100%;
}
@media (max-width: 980px) {
  .form-content__list-delete .grid {
    padding-bottom: 78px;
  }
}
.form-content__list-delete .grid .subgrid {
  padding: 0;
  max-width: calc(100% - 56px);
  background-color: inherit;
}
.form-content__list-delete .grid .subgrid p {
  padding: 0;
}
@media (max-width: 980px) {
  .form-content__list-delete .grid .subgrid {
    max-width: inherit;
  }
}
.form-content__list-delete .grid .subgrid__title {
  flex: 0 0 auto;
  width: 100%;
  grid-column: auto/span 12;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.27px;
  color: var(--primary-500);
}
.form-content__list .button__delete button.btn-primary {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  z-index: 2;
  position: absolute;
  top: calc(50% - 16px);
  right: 24px;
  width: 32px;
  height: 32px;
  border-radius: 24px;
  border: none;
  background-color: white;
}
.form-content__list .button__delete button.btn-primary svg {
  margin: 0;
  width: 20px;
  height: 20px;
  color: var(--primary-500);
}
.form-content__list .button__delete button.btn-primary:hover svg {
  color: var(--red-400);
}
@media (max-width: 980px) {
  .form-content__list .button__delete button.btn-primary {
    top: inherit;
    bottom: 24px;
  }
}
.form-content__list .form-content__required {
  padding: 0;
}
.form-content__list-grey .grid .grid-item:last-child {
  height: inherit;
}
.form-content .fieldset.grid {
  margin: 0px;
  border-radius: var(--radius-200);
}
.form-content .fieldset.grid .grid-item {
  padding: 12px;
  margin-bottom: 0;
}
.form-content .fieldset.grid .grid-item.form-content__btn {
  margin-bottom: 8px;
}
.form-content .fieldset.grid .grid-item.grid-item__grey {
  padding: 12px 12px 4px;
}
.form-content .fieldset.grid .grid-item.grid-item__grey .grid-item__span-12 button {
  margin-left: -12px;
}
.form-content .fieldset.grid .alert-content p {
  padding: 0;
  margin-bottom: 16px;
}
.form-content .fieldset.grid .alert-content p:last-child {
  margin-bottom: 0;
}
.form-content .fieldset.grid p {
  padding: 8px 12px;
}
.form-content .fieldset.grid p.form-content__title-subtitle {
  padding: 24px 0 0;
}
.form-content .fieldset.grid p.form-content__title-subtitle span {
  color: var(--primary-500);
}
.form-content .fieldset.grid .form-content__list .grid-item__span-4:last-child, .form-content .fieldset.grid .form-content__list .grid-item__span-12:last-child {
  height: inherit;
}
.form-content .fieldset.grid.grid-grey {
  margin: 0;
}
.form-content .fieldset.grid.grid-grey .grid-item .form-control {
  min-height: 146px;
  background-color: var(--lighter);
  padding: 24px;
}
.form-content .fieldset.grid.grid-grey .grid-item__span-8 .form-control, .form-content .fieldset.grid.grid-grey .grid-item__span-4 .form-control {
  padding: 0;
  min-height: inherit;
}
.form-content .fieldset.grid.grid-grey .grid-item:last-child {
  height: inherit;
  position: relative;
}
.form-content .fieldset.grid + .fieldset.grid {
  padding-top: 0;
}
.form-content .fieldset.grid .fieldset.grid {
  margin: -8px -24px;
}
.form-content h3 {
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
}
.form-content .block-empty__text h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--primary-500);
}
.form-content ul.consent {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 8px;
}
.form-content ul.consent li {
  margin-top: 8px;
}
.form-content ul.consent li:before {
  content: " - ";
}
.form-footer {
  background-color: var(--lighter);
  border: 1px solid var(--grey-100);
  border-radius: var(--radius-200);
  padding: 16px;
}
.form-footer__actions {
  display: flex;
  flex-direction: row;
}
.form-footer__actions .btn + .btn {
  margin-left: 16px;
}
.form-footer__actions-nobody {
  margin-top: 24px;
}
.form-footer__actions svg {
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 767px) {
  .form-footer__actions {
    flex-direction: column;
  }
  .form-footer__actions .btn {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .form-footer__actions .btn + .btn {
    margin-left: 0;
    margin-top: 12px;
  }
}
.form .block-question .radio-container, .form .block-question .checkbox-container {
  padding-bottom: 0;
}
.form .block-question .radio-container ul, .form .block-question .checkbox-container ul {
  justify-content: center;
}
.form-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: var(--lighter);
  margin: 8px 0 16px;
  padding: 24px;
  border-radius: var(--radius-100);
  width: 100%;
}
.form-list ul.list-grey {
  margin-bottom: 0;
}
.form-list ul.list-grey li {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 4px;
}
.form-list ul.list-grey li:before {
  content: " - ";
  margin-right: 4px;
}
.form-list ul.list-grey li:last-child {
  margin-bottom: 0;
}
@media (max-width: 1050px) {
  .form-list ul.list-grey:nth-child(2) {
    padding-bottom: 24px;
  }
}
@media (max-width: 700px) {
  .form-list ul.list-grey:nth-child(1) {
    padding-bottom: 24px;
  }
}
.form .required {
  display: inline-block;
  color: var(--red-400);
  margin-right: 4px;
}
.form .radio-container, .form .checkbox-container {
  display: flex;
  flex-flow: row wrap;
}
.form .radio-container ul, .form .checkbox-container ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -16px;
}
@media screen and (max-width: 1200px) {
  .form .radio-container ul, .form .checkbox-container ul {
    margin-top: -8px;
  }
}
.form .radio-container ul:last-child, .form .checkbox-container ul:last-child {
  margin-bottom: 0;
}
.form .radio-container ul + ul, .form .checkbox-container ul + ul {
  justify-content: flex-start;
}
.form .radio-container ul li, .form .checkbox-container ul li {
  margin-top: 16px;
}
.form .radio-container ul li label, .form .checkbox-container ul li label {
  white-space: nowrap;
}
.form .radio-container ul li:not(:last-child), .form .checkbox-container ul li:not(:last-child) {
  margin-right: 16px;
}
@media screen and (max-width: 1200px) {
  .form .radio-container ul li, .form .checkbox-container ul li {
    margin-right: 8px;
    margin-top: 8px;
  }
}
.form .radio-container__with-icon svg, .form .checkbox-container__with-icon svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.form .radio-container__with-icon svg.icon-arrow_right, .form .checkbox-container__with-icon svg.icon-arrow_right {
  transform: rotate(90deg);
  color: var(--orange-400);
}
.form .radio-container__with-icon svg.icon-remove, .form .checkbox-container__with-icon svg.icon-remove {
  color: var(--grey-300);
}
.form .radio-container__with-icon svg.icon-label_important, .form .checkbox-container__with-icon svg.icon-label_important {
  color: var(--orange-400);
}
.form-radiofield__text, .form-checkboxfield__text {
  position: relative;
  border-radius: var(--radius-200);
  border: 1px solid transparent;
  background-color: var(--grey-100);
  color: var(--primary-500);
  cursor: pointer;
  display: flex;
  padding: 6px 14px;
  text-align: center;
  transition: background-color 0.2s, font-weight 0.1s ease 0.1s, box-shadow 0.2s;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  align-items: center;
}
.form-radiofield__text:after, .form-checkboxfield__text:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 3px);
  width: calc(100% + 3px);
  border-radius: 1.26667em;
  border: 3px solid #828EB0;
  transition: 200ms ease;
  opacity: 0;
  box-sizing: border-box;
}
.form-radiofield__text:hover, .form-checkboxfield__text:hover {
  border: 1px solid var(--primary-500);
  background-color: var(--primary-500);
  color: white;
}
.form-radiofield input:checked + .form-radiofield__text, .form-radiofield input:checked + .form-checkboxfield__text, .form-checkboxfield input:checked + .form-radiofield__text, .form-checkboxfield input:checked + .form-checkboxfield__text {
  border-color: var(--primary-400);
  background-color: var(--primary-400);
  color: white;
}
.form-radiofield input:checked + .form-radiofield__text:hover, .form-radiofield input:checked + .form-checkboxfield__text:hover, .form-checkboxfield input:checked + .form-radiofield__text:hover, .form-checkboxfield input:checked + .form-checkboxfield__text:hover {
  border: 1px solid var(--primary-500);
  background-color: var(--primary-500);
  color: white;
}
.form-switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 24px;
}
.form-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.form-switch-block--label {
  display: flex;
  align-items: center;
}
.form-switch-block--label.show .form-switch-block--text {
  color: var(--primary-400);
}
.form-switch-block--text {
  margin-right: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: var(--grey-300);
  animation: color 0.5s ease-out;
}
.form-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border: 2px solid var(--grey-300);
  transition: 0.4s;
  width: 46px;
}
.form-switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: calc(50% - 8px);
  background-color: var(--grey-200);
  transition: 0.4s;
}
.form-switch input:checked + .slider:before {
  background-color: var(--primary-400);
  transform: translateX(22px);
}
.form-switch .slider.round {
  border-radius: 72px;
}
.form-switch .slider.round:before {
  border-radius: 50%;
}
.form.form .grid .grid-item {
  margin-bottom: 0;
}
.form.form .grid .grid-item--neutre {
  margin-top: -16px;
}
.form.form .grid .grid-item.form-content {
  margin-bottom: 17px;
  padding: 0;
}
.form .form-content fieldset.grid .alert p {
  padding: 0;
}
.form .grid {
  margin-top: 0;
  /*padding: 24px 24px 24px;*/
  width: 100%;
}
.form .grid--neutre {
  padding: 0px 0px 0px;
}
.form .grid .grid-item {
  margin-bottom: 24px;
}
.form .grid .grid-item:last-child {
  margin-bottom: 0;
}
.form .grid .block-objectif__with-actions {
  padding: 16px;
}
.form-table {
  border: none;
}
.form-table__header {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: var(--primary-600);
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.form-table__header .strates {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
}
.form-table__header .strates li {
  margin-right: 18px;
  border-bottom: 4px solid transparent;
  padding-bottom: 5px;
}
.form-table__header .strates li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 990px) {
  .form-table__header {
    flex-direction: column;
    justify-items: flex-start;
  }
  .form-table__header .strates {
    margin-top: 8px;
  }
}
.form-table__content {
  margin-bottom: 24px;
  overflow-x: auto;
}
.form-table__content table {
  width: 100%;
  display: flex;
  flex-flow: column wrap;
}
.form-table__content table tr {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
.form-table__content table th, .form-table__content table td {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  flex: 1;
  word-break: break-word;
}
.form-table__content table thead tr th:first-child, .form-table__content table tbody tr td:first-child {
  min-width: 172px;
  max-width: 172px;
}
@media screen and (max-width: 767px) {
  .form-table__content table thead tr th:first-child, .form-table__content table tbody tr td:first-child {
    min-width: 90px;
    max-width: 90px;
  }
}
.form-table__content table thead {
  background-color: var(--primary-500);
  text-transform: uppercase;
  color: white;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.form-table__content table thead tr {
  width: 100%;
  padding: 19px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-table__content table thead tr th {
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-table__content table tbody {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.form-table__content table tbody tr {
  border-bottom: 1px solid var(--grey-100);
}
.form-table__content table tbody tr:last-child {
  border: none;
}
.form-table__content table tbody tr td:first-child {
  background-color: var(--lighter);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: var(--grey-500);
}
.form-table__content table tbody tr td:first-child span {
  font-weight: 400;
}
.form-table__content table tbody tr td:last-child {
  padding: 16px 0 8px;
  padding-left: 32px;
}
@media screen and (max-width: 767px) {
  .form-table__content table tbody tr td:last-child {
    padding-left: 16px;
  }
}
.form-table__content table tbody tr td .radio-container, .form-table__content table tbody tr td .checkbox-container {
  margin-top: 0;
}
.form-table__content table tbody tr td .radio-container li + .subtitle, .form-table__content table tbody tr td .checkbox-container li + .subtitle {
  margin: 16px 0;
}
.form-table__content table tbody tr td .radio-container .subtitle, .form-table__content table tbody tr td .checkbox-container .subtitle {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: var(--primary-500);
  width: 100%;
  margin-bottom: 16px;
}
.form-table__content table tbody tr td .radio-container input:checked + .form-radiofield__text, .form-table__content table tbody tr td .radio-container input:checked + .form-checkboxfield__text, .form-table__content table tbody tr td .checkbox-container input:checked + .form-radiofield__text, .form-table__content table tbody tr td .checkbox-container input:checked + .form-checkboxfield__text {
  background-color: var(--primary-400);
  border-color: var(--primary-400);
  color: white;
}
.form-table__content table tbody tr td .radio-container input:checked + .form-radiofield__text:hover, .form-table__content table tbody tr td .radio-container input:checked + .form-checkboxfield__text:hover, .form-table__content table tbody tr td .checkbox-container input:checked + .form-radiofield__text:hover, .form-table__content table tbody tr td .checkbox-container input:checked + .form-checkboxfield__text:hover {
  border: 1px solid var(--primary-500);
  background-color: var(--primary-500);
  color: white;
}
.form-table__content table tbody tr td .radio-container .form-radiofield, .form-table__content table tbody tr td .radio-container .form-checkboxfield, .form-table__content table tbody tr td .checkbox-container .form-radiofield, .form-table__content table tbody tr td .checkbox-container .form-checkboxfield {
  position: relative;
  margin-bottom: 8px;
}
.form-table__content table tbody tr td .radio-container .form-radiofield__text, .form-table__content table tbody tr td .radio-container .form-checkboxfield__text, .form-table__content table tbody tr td .checkbox-container .form-radiofield__text, .form-table__content table tbody tr td .checkbox-container .form-checkboxfield__text {
  margin-right: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-color: #4A4A4A;
  background-color: white;
  transition: background-color 0.2s, color 0.2s;
}
.form-table__content table tbody tr td .radio-container .form-radiofield__text:hover, .form-table__content table tbody tr td .radio-container .form-checkboxfield__text:hover, .form-table__content table tbody tr td .checkbox-container .form-radiofield__text:hover, .form-table__content table tbody tr td .checkbox-container .form-checkboxfield__text:hover {
  border: 1px solid var(--primary-500);
  background-color: var(--primary-500);
  color: white;
}
.form-table__content table tbody tr td .radio-container .strates, .form-table__content table tbody tr td .checkbox-container .strates {
  position: relative;
}
.form-table .grid {
  padding-top: 0;
}
.form input::placeholder {
  font-size: 13px;
  color: var(--grey-600);
}
.form input:focus {
  outline: none;
}
.form input:hover {
  border: 1px solid var(--primary-300);
}
.form select {
  outline: none;
  padding: 10px 25px 10px 10px;
  border: 1px solid var(--grey-200);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--grey-600);
  border-radius: 2px;
  appearance: none;
  background-color: white;
  background-image: url('Polygon_grey.svg');
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) 50%;
}
.form select:hover {
  border: 1px solid var(--primary-300);
}
.form select:disabled, .form select[disabled] {
  opacity: 1;
  color: var(--grey-600);
  background-color: var(--grey-100);
  border-color: var(--grey-200);
  cursor: not-allowed;
  pointer-events: initial;
}
.form select::placeholder {
  color: var(--grey-600);
}
.form-control {
  align-items: flex-start;
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
  border: none;
  background-color: transparent;
}
.form-control .form-control {
  width: 100%;
}
.form-control.form-group {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.form-control.form-group > div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.form-control.form-group > button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form-control.form-group-double {
  display: flex;
  position: relative;
  flex-direction: row;
  width: 100%;
  margin-bottom: 12px;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.form-control.form-group-double > .button__delete {
  width: 90px;
  margin-left: 16px;
}
.form-control.form-group-double > .button__delete > button {
  top: 50%;
  right: 0;
}
.form-control.form-group-double > div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.form-control.form-group-double > div:first-child {
  margin-right: 24px;
}
.form-control.form-group-double > button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form-control .describedby {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--grey-300);
  padding-left: 0;
  padding-top: 8px;
}
.form-control__label {
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  margin: 0 0 8px 0;
  width: 100%;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: var(--primary-500);
  position: relative;
}
.form-control__label--info {
  font-weight: 400;
}
.form-control__label + ul {
  margin: 8px 0;
}
.form-control__label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background: #FFFFFF;
  border: 2px solid var(--grey-300);
  border-radius: 2px;
}
.form-control__label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: -1px;
  width: 7px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.form-control__label input:checked ~ .checkmark {
  background-color: var(--primary-400);
  border: 2px solid var(--primary-400);
}
.form-control__label input:checked ~ .checkmark:after {
  display: block;
}
.form-control__label-checkbox, .form-control__label-radio {
  display: flex;
  flex-direction: row;
  align-content: center;
  padding-left: 32px;
  font-size: 13px;
  color: var(--grey-600);
  margin-bottom: 0;
}
.form-control__label-checkbox .label, .form-control__label-radio .label {
  margin-top: 1px;
  font-weight: 400;
}
.form-control__label .radiomark {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  background: #FFFFFF;
  border-radius: 50%;
  border: 2px solid var(--grey-300);
  left: 0;
}
.form-control__label .radiomark:after {
  content: "";
  position: absolute;
  display: none;
  top: calc(50% - 4px);
  left: calc(50% - 4px);
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
  border: 0px solid var(--primary-400);
  background-color: var(--primary-400);
}
.form-control__label-radio {
  display: flex;
  flex-direction: row;
  align-content: center;
  color: var(--grey-600);
  margin-bottom: 0;
}
.form-control__label input:checked ~ .radiomark:after {
  display: block;
}
.form-control__label-warning {
  color: var(--orange-400);
}
.form-control__label svg {
  margin-left: 5px;
  margin-bottom: -2px;
}
@media (max-width: 1050px) {
  .form-control__label br {
    display: none;
  }
}
.form-control input[type=text], .form-control input[type=datetime-local], .form-control input[type=date], .form-control input[type=time], .form-control input[type=email], .form-control input[type=number] {
  background: #FFFFFF;
  border: 1px solid var(--grey-200);
  border-radius: var(--radius-100);
  padding: 10px;
  display: block;
  transition: border-color 0.2s;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--grey-600);
  width: 100%;
  max-height: 40px;
  outline: none;
  box-sizing: border-box;
}
.form-control input[type=text]:disabled, .form-control input[type=text][disabled], .form-control input[type=datetime-local]:disabled, .form-control input[type=datetime-local][disabled], .form-control input[type=date]:disabled, .form-control input[type=date][disabled], .form-control input[type=time]:disabled, .form-control input[type=time][disabled], .form-control input[type=email]:disabled, .form-control input[type=email][disabled], .form-control input[type=number]:disabled, .form-control input[type=number][disabled] {
  opacity: 1;
  color: var(--grey-400);
  background-color: var(--grey-100);
  border-color: var(--grey-200);
  cursor: not-allowed;
  pointer-events: initial;
}
.form-control input[type=text]:hover, .form-control input[type=datetime-local]:hover, .form-control input[type=date]:hover, .form-control input[type=time]:hover, .form-control input[type=email]:hover, .form-control input[type=number]:hover {
  border: 1px solid var(--primary-300);
}
.form-control input[type=text]::placeholder, .form-control input[type=datetime-local]::placeholder, .form-control input[type=date]::placeholder, .form-control input[type=time]::placeholder, .form-control input[type=email]::placeholder, .form-control input[type=number]::placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--grey-300);
}
.form-control input[type=text]::-webkit-calendar-picker-indicator, .form-control input[type=datetime-local]::-webkit-calendar-picker-indicator, .form-control input[type=date]::-webkit-calendar-picker-indicator, .form-control input[type=time]::-webkit-calendar-picker-indicator, .form-control input[type=email]::-webkit-calendar-picker-indicator, .form-control input[type=number]::-webkit-calendar-picker-indicator {
  filter: invert(38%) sepia(92%) saturate(702%) hue-rotate(173deg) brightness(83%) contrast(94%);
}
.form-control input[type=radio]:disabled + .form-radiofield__text {
  background-color: var(--grey-100);
  color: var(--grey-300);
  cursor: not-allowed;
  pointer-events: initial;
  border-color: var(--grey-300);
}
.form-control input[type=date] {
  max-width: none;
}
.form-control input[type=date].maxwidth,
.form-control input[type=time].maxwidth {
  max-width: 132px;
}
.form-control input[type=number] {
  width: 70px;
  text-align: center;
  padding-right: 0;
  outline: none;
}
.form-control select {
  background-color: white;
  width: 100%;
  outline: none;
}
.form-control select:disabled, .form-control select[disabled] {
  opacity: 1;
  color: var(--grey-400);
  background-color: var(--grey-100);
  border-color: var(--grey-200);
  cursor: not-allowed;
  pointer-events: initial;
}
.form-control__field {
  line-height: 0;
  position: relative;
  width: 100%;
}
.form-control__field--error input[type=text], .form-control__field--error input[type=date], .form-control__field--error input[type=datetime-local], .form-control__field--error input[type=time], .form-control__field--error input[type=email], .form-control__field--error input[type=number], .form-control__field--error select, .form-control__field--error textarea {
  border-color: var(--red-400);
}
.form-control__field-number .form-control__label {
  display: inline-flex;
  align-self: center;
}
.form-control__field-number .form-control__field {
  width: auto;
  display: inline-flex;
  align-items: center;
}
.form-control__field-number .unite {
  margin-left: 12px;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--grey-600);
}
.form-control__field-number--inline {
  width: auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
}
.form-control__field-number--inline .form-control__label {
  margin-bottom: 0;
  width: auto;
}
.form-control__field-number--inline .form-control__field {
  display: flex;
}
.form-control__field-number--inline .form-control__field input {
  width: 40px;
  height: 40px;
}
@media (max-width: 990px) {
  .form-control__field-number--inline .form-control__field {
    margin-left: 16px;
  }
}
@media (max-width: 990px) {
  .form-control__field-number--inline {
    justify-content: flex-start;
  }
}
.form-control textarea {
  display: block;
  background: #FFFFFF;
  border: 1px solid var(--grey-200);
  border-radius: var(--radius-100);
  padding: 10px;
  transition: border-color 0.2s;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--grey-600);
  width: 100%;
  min-height: 35px;
  outline: none;
  resize: vertical;
}
.form-control textarea:disabled, .form-control textarea[disabled] {
  opacity: 1;
  color: var(--grey-400);
  background-color: var(--grey-100);
  border-color: var(--grey-200);
  cursor: not-allowed;
  /*pointer-events: none;*/
}
.form-control textarea.big {
  min-height: 132px;
}
.form-control textarea:hover {
  border: 1px solid var(--primary-300);
}
.form-control textarea::placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--grey-300);
}
.form-control__disabled label {
  pointer-events: none;
}
.form-control__disabled input[type=text], .form-control__disabled input[type=date], .form-control__disabled input[type=time], .form-control__disabled input[type=email], .form-control__disabled input[type=number], .form-control__disabled select {
  opacity: 1;
  color: var(--grey-400);
  background-color: var(--grey-100);
  border-color: var(--grey-200);
  cursor: not-allowed;
  pointer-events: initial;
}
.form-control__disabled textarea {
  opacity: 1;
  color: var(--grey-400);
  background-color: var(--grey-100);
  border-color: var(--grey-200);
  cursor: not-allowed;
}
.form-control__disabled input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(67%) sepia(11%) saturate(382%) hue-rotate(166deg) brightness(90%) contrast(90%);
}
.form-control__disabled .form-control__label input[type=checkbox]:indeterminate ~ .checkmark {
  opacity: 1;
}
.form-control__disabled .checkmark, .form-control__disabled .form-control__label input:checked ~ .checkmark,
.form-control .form-control__label input:disabled:checked ~ .checkmark {
  opacity: 1;
  color: var(--grey-400);
  background-color: var(--grey-200);
  border-color: var(--grey-200);
  cursor: not-allowed;
  pointer-events: initial;
}
.form-control__disabled .checkmark, .form-control__disabled .form-control__label input[type=checkbox]:indeterminate ~ .checkmark {
  opacity: 1;
}
.form-control__disabled .form-radiofield input, .form-control__disabled .form-checkboxfield input {
  cursor: not-allowed;
  pointer-events: initial;
}
.form-control__disabled .form-radiofield input + .form-radiofield__text,
.form-control__disabled .form-radiofield input + .form-checkboxfield__text, .form-control__disabled .form-checkboxfield input + .form-radiofield__text,
.form-control__disabled .form-checkboxfield input + .form-checkboxfield__text {
  background-color: var(--grey-100);
  color: var(--grey-300);
  cursor: not-allowed;
  pointer-events: initial;
}
.form-control__disabled .form-radiofield input:checked + .form-radiofield__text, .form-control__disabled .form-radiofield input:checked + .form-checkboxfield__text, .form-control__disabled .form-checkboxfield input:checked + .form-radiofield__text, .form-control__disabled .form-checkboxfield input:checked + .form-checkboxfield__text {
  background-color: var(--grey-200);
  border-color: var(--grey-200);
  color: var(--grey-400);
}
.form-control__disabled .radiomark {
  background-color: var(--grey-200);
  border-color: var(--grey-200);
}
.form-control__disabled input[type=radio]:checked:disabled + .radiomark:after {
  background-color: var(--grey-300);
}
.form-control__disabled input[type=text]:disabled, .form-control__disabled input[type=date]:disabled, .form-control__disabled input[type=time]:disabled, .form-control__disabled input[type=email]:disabled, .form-control__disabled input[type=number]:disabled, .form-control__disabled select:disabled, .form-control__disabled textarea:disabled {
  cursor: not-allowed;
  pointer-events: initial;
}
.form-control__checkboxspec, .form-control__checkboxspecerror {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.form-control__checkboxspec .form-control__label-checkbox, .form-control__checkboxspecerror .form-control__label-checkbox {
  flex-direction: column;
}
.form-control__checkboxspec .form-control__label-checkbox .label, .form-control__checkboxspecerror .form-control__label-checkbox .label {
  display: flex;
  flex-direction: row;
}
.form-control__checkboxspec .form-control__label-checkbox .label .form-control, .form-control__checkboxspecerror .form-control__label-checkbox .label .form-control {
  margin: -10px 8px 0;
}
.form-control__checkboxspec .form-control__label-checkbox .label .form-control:nth-of-type(2), .form-control__checkboxspecerror .form-control__label-checkbox .label .form-control:nth-of-type(2) {
  min-width: 330px;
}
.form-control__checkboxspec .form-control__label-checkbox .label .form-control:nth-of-type(3), .form-control__checkboxspec .form-control__label-checkbox .label .form-control:nth-of-type(4), .form-control__checkboxspecerror .form-control__label-checkbox .label .form-control:nth-of-type(3), .form-control__checkboxspecerror .form-control__label-checkbox .label .form-control:nth-of-type(4) {
  min-width: 225px;
}
.form-control__checkboxspec .form-control__label-checkbox .label .form-control select, .form-control__checkboxspec .form-control__label-checkbox .label .form-control input, .form-control__checkboxspecerror .form-control__label-checkbox .label .form-control select, .form-control__checkboxspecerror .form-control__label-checkbox .label .form-control input {
  border-top: none;
  border-left: none;
  border-right: none;
}
.form-control__checkboxspec .form-control__label-checkbox .label div.textle, .form-control__checkboxspecerror .form-control__label-checkbox .label div.textle {
  min-width: 15px;
  height: 30px;
}
.form-control__checkboxspec .form-control__label-checkbox .label div.text, .form-control__checkboxspecerror .form-control__label-checkbox .label div.text {
  min-width: 120px;
  height: 30px;
}
@media (max-width: 990px) {
  .form-control__checkboxspec .form-control__label-checkbox .label, .form-control__checkboxspecerror .form-control__label-checkbox .label {
    flex-wrap: wrap;
  }
}
.form-control__checkboxspec div.endtext, .form-control__checkboxspecerror div.endtext {
  margin-top: 8px;
}
.form-control__checkboxspec .form-control input[type=text], .form-control__checkboxspec .form-control select, .form-control__checkboxspecerror .form-control input[type=text], .form-control__checkboxspecerror .form-control select {
  border-radius: 0;
}
.form-control__disabled .form-switch input:checked + .slider:before {
  background-color: var(--grey-300);
}
.form .full input[type=date] {
  max-width: none;
}
.form input[type=date].min {
  max-width: 180px;
}
.form-field__error {
  margin-top: 8px;
  color: var(--red-400);
  font-style: italic;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
}
.form-field__subtext {
  margin-top: 8px;
  color: var(--grey-300);
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
}
.form-field__subtext-unite {
  font-size: 12px;
  margin-top: 6px;
}
.form-field__subtext-unite .unite {
  color: var(--primary-400);
}
.form-field__help {
  margin-top: 8px;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--primary-400);
}
.form-field__help a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.form-field__help a.underline {
  text-decoration: underline;
}
.form-field__help svg {
  width: 13px;
  height: 13px;
  color: var(--primary-400);
}
.form-field__help span {
  text-decoration: underline;
  margin-left: 6px;
}
.form-field__help span:hover {
  text-decoration: none;
}
.form-field__help button + button {
  margin-left: 16px;
}
.form-field__convert select {
  margin-left: 8px;
}
.form-inline {
  display: flex;
}
.form-inline .form-control input[type=number] {
  width: 55px;
}
.form-inline .form-control .form-control__label {
  min-height: 18px;
}
.form-inline .form-control + .form-control {
  margin-left: 24px;
}
.form .fieldset.grid-date .grid-item__span-8 .grid--nogutter {
  border-right: 1px solid var(--light);
}
@media screen and (max-width: 990px) {
  .form .fieldset.grid-date .grid-item__span-8 .grid--nogutter {
    border-right: 0;
  }
}
.form .fieldset.grid-date .grid-item__span-8:last-child .grid--nogutter {
  border-right: 0;
}
.form .fieldset.grid .grid.grid--nogutter {
  padding: 0;
}
.form .fieldset.grid .grid.grid--nogutter .grid-item {
  padding: 12px 24px 12px 0;
}
@media screen and (max-width: 990px) {
  .form .fieldset.grid .grid.grid--nogutter .grid-item {
    padding: 12px;
  }
}
.form .max120 select {
  max-width: 120px;
}
.form .max195 input {
  max-width: 195px;
}

.mat-mdc-chip-input:disabled, .mat-mdc-chip-input.disabled, .mat-mdc-chip-input[ng-reflect-disabled=true], .mat-mdc-chip-input[disabled] {
  opacity: 1;
  color: var(--grey-400) !important;
  background-color: var(--grey-100) !important;
  border-color: var(--grey-200) !important;
  cursor: not-allowed;
  pointer-events: initial;
}

.with-colors li:nth-child(1) .form-radiofield input:checked + .form-radiofield__text {
  background-color: var(--green-400);
  border-color: var(--green-400);
}
.with-colors li:nth-child(2) .form-radiofield input:checked + .form-radiofield__text {
  background-color: var(--red-400);
  border-color: var(--red-400);
}
.with-colors li:nth-child(3) .form-radiofield input:checked + .form-radiofield__text {
  background-color: var(--orange-400);
  border-color: var(--orange-400);
}
.with-colors .form-control__disabled li .form-radiofield input:checked + .form-radiofield__text {
  background-color: var(--grey-200);
  border-color: var(--grey-200);
  color: var(--grey-300);
}

.input-pro {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: self-start;
}
.input-pro .flex {
  width: 100%;
}
.input-pro .flex div:not(.form-field__help) {
  width: 100%;
  max-width: 1020px;
}
.input-pro .flex .form-control__label {
  margin-bottom: 8px;
  display: block;
}
.input-pro .flex .form-field__help {
  display: inline-flex;
  align-items: center;
  padding-top: 0px;
  padding-left: 24px;
  text-wrap: nowrap;
}
.input-pro .btn.btn-text {
  margin-bottom: 0px;
}
.input-pro .form-field__help {
  margin-top: 0;
}
.input-pro .chips-input,
.input-pro .mat-mdc-chip-list-wrapper .mat-chip {
  background-color: var(--primary-400);
  border-radius: var(--radius-200);
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  margin: 8px 8px 0px 0px;
  min-height: 24px;
  line-height: 15px;
  padding: 8px;
  border-radius: var(--radius-200);
}
.input-pro .chips-input mat-icon,
.input-pro .mat-mdc-chip-list-wrapper .mat-chip mat-icon {
  display: inline-flex;
  margin-left: 8px;
  vertical-align: middle;
}
.input-pro .chips-input {
  display: inline-block;
}

.mat-mdc-chip-input:disabled, .mat-mdc-chip-input.disabled, .mat-mdc-chip-input[ng-reflect-disabled=true], .mat-mdc-chip-input[disabled] {
  opacity: 1;
  color: var(--grey-400) !important;
  background-color: var(--grey-100) !important;
  border-color: var(--grey-200) !important;
  cursor: not-allowed;
  pointer-events: initial;
}

.modal-body .form .with-colors .radio-container ul li {
  margin-right: 12px;
}

.form-group .form-control__field {
  display: flex;
}
.form-group .form-control__field .mat-mdc-form-field {
  display: block;
}

.grid-item.full .grid-item__span-3 input[type=date],
.grid-item__span-2 input[type=date],
.grid-item__span-4 input[type=date] {
  max-width: 100%;
}

label svg.icon-info_outline {
  color: var(--grey-300);
}

.input-group > input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.border-radius {
  border-radius: var(--radius-200);
}

.modal-body p.form-uploads-desc {
  color: var(--grey-300);
  margin-top: 8px;
}
.modal-body p.form-uploads-desc strong, .modal-body p.form-uploads-desc b {
  color: var(--primary-500);
  font-weight: 500;
}

hr.trait {
  width: 100%;
  margin: 12px;
}

.modal-label-checkbox {
  font-weight: 500;
  font-size: 12px;
}
.modal-label-checkbox button {
  height: auto;
  display: inline-flex;
  padding: 0;
  margin-top: 0px;
  margin-left: 4px;
}
.modal-label-checkbox button svg {
  width: 16px !important;
  height: 16px !important;
}

.form.form .grid .grid-item.listcheckbox_radios {
  margin-bottom: 0;
  padding-right: 0;
}

/**
 * Breakpoints
 */
.grid {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  margin: -0.73333em -8px;
}
.grid--dense {
  align-items: stretch;
}
.grid--dense > .grid__item {
  display: flex;
}
@supports (grid-auto-flow: dense) and (grid-auto-rows: var(--base-lineHeight)) {
  .grid--dense {
    display: grid;
    grid-gap: var(--grid-row-gap) var(--grid-column-gap);
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: --base-lineHeight;
    grid-auto-flow: dense;
    margin: 0 !important;
  }
  .grid--dense > .grid__item {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    padding: 0 !important;
    width: 100% !important;
  }
  .grid--dense > .grid__item > * {
    box-sizing: border-box;
    width: 100%;
  }
}
.grid--dense-rows {
  grid-template-rows: auto;
}
.grid--nogutter {
  margin: 0 !important;
}
.grid--nogutter > .grid__item {
  padding: 0 !important;
}
.grid--neutre {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.grid--equalheight {
  align-items: stretch !important;
}
.grid--equalheight > .grid__item {
  display: flex;
}
.grid--equalheight > .grid__item .grid-col {
  width: 100%;
}
.grid--reverse {
  flex-direction: row-reverse;
}
.grid--align-center {
  justify-content: center;
}
.grid--align-justify {
  justify-content: space-around;
}
.grid--space-bottom {
  margin-bottom: 24px;
}
.grid[class$=col] > .grid__item {
  flex: 0 0 auto;
}
.grid--1col > .grid__item {
  flex: 0 0 auto;
  width: 100%;
}
.grid--2cols > .grid__item {
  flex: 0 0 auto;
  width: 50%;
}
.grid--3cols > .grid__item {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.grid--4cols > .grid__item {
  flex: 0 0 auto;
  width: 25%;
}
.grid--6cols > .grid__item {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.grid-2param {
  padding: 0;
  justify-content: space-between;
  margin: 8px -16px;
}
@media screen and (max-width: map-deep-get(var(--breakpoints), "S", "max")) {
  .grid-2param .grid {
    flex-flow: column;
  }
}
.grid-2param--nobottom {
  padding-bottom: 0;
}
.grid-2param--item:first-child .form__open-infos a:after {
  content: "";
}
.grid__container-item {
  padding: 0 !important;
}
.grid-item {
  box-sizing: border-box;
  flex: 1 1 0;
  padding: var(--grid-row-gap)/2 var(--grid-column-gap)/2;
  max-width: 100%;
  width: 100%;
}
.grid-item__span-1 {
  /*flex: 0 0 auto;*/
  flex: auto;
  width: 8.3333333333%;
  grid-column: auto/span 1;
  max-width: 8.3333333333%;
}
.grid-item__span-2 {
  /*flex: 0 0 auto;*/
  flex: auto;
  width: 16.6666666667%;
  grid-column: auto/span 2;
  max-width: 16.6666666667%;
}
.grid-item__span-3 {
  /*flex: 0 0 auto;*/
  flex: auto;
  width: 25%;
  grid-column: auto/span 3;
  max-width: 25%;
}
.grid-item__span-4 {
  /*flex: 0 0 auto;*/
  flex: auto;
  width: 33.3333333333%;
  grid-column: auto/span 4;
  max-width: 33.3333333333%;
}
.grid-item__span-5 {
  /*flex: 0 0 auto;*/
  flex: auto;
  width: 41.6666666667%;
  grid-column: auto/span 5;
  max-width: 41.6666666667%;
}
.grid-item__span-6 {
  /*flex: 0 0 auto;*/
  flex: auto;
  width: 50%;
  grid-column: auto/span 6;
  max-width: 50%;
}
.grid-item__span-7 {
  /*flex: 0 0 auto;*/
  flex: auto;
  width: 58.3333333333%;
  grid-column: auto/span 7;
  max-width: 58.3333333333%;
}
.grid-item__span-8 {
  /*flex: 0 0 auto;*/
  flex: auto;
  width: 66.6666666667%;
  grid-column: auto/span 8;
  max-width: 66.6666666667%;
}
.grid-item__span-9 {
  /*flex: 0 0 auto;*/
  flex: auto;
  width: 75%;
  grid-column: auto/span 9;
  max-width: 75%;
}
.grid-item__span-10 {
  /*flex: 0 0 auto;*/
  flex: auto;
  width: 83.3333333333%;
  grid-column: auto/span 10;
  max-width: 83.3333333333%;
}
.grid-item__span-11 {
  /*flex: 0 0 auto;*/
  flex: auto;
  width: 91.6666666667%;
  grid-column: auto/span 11;
  max-width: 91.6666666667%;
}
.grid-item__span-12 {
  /*flex: 0 0 auto;*/
  flex: auto;
  width: 100%;
  grid-column: auto/span 12;
  max-width: 100%;
}
.grid-item--alignselfEnd {
  margin-left: auto;
}
.grid-item--auto {
  flex: 0 0 auto;
  width: auto;
}
.grid-item__span-0 {
  display: none;
}

.grid-item__span-2-4 {
  flex: 0 0 auto;
  width: 20%;
  grid-column: auto/span 2.4;
}

@media (min-width: 1602px) {
  .grid--1col\@XXL > .grid__item {
    width: 100%;
  }
  .grid--2cols\@XXL > .grid__item {
    width: 50%;
  }
  .grid--3cols\@XXL > .grid__item {
    width: 33.3333333333%;
  }
  .grid--4cols\@XXL > .grid__item {
    width: 25%;
  }
  .grid--6cols\@XXL > .grid__item {
    width: 16.6666666667%;
  }
  .grid-item__span-0\@XXL {
    display: none;
  }
  .grid-item__span-1\@XXL {
    flex: 0 0 auto;
    width: 8.3333333333%;
    min-width: 8.3333333333%;
    grid-column: auto/span 1;
  }
  .grid-item__span-2\@XXL {
    flex: 0 0 auto;
    width: 16.6666666667%;
    min-width: 16.6666666667%;
    grid-column: auto/span 2;
  }
  .grid-item__span-3\@XXL {
    flex: 0 0 auto;
    width: 25%;
    min-width: 25%;
    grid-column: auto/span 3;
  }
  .grid-item__span-4\@XXL {
    flex: 0 0 auto;
    width: 33.3333333333%;
    min-width: 33.3333333333%;
    grid-column: auto/span 4;
  }
  .grid-item__span-5\@XXL {
    flex: 0 0 auto;
    width: 41.6666666667%;
    min-width: 41.6666666667%;
    grid-column: auto/span 5;
  }
  .grid-item__span-6\@XXL {
    flex: 0 0 auto;
    width: 50%;
    min-width: 50%;
    grid-column: auto/span 6;
  }
  .grid-item__span-7\@XXL {
    flex: 0 0 auto;
    width: 58.3333333333%;
    min-width: 58.3333333333%;
    grid-column: auto/span 7;
  }
  .grid-item__span-8\@XXL {
    flex: 0 0 auto;
    width: 66.6666666667%;
    min-width: 66.6666666667%;
    grid-column: auto/span 8;
  }
  .grid-item__span-9\@XXL {
    flex: 0 0 auto;
    width: 75%;
    min-width: 75%;
    grid-column: auto/span 9;
  }
  .grid-item__span-10\@XXL {
    flex: 0 0 auto;
    width: 83.3333333333%;
    min-width: 83.3333333333%;
    grid-column: auto/span 10;
  }
  .grid-item__span-11\@XXL {
    flex: 0 0 auto;
    width: 91.6666666667%;
    min-width: 91.6666666667%;
    grid-column: auto/span 11;
  }
  .grid-item__span-12\@XXL {
    flex: 0 0 auto;
    width: 100%;
    min-width: 100%;
    grid-column: auto/span 12;
  }
}
@media (max-width: 1601px) {
  .grid--1col\@XL > .grid__item {
    width: 100%;
  }
  .grid--2cols\@XL > .grid__item {
    width: 50%;
  }
  .grid--3cols\@XL > .grid__item {
    width: 33.3333333333%;
  }
  .grid--4cols\@XL > .grid__item {
    width: 25%;
  }
  .grid--6cols\@XL > .grid__item {
    width: 16.6666666667%;
  }
  .grid-item__span-0\@XL {
    display: none;
  }
  .grid-item__span-1\@XL {
    flex: 0 0 auto;
    width: 8.3333333333%;
    min-width: 8.3333333333%;
    grid-column: auto/span 1;
  }
  .grid-item__span-2\@XL {
    flex: 0 0 auto;
    width: 16.6666666667%;
    min-width: 16.6666666667%;
    grid-column: auto/span 2;
  }
  .grid-item__span-3\@XL {
    flex: 0 0 auto;
    width: 25%;
    min-width: 25%;
    grid-column: auto/span 3;
  }
  .grid-item__span-4\@XL {
    flex: 0 0 auto;
    width: 33.3333333333%;
    min-width: 33.3333333333%;
    grid-column: auto/span 4;
  }
  .grid-item__span-5\@XL {
    flex: 0 0 auto;
    width: 41.6666666667%;
    min-width: 41.6666666667%;
    grid-column: auto/span 5;
  }
  .grid-item__span-6\@XL {
    flex: 0 0 auto;
    width: 50%;
    min-width: 50%;
    grid-column: auto/span 6;
  }
  .grid-item__span-7\@XL {
    flex: 0 0 auto;
    width: 58.3333333333%;
    min-width: 58.3333333333%;
    grid-column: auto/span 7;
  }
  .grid-item__span-8\@XL {
    flex: 0 0 auto;
    width: 66.6666666667%;
    min-width: 66.6666666667%;
    grid-column: auto/span 8;
  }
  .grid-item__span-9\@XL {
    flex: 0 0 auto;
    width: 75%;
    min-width: 75%;
    grid-column: auto/span 9;
  }
  .grid-item__span-10\@XL {
    flex: 0 0 auto;
    width: 83.3333333333%;
    min-width: 83.3333333333%;
    grid-column: auto/span 10;
  }
  .grid-item__span-11\@XL {
    flex: 0 0 auto;
    width: 91.6666666667%;
    min-width: 91.6666666667%;
    grid-column: auto/span 11;
  }
  .grid-item__span-12\@XL {
    flex: 0 0 auto;
    width: 100%;
    min-width: 100%;
    grid-column: auto/span 12;
  }
}
@media (max-width: 1288px) {
  .grid--1col\@L > .grid__item {
    width: 100%;
  }
  .grid--2cols\@L > .grid__item {
    width: 50%;
  }
  .grid--3cols\@L > .grid__item {
    width: 33.3333333333%;
  }
  .grid--4cols\@L > .grid__item {
    width: 25%;
  }
  .grid--6cols\@L > .grid__item {
    width: 16.6666666667%;
  }
  .grid-item__span-0\@L {
    display: none;
  }
  .grid-item__span-1\@L {
    flex: 0 0 auto;
    width: 8.3333333333%;
    min-width: 8.3333333333%;
    grid-column: auto/span 1;
  }
  .grid-item__span-2\@L {
    flex: 0 0 auto;
    width: 16.6666666667%;
    min-width: 16.6666666667%;
    grid-column: auto/span 2;
  }
  .grid-item__span-3\@L {
    flex: 0 0 auto;
    width: 25%;
    min-width: 25%;
    grid-column: auto/span 3;
  }
  .grid-item__span-4\@L {
    flex: 0 0 auto;
    width: 33.3333333333%;
    min-width: 33.3333333333%;
    grid-column: auto/span 4;
  }
  .grid-item__span-5\@L {
    flex: 0 0 auto;
    width: 41.6666666667%;
    min-width: 41.6666666667%;
    grid-column: auto/span 5;
  }
  .grid-item__span-6\@L {
    flex: 0 0 auto;
    width: 50%;
    min-width: 50%;
    grid-column: auto/span 6;
  }
  .grid-item__span-7\@L {
    flex: 0 0 auto;
    width: 58.3333333333%;
    min-width: 58.3333333333%;
    grid-column: auto/span 7;
  }
  .grid-item__span-8\@L {
    flex: 0 0 auto;
    width: 66.6666666667%;
    min-width: 66.6666666667%;
    grid-column: auto/span 8;
  }
  .grid-item__span-9\@L {
    flex: 0 0 auto;
    width: 75%;
    min-width: 75%;
    grid-column: auto/span 9;
  }
  .grid-item__span-10\@L {
    flex: 0 0 auto;
    width: 83.3333333333%;
    min-width: 83.3333333333%;
    grid-column: auto/span 10;
  }
  .grid-item__span-11\@L {
    flex: 0 0 auto;
    width: 91.6666666667%;
    min-width: 91.6666666667%;
    grid-column: auto/span 11;
  }
  .grid-item__span-12\@L {
    flex: 0 0 auto;
    width: 100%;
    min-width: 100%;
    grid-column: auto/span 12;
  }
}
@media (max-width: 990px) {
  .grid--1col\@M > .grid__item {
    width: 100%;
  }
  .grid--2cols\@M > .grid__item {
    width: 50%;
  }
  .grid--3cols\@M > .grid__item {
    width: 33.3333333333%;
  }
  .grid--4cols\@M > .grid__item {
    width: 25%;
  }
  .grid--6cols\@M > .grid__item {
    width: 16.6666666667%;
  }
  .grid-item__span-0\@M {
    display: none;
  }
  .grid-item__span-1\@M {
    flex: 0 0 auto;
    width: 8.3333333333%;
    min-width: 8.3333333333%;
    grid-column: auto/span 1;
  }
  .grid-item__span-2\@M {
    flex: 0 0 auto;
    width: 16.6666666667%;
    min-width: 16.6666666667%;
    grid-column: auto/span 2;
  }
  .grid-item__span-3\@M {
    flex: 0 0 auto;
    width: 25%;
    min-width: 25%;
    grid-column: auto/span 3;
  }
  .grid-item__span-4\@M {
    flex: 0 0 auto;
    width: 33.3333333333%;
    min-width: 33.3333333333%;
    grid-column: auto/span 4;
  }
  .grid-item__span-5\@M {
    flex: 0 0 auto;
    width: 41.6666666667%;
    min-width: 41.6666666667%;
    grid-column: auto/span 5;
  }
  .grid-item__span-6\@M {
    flex: 0 0 auto;
    width: 50%;
    min-width: 50%;
    grid-column: auto/span 6;
  }
  .grid-item__span-7\@M {
    flex: 0 0 auto;
    width: 58.3333333333%;
    min-width: 58.3333333333%;
    grid-column: auto/span 7;
  }
  .grid-item__span-8\@M {
    flex: 0 0 auto;
    width: 66.6666666667%;
    min-width: 66.6666666667%;
    grid-column: auto/span 8;
  }
  .grid-item__span-9\@M {
    flex: 0 0 auto;
    width: 75%;
    min-width: 75%;
    grid-column: auto/span 9;
  }
  .grid-item__span-10\@M {
    flex: 0 0 auto;
    width: 83.3333333333%;
    min-width: 83.3333333333%;
    grid-column: auto/span 10;
  }
  .grid-item__span-11\@M {
    flex: 0 0 auto;
    width: 91.6666666667%;
    min-width: 91.6666666667%;
    grid-column: auto/span 11;
  }
  .grid-item__span-12\@M {
    flex: 0 0 auto;
    width: 100%;
    min-width: 100%;
    grid-column: auto/span 12;
  }
}
@media (max-width: 614px) {
  .grid--1col\@S > .grid__item {
    width: 100%;
  }
  .grid--2cols\@S > .grid__item {
    width: 50%;
  }
  .grid--3cols\@S > .grid__item {
    width: 33.3333333333%;
  }
  .grid--4cols\@S > .grid__item {
    width: 25%;
  }
  .grid--6cols\@S > .grid__item {
    width: 16.6666666667%;
  }
  .grid-item__span-0\@S {
    display: none;
  }
  .grid-item__span-1\@S {
    flex: 0 0 auto;
    width: 8.3333333333%;
    min-width: 8.3333333333%;
    grid-column: auto/span 1;
  }
  .grid-item__span-2\@S {
    flex: 0 0 auto;
    width: 16.6666666667%;
    min-width: 16.6666666667%;
    grid-column: auto/span 2;
  }
  .grid-item__span-3\@S {
    flex: 0 0 auto;
    width: 25%;
    min-width: 25%;
    grid-column: auto/span 3;
  }
  .grid-item__span-4\@S {
    flex: 0 0 auto;
    width: 33.3333333333%;
    min-width: 33.3333333333%;
    grid-column: auto/span 4;
  }
  .grid-item__span-5\@S {
    flex: 0 0 auto;
    width: 41.6666666667%;
    min-width: 41.6666666667%;
    grid-column: auto/span 5;
  }
  .grid-item__span-6\@S {
    flex: 0 0 auto;
    width: 50%;
    min-width: 50%;
    grid-column: auto/span 6;
  }
  .grid-item__span-7\@S {
    flex: 0 0 auto;
    width: 58.3333333333%;
    min-width: 58.3333333333%;
    grid-column: auto/span 7;
  }
  .grid-item__span-8\@S {
    flex: 0 0 auto;
    width: 66.6666666667%;
    min-width: 66.6666666667%;
    grid-column: auto/span 8;
  }
  .grid-item__span-9\@S {
    flex: 0 0 auto;
    width: 75%;
    min-width: 75%;
    grid-column: auto/span 9;
  }
  .grid-item__span-10\@S {
    flex: 0 0 auto;
    width: 83.3333333333%;
    min-width: 83.3333333333%;
    grid-column: auto/span 10;
  }
  .grid-item__span-11\@S {
    flex: 0 0 auto;
    width: 91.6666666667%;
    min-width: 91.6666666667%;
    grid-column: auto/span 11;
  }
  .grid-item__span-12\@S {
    flex: 0 0 auto;
    width: 100%;
    min-width: 100%;
    grid-column: auto/span 12;
  }
}
@media (max-width: 319px) {
  .grid--1col\@0 > .grid__item {
    width: 100%;
  }
  .grid--2cols\@0 > .grid__item {
    width: 50%;
  }
  .grid--3cols\@0 > .grid__item {
    width: 33.3333333333%;
  }
  .grid--4cols\@0 > .grid__item {
    width: 25%;
  }
  .grid--6cols\@0 > .grid__item {
    width: 16.6666666667%;
  }
  .grid-item__span-0\@0 {
    display: none;
  }
  .grid-item__span-1\@0 {
    flex: 0 0 auto;
    width: 8.3333333333%;
    min-width: 8.3333333333%;
    grid-column: auto/span 1;
  }
  .grid-item__span-2\@0 {
    flex: 0 0 auto;
    width: 16.6666666667%;
    min-width: 16.6666666667%;
    grid-column: auto/span 2;
  }
  .grid-item__span-3\@0 {
    flex: 0 0 auto;
    width: 25%;
    min-width: 25%;
    grid-column: auto/span 3;
  }
  .grid-item__span-4\@0 {
    flex: 0 0 auto;
    width: 33.3333333333%;
    min-width: 33.3333333333%;
    grid-column: auto/span 4;
  }
  .grid-item__span-5\@0 {
    flex: 0 0 auto;
    width: 41.6666666667%;
    min-width: 41.6666666667%;
    grid-column: auto/span 5;
  }
  .grid-item__span-6\@0 {
    flex: 0 0 auto;
    width: 50%;
    min-width: 50%;
    grid-column: auto/span 6;
  }
  .grid-item__span-7\@0 {
    flex: 0 0 auto;
    width: 58.3333333333%;
    min-width: 58.3333333333%;
    grid-column: auto/span 7;
  }
  .grid-item__span-8\@0 {
    flex: 0 0 auto;
    width: 66.6666666667%;
    min-width: 66.6666666667%;
    grid-column: auto/span 8;
  }
  .grid-item__span-9\@0 {
    flex: 0 0 auto;
    width: 75%;
    min-width: 75%;
    grid-column: auto/span 9;
  }
  .grid-item__span-10\@0 {
    flex: 0 0 auto;
    width: 83.3333333333%;
    min-width: 83.3333333333%;
    grid-column: auto/span 10;
  }
  .grid-item__span-11\@0 {
    flex: 0 0 auto;
    width: 91.6666666667%;
    min-width: 91.6666666667%;
    grid-column: auto/span 11;
  }
  .grid-item__span-12\@0 {
    flex: 0 0 auto;
    width: 100%;
    min-width: 100%;
    grid-column: auto/span 12;
  }
}
.masonry {
  column-gap: 16px;
  padding: 0;
  display: block;
  margin-top: -24px;
  display: flex;
  justify-content: space-between;
}
.masonry.grid {
  align-items: initial;
  display: block;
  flex-flow: initial;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.masonry.block-hospital, .masonry.grid.block-hospital, .masonry.block-card2, .masonry.grid.block-card2 {
  margin-top: -16px;
}
.masonry .grid-item,
.masonry .mansonry-item,
.masonry .masonry-item {
  display: inline-block;
  margin: 0 0 0px;
  margin-top: 16px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.masonry .grid-item .grid,
.masonry .mansonry-item .grid,
.masonry .masonry-item .grid {
  margin: 0 0;
}
.masonry.block-hospital, .masonry.grid.block-hospital, .masonry.block-card2, .masonry.grid.block-card2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  padding-bottom: 12px;
}
.masonry.block-hospital .mansonry-item, .masonry.grid.block-hospital .mansonry-item, .masonry.block-card2 .mansonry-item, .masonry.grid.block-card2 .mansonry-item {
  min-width: 49.2%;
  max-width: 49.2%;
  display: inline-block;
}

@media screen and (min-width: 990px) {
  .masonryDM,
  .card-patient__block.card-patient__block_v2 .grid,
  .card-patient__block.container.block.page-content .grid {
    align-items: initial;
    flex-flow: initial;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column wrap;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    padding-bottom: 12px;
    margin-top: 0px;
  }
  .masonryDM .masonryDM-item,
  .masonryDM .grid-item,
  .card-patient__block.card-patient__block_v2 .grid .masonryDM-item,
  .card-patient__block.card-patient__block_v2 .grid .grid-item,
  .card-patient__block.container.block.page-content .grid .masonryDM-item,
  .card-patient__block.container.block.page-content .grid .grid-item {
    margin: 0 0 0px;
    margin-top: 0px;
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
  }
  .masonryDM .masonryDM-item:not(.grid-item__span-6, .grid-item__span-4),
  .masonryDM .grid-item:not(.grid-item__span-6, .grid-item__span-4),
  .card-patient__block.card-patient__block_v2 .grid .masonryDM-item:not(.grid-item__span-6, .grid-item__span-4),
  .card-patient__block.card-patient__block_v2 .grid .grid-item:not(.grid-item__span-6, .grid-item__span-4),
  .card-patient__block.container.block.page-content .grid .masonryDM-item:not(.grid-item__span-6, .grid-item__span-4),
  .card-patient__block.container.block.page-content .grid .grid-item:not(.grid-item__span-6, .grid-item__span-4) {
    min-width: 32.2%;
    max-width: 32.2%;
  }
  .masonryDM .masonryDM-item .container.block.page-content,
  .masonryDM .grid-item .container.block.page-content,
  .card-patient__block.card-patient__block_v2 .grid .masonryDM-item .container.block.page-content,
  .card-patient__block.card-patient__block_v2 .grid .grid-item .container.block.page-content,
  .card-patient__block.container.block.page-content .grid .masonryDM-item .container.block.page-content,
  .card-patient__block.container.block.page-content .grid .grid-item .container.block.page-content {
    min-height: 100%;
  }
  .masonryDM .masonryDM-item .container.block.page-content .block-default__content,
  .masonryDM .grid-item .container.block.page-content .block-default__content,
  .card-patient__block.card-patient__block_v2 .grid .masonryDM-item .container.block.page-content .block-default__content,
  .card-patient__block.card-patient__block_v2 .grid .grid-item .container.block.page-content .block-default__content,
  .card-patient__block.container.block.page-content .grid .masonryDM-item .container.block.page-content .block-default__content,
  .card-patient__block.container.block.page-content .grid .grid-item .container.block.page-content .block-default__content {
    margin-top: 24px;
  }
  .masonryDM .masonryDM-item .container.block.page-content .block-header + .block-default__content,
  .masonryDM .grid-item .container.block.page-content .block-header + .block-default__content,
  .card-patient__block.card-patient__block_v2 .grid .masonryDM-item .container.block.page-content .block-header + .block-default__content,
  .card-patient__block.card-patient__block_v2 .grid .grid-item .container.block.page-content .block-header + .block-default__content,
  .card-patient__block.container.block.page-content .grid .masonryDM-item .container.block.page-content .block-header + .block-default__content,
  .card-patient__block.container.block.page-content .grid .grid-item .container.block.page-content .block-header + .block-default__content {
    margin-top: 0;
  }
  .masonryDM .masonryDM-item .container.block.page-content hr,
  .masonryDM .grid-item .container.block.page-content hr,
  .card-patient__block.card-patient__block_v2 .grid .masonryDM-item .container.block.page-content hr,
  .card-patient__block.card-patient__block_v2 .grid .grid-item .container.block.page-content hr,
  .card-patient__block.container.block.page-content .grid .masonryDM-item .container.block.page-content hr,
  .card-patient__block.container.block.page-content .grid .grid-item .container.block.page-content hr {
    margin-bottom: 24px;
    margin-top: 24px;
  }
  .masonryDM .masonryDM-item.grid-item__span-4,
  .masonryDM .grid-item.grid-item__span-4,
  .card-patient__block.card-patient__block_v2 .grid .masonryDM-item.grid-item__span-4,
  .card-patient__block.card-patient__block_v2 .grid .grid-item.grid-item__span-4,
  .card-patient__block.container.block.page-content .grid .masonryDM-item.grid-item__span-4,
  .card-patient__block.container.block.page-content .grid .grid-item.grid-item__span-4 {
    min-width: 33.2%;
    max-width: 33.2%;
  }
  .masonryDM .masonryDM-item.grid-item__span-6,
  .masonryDM .grid-item.grid-item__span-6,
  .card-patient__block.card-patient__block_v2 .grid .masonryDM-item.grid-item__span-6,
  .card-patient__block.card-patient__block_v2 .grid .grid-item.grid-item__span-6,
  .card-patient__block.container.block.page-content .grid .masonryDM-item.grid-item__span-6,
  .card-patient__block.container.block.page-content .grid .grid-item.grid-item__span-6 {
    min-width: 50%;
    max-width: 50%;
  }
  .masonryDM .masonryDM-item.grid-item__span-12,
  .masonryDM .grid-item.grid-item__span-12,
  .card-patient__block.card-patient__block_v2 .grid .masonryDM-item.grid-item__span-12,
  .card-patient__block.card-patient__block_v2 .grid .grid-item.grid-item__span-12,
  .card-patient__block.container.block.page-content .grid .masonryDM-item.grid-item__span-12,
  .card-patient__block.container.block.page-content .grid .grid-item.grid-item__span-12 {
    min-width: 100%;
    max-width: 100%;
  }
  .masonryDM .grid-item:not(.grid-item__span-6, .grid-item__span-4, .grid-item__span-12),
  .card-patient__block.card-patient__block_v2 .grid .grid-item:not(.grid-item__span-6, .grid-item__span-4, .grid-item__span-12),
  .card-patient__block.container.block.page-content .grid .grid-item:not(.grid-item__span-6, .grid-item__span-4, .grid-item__span-12) {
    padding: 0;
  }
  .masonryDM .grid-item:not(.grid-item__span-6, .grid-item__span-4, .grid-item__span-12) .block-default__title,
  .card-patient__block.card-patient__block_v2 .grid .grid-item:not(.grid-item__span-6, .grid-item__span-4, .grid-item__span-12) .block-default__title,
  .card-patient__block.container.block.page-content .grid .grid-item:not(.grid-item__span-6, .grid-item__span-4, .grid-item__span-12) .block-default__title {
    padding: 0 !important;
  }
}
.modal {
  background-color: rgba(10, 38, 61, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 990;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /* cpi */
}
.modal-container {
  width: 100%;
  background-color: white;
  box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid var(--light);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 1rem;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 150px;
}
.modal-container[open] {
  display: block;
  animation: modal-appear 400ms 1 both;
}
.modal-container:not([open]) {
  display: block;
  animation: modal-desappear 400ms 1 both;
}
.modal-S {
  max-width: 320px;
}
.modal-M {
  max-width: 560px;
}
.modal-L {
  max-width: 700px;
}
.modal-L2 {
  max-width: 850px;
}
.modal-XL2 {
  max-height: 98vh;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 842px;
}
.modal-XL2 .modal-body {
  padding: 12px 12px 12px 0px;
}
.modal-XL2 .modal-body img {
  max-width: none;
}
.modal-XL2 .modal-body .modal-head__close.btn {
  border: 1px solid var(--grey-100);
  background-color: var(--grey-100);
}
.modal-XL2 iframe {
  border: none;
}
.modal-XL2 .modal-head {
  padding: 0;
}
.modal-XL2 .modal-head .modal-head__title {
  display: none;
}
.modal-XL2 .modal-foot {
  display: none;
}
.modal-XL {
  max-height: 98vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-XL .modal-head {
  padding: 0;
}
.modal-XL .modal-head .modal-head__title {
  display: none;
}
.modal-XL .modal-foot {
  display: none;
}
.modal-XL .modal-head__close.btn {
  background-color: #fff;
  border: 1px solid var(--grey-100);
}
.modal-XL .cdk-overlay-container,
.modal-XL .cdk-global-overlay-wrapper,
.modal-XL .mat-mdc-dialog-container.cdk-dialog-container,
.modal-XL ng-component {
  height: 100%;
}
.modal-XL .cdk-overlay-pane .modal-body, .modal-XL.cdk-overlay-pane .modal-body {
  padding: 0;
  height: 99.5%;
}
.modal-XL .cdk-overlay-pane .modal-body iframe, .modal-XL.cdk-overlay-pane .modal-body iframe {
  min-height: 100%;
  height: 100%;
  border: none;
}
.modal-head {
  position: relative;
  padding: 24px 21px;
  border-bottom: 1px solid var(--light);
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.56);
}
.modal-head__title {
  max-width: 90%;
}
.modal-head__close {
  position: absolute;
  top: 16px;
  right: 16px;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  padding: 0 8px;
}
.modal-head__close.btn {
  background-color: transparent;
  border: 1px solid transparent;
  color: var(--grey-600);
}
.modal-head__close.btn:hover {
  border: 1px solid var(--grey-100);
  background-color: var(--grey-100);
}
.modal-head__close svg {
  width: 24px;
  height: 24px;
  margin: 0;
  color: inherit;
}
.modal-body {
  padding: 24px 24px 4px;
  /*.grid:not(.block-card,.block-card__care){
      width: calc(100% + 24px);
  }*/
}
.modal-body p {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--grey-600);
  margin-bottom: 8px;
}
.modal-body p.before-list {
  font-weight: 500;
  margin-bottom: 0;
}
.modal-body .form {
  border: none;
}
.modal-body .form.boder-force {
  border: 1px solid var(--grey-100);
  border-radius: var(--radius-200);
}
.modal-body .form .grid {
  padding: 0;
  margin: 0 -12px;
}
.modal-body .form .grid-item {
  padding: 12px;
  margin-bottom: 0;
}
.modal-body .form .form-radiofield__text, .modal-body .form .form-checkboxfield__text {
  padding: 10px 14px;
}
.modal-body .form .radio-container ul {
  list-style: none;
  padding-left: 0;
}
.modal-body .form .radio-container ul li:not(:last-child) {
  margin-right: 12px;
}
.modal-body img {
  max-width: 100%;
  height: auto;
}
.modal-body strong.color-project {
  font-weight: bold;
}
.modal-body ul {
  margin-top: 0;
  font-weight: 400;
}
.modal-body ul li {
  font-size: 13px;
  line-height: 18px;
}
.modal-body h4 {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  color: #000000;
  margin-top: 24px;
  margin-bottom: 4px;
}
.modal-body h4:first-child {
  margin-top: 0;
}
.modal-body p + h4 {
  margin-top: 0;
}
.modal-body .block-events h2 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  display: flex;
}
.modal-body .block-events h2 svg {
  width: 16px;
  height: 16px;
  display: inline-flex;
  vertical-align: middle;
  margin-left: 8px;
}
.modal-body .block-events:not(:first-child) h2 {
  margin-top: 24px;
}
.modal-body .block-events ul li.block-event {
  display: flex;
  justify-content: left;
  margin-top: 16px;
}
.modal-body .block-events ul li.block-event .icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  padding: 0;
}
.modal-body .block-events ul li.block-event .icon:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: var(--primary-100);
  border-radius: 100%;
}
.modal-body .block-events ul li.block-event .icon svg {
  width: 20px;
  height: 20px;
  color: #000;
  z-index: 1;
}
.modal-body .block-events ul li.block-event .content {
  margin-left: 16px;
  align-self: center;
  display: flex;
  color: var(--primary-500);
  font-weight: 600;
  line-height: 20px;
}
.modal-body .block-events ul li.block-event .content .speciality {
  color: var(--grey-300);
  font-weight: 400;
}
.modal-body .block-events ul li.block-event .content ul li:first-child {
  font-weight: 600;
}
.modal-foot {
  display: flex;
  padding: 16px;
}
.modal-foot:not(.flex-sb) {
  justify-content: flex-end;
}
.modal-foot--trait {
  margin-top: 24px;
  position: relative;
}
.modal-foot--trait:before {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  height: 1px;
  width: calc(100% - 32px);
  background-color: var(--light);
}
.modal-foot__container {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: 16px;
}
.modal-foot__container--trait {
  margin-top: 8px;
  border-top: 1px solid var(--light);
}
.modal-foot button + button {
  margin-left: 16px;
}
.modal .modal[aria-hidden=true] > .modal__overlay {
  animation: modal-overlay-fade-out 200ms 150ms 1 both;
}

.viewerModal {
  height: 90%;
}

@keyframes modal-appear {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes modal-desappear {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0);
    opacity: 0;
  }
}
.cdk-overlay-dark-backdrop {
  background-color: rgba(10, 38, 61, 0.5);
}

.cdk-global-scrollblock .scrollbar.table-scroll {
  overflow-x: hidden;
}

.modal-body .block-card.grid.block-card__care .grid {
  margin: 0;
}

.cdk-overlay-pane.close {
  display: block;
  animation: modal-desappear 400ms 1 both;
}

.mat-mdc-dialog-container.mat-dialog-container,
.modal-container {
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.mat-mdc-dialog-container.mat-dialog-container .modal-body.scrollbar,
.modal-container .modal-body.scrollbar {
  max-height: none !important;
}
.mat-mdc-dialog-container.mat-dialog-container::-webkit-scrollbar,
.modal-container::-webkit-scrollbar {
  width: 8px;
}
.mat-mdc-dialog-container.mat-dialog-container::-webkit-scrollbar-thumb,
.modal-container::-webkit-scrollbar-thumb {
  background: var(--grey-300);
  border-radius: 20px;
  width: 8px;
}
.mat-mdc-dialog-container.mat-dialog-container::-webkit-scrollbar-track,
.modal-container::-webkit-scrollbar-track {
  background: #F1F2F3;
  background: var(--grey-100);
}

.cdk-overlay-pane {
  max-height: none !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel .mat-mdc-menu-content.mdc-list {
  padding-bottom: 0;
  padding-top: 0;
}

.mat-dialog-container.mat-dialog-container, .modal-container {
  min-height: 0 !important;
}

/*.mat-dialog-container.mat-dialog-container, .modal-container {
    max-width:700px;
}*/
.cdk-global-scrollblock .scrollbar {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.modal-show-active {
  overflow: hidden !important;
}

/* fix cpi modal */
.modal-XL {
  max-width: 900px !important;
  height: 936px !important;
  width: 100% !important;
}
@media screen and (min-width: 900px) {
  .modal-XL {
    width: 900px !important;
  }
}
.modal-XL .modal-body .btn.modal-head__close,
.modal-XL .modal-head__close.btn {
  z-index: 1 !important;
}
.modal-XL .cdk-overlay-pane .modal-body iframe, .modal-XL.cdk-overlay-pane .modal-body iframe {
  transform: none !important;
  width: 100% !important;
  min-height: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.page main {
  max-width: 100%;
  margin: 0 auto;
}
.page-header {
  min-height: 70px;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 24px 0 16px 24px;
  margin-top: 12px;
  flex-wrap: nowrap;
}
.page-header-withbuttons {
  margin-top: 8px;
}
.page-header-withbuttons__title {
  margin-bottom: 8px;
  margin-top: 8px;
}
.page-header-withbuttons__actions.page-header__actions {
  position: relative;
  right: auto;
  top: auto;
}
.page-header-withbuttons__actions.page-header__actions .btn, .page-header-withbuttons__actions.page-header__actions .btn-small {
  align-self: center;
}
.page-header-withbuttons__actions.page-header__actions .btn-small svg {
  width: 20px;
  height: 20px;
}
.page-header__title {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: var(--primary-600);
  flex-wrap: wrap;
}
.page-header__title-text {
  display: inline;
}
.page-header__title-planned, .page-header__title-warning, .page-header__title-cancel, .page-header__title-in-progress, .page-header__title-normal, .page-header__title-in-validate {
  margin-left: 16px;
  padding: 5px 12px;
  background-color: var(--light);
  border-radius: 16px;
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
  text-align: center;
  color: var(--primary-400);
}
@media screen and (max-width: 374px) {
  .page-header__title-planned, .page-header__title-warning, .page-header__title-cancel, .page-header__title-in-progress, .page-header__title-normal, .page-header__title-in-validate {
    margin-top: 8px;
  }
}
@media screen and (max-width: 375px) {
  .page-header__title-planned, .page-header__title-warning, .page-header__title-cancel, .page-header__title-in-progress, .page-header__title-normal, .page-header__title-in-validate {
    margin-left: 4px;
  }
}
@media screen and (max-width: 360px) {
  .page-header__title-planned, .page-header__title-warning, .page-header__title-cancel, .page-header__title-in-progress, .page-header__title-normal, .page-header__title-in-validate {
    margin-left: 0;
  }
}
.page-header__title-planned, .page-header__title-in-progress {
  font-weight: bold;
}
.page-header__title-in-validate {
  background-color: var(--primary-500);
  color: white;
}
.page-header__title-cancel {
  color: var(--red-400);
  font-weight: 400;
}
.page-header__title-warning {
  color: var(--orange-400);
  font-weight: 400;
}
.page-header__title-normal {
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  color: var(--primary-400);
}
.page-header__title--date {
  color: var(--primary-400);
}
.page-header__actions {
  display: flex;
  flex-flow: row wrap;
  margin: -5px 0 -0.36667em;
  position: absolute;
  right: 0;
  top: -4px;
  align-self: center;
  height: 40px;
}
.page-header__actions button + button {
  margin-left: 16px;
}
.page-header__actions .dropdown {
  position: relative;
  min-width: 206px;
  z-index: 1;
}
.page-header__actions .dropdown .dropdown-content a {
  text-align: right;
}
.page-header__actions svg {
  width: 24px;
  height: 24px;
  margin-top: -1px;
  min-width: 24px;
}
@media screen and (max-width: 767px) {
  .page-header__actions {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 600px) {
  .page-header__actions {
    margin-right: 16px;
    width: 100%;
    height: auto;
  }
  .page-header__actions button {
    margin-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .page-header__actions button + button {
    margin-left: 0px;
  }
  .page-header__actions button {
    width: 100%;
  }
  .page-header__actions button + button {
    width: 100%;
  }
  .page-header__actions button + button + button {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (min-width: 600px) {
  .page-header__actions .btn-icon__only div {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .page-header {
    justify-content: flex-start;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  .page:not(.page-header-withbuttons__actions) {
    flex-direction: column;
  }
}
@media screen and (max-width: 1084px) {
  .page-header__title {
    max-width: 100%;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1084px) and (max-width: 767px) {
  .page-header__title {
    display: block;
    width: 100%;
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 1084px) {
  .page-header__actions:not(.page-header-withbuttons__actions) {
    position: relative;
    flex-wrap: wrap;
  }
}
.page.visites-traitements .block-default__title {
  /*min-height: 55px;*/
}
.page.visites-traitements .block-default__title > span {
  display: flex;
  align-items: center;
}
.page.visites-traitements .block-default .form-content hr.full {
  margin-left: 0;
  margin-right: 0;
  margin-top: 24px;
  padding-bottom: 24px;
}
.page.visites-traitements .block-default .form-content__small > .grid {
  padding: 24px;
}
.page.visites-traitements .block-default .form-content__small > .grid .grid-item {
  padding: 0;
}
.page.visites-traitements .block-default .form-content__small > .grid .grid-item .form-content__title {
  margin-bottom: 24px;
}
.page.liste-patient .banner, .page.liste-aidants .banner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.page.liste-patient .banner .banner-logo, .page.liste-aidants .banner .banner-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  min-width: 195px;
  height: 67px;
  left: 16px;
  top: 16px;
  border-radius: 4px;
}
.page.liste-patient .banner .banner-logo img, .page.liste-aidants .banner .banner-logo img {
  max-width: 100%;
  height: auto;
  border-radius: 2px;
  max-height: 67px;
}
.page.liste-patient .banner-content, .page.liste-aidants .banner-content {
  margin-left: 32px;
  padding-left: 16px;
  border-left: 1px solid var(--grey-100);
  border-radius: 2px;
  width: 100%;
}
.page.liste-patient .banner-content h2, .page.liste-aidants .banner-content h2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-items: flex-start;
  color: var(--primary-600);
}
.page.liste-patient .banner-content h2 span, .page.liste-aidants .banner-content h2 span {
  display: block;
}
.page.liste-patient .banner-content p, .page.liste-aidants .banner-content p {
  font-size: 12px;
  line-height: 18px;
  color: var(--grey-600);
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .page.liste-patient .banner, .page.liste-aidants .banner {
    flex-direction: column;
    justify-content: flex-start;
  }
  .page.liste-patient .banner-content, .page.liste-aidants .banner-content {
    margin-top: 16px;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
}
.page-info:not(.scrollbar) {
  margin-top: 32px;
}
.page-info:not(.scrollbar).data-patient .grid-main > .grid-item__span-8 .form .form-content .fieldset.grid .form-content__list {
  padding: 0;
}
@media screen and (max-width: 600px) {
  .page-info:not(.scrollbar) .page-header__actions {
    margin-right: 0;
  }
}
.page-info:not(.scrollbar) .grid-main {
  margin: 0;
}
.page-info:not(.scrollbar) .grid-main .grid-item {
  position: relative;
}
.page-info:not(.scrollbar) .grid-main > .grid-item__span-3 {
  position: sticky;
  top: 141px;
  background: #FFFFFF;
  mix-blend-mode: normal;
  border: 1px solid var(--grey-100);
  border-radius: 4px;
  width: 222px;
  margin-right: 24px;
  padding: 0;
}
@media screen and (max-width: 1199px) {
  .page-info:not(.scrollbar) .grid-main > .grid-item__span-3 {
    top: 224px;
  }
}
@media screen and (max-width: 990px) {
  .page-info:not(.scrollbar) .grid-main > .grid-item__span-3 {
    width: calc(100% - 24px);
    margin: 12px 12px 16px;
    position: inherit;
    top: 0;
  }
}
.page-info:not(.scrollbar) .grid-main > .grid-item__span-9 {
  width: calc(100% - 222px - 24px);
  padding: 0;
}
.page-info:not(.scrollbar) .grid-main > .grid-item__span-9 .breadcrumb {
  margin: 0;
}
.page-info:not(.scrollbar) .grid-main > .grid-item__span-9 .breadcrumb-list {
  margin: 0;
  padding: 0;
}
.page-info:not(.scrollbar) .grid-main > .grid-item__span-9 .page-header {
  margin-left: 8px;
}
@media screen and (max-width: 989px) {
  .page-info:not(.scrollbar) .grid-main > .grid-item__span-9 .page-header {
    margin: 16px 16px 24px;
  }
}
.page-info:not(.scrollbar) .grid-main > .grid-item__span-9 .form-content hr:not(.full, .trait) {
  margin: 0 24px;
}
.page-info:not(.scrollbar) .grid-main > .grid-item__span-9 .form .form-content .fieldset.grid .form-content__list {
  padding: 12px;
}
@media screen and (max-width: 990px) {
  .page-info:not(.scrollbar) .grid-main > .grid-item__span-9 {
    width: 100%;
  }
}
@media screen and (max-width: 990px) {
  .page-info:not(.scrollbar) {
    margin-top: 4px;
  }
}
.page .num-tel {
  color: var(--primary-400);
}
.page-annex {
  padding: 24px;
  border: 1px solid var(--grey-100);
  border-radius: var(--radius-200);
}
.page-annex h2 {
  font-size: 16px;
  padding-top: 12px;
  color: var(--primary-400);
  font-weight: 600;
}
.page-annex h2:first-child {
  padding-top: 0;
}
.page-annex h2:nth-of-type(n + 2) {
  margin-top: 26px;
}
.page-annex h3 {
  margin-bottom: 2px;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  margin-top: 12px;
}
.page-annex h3:first-child {
  margin-top: 0;
}
.page-annex .grid .grid-item {
  position: relative;
  padding: 0.73333em 16px;
  min-height: 338px;
}
.page-annex .grid .grid-item__span-4:not(:first-child):after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  width: 1px;
  height: 100%;
  background-color: var(--light);
}
@media screen and (max-width: 990px) {
  .page-annex .grid .grid-item__span-4:not(:first-child):after {
    display: none;
  }
}
.page-annex p {
  padding-left: 0;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
}
.page.list-demande .block-list__filters select {
  min-width: 112px;
}
.page-error .block-empty {
  min-height: calc(100vh - 152px);
  padding: 24px;
  margin-top: 24px;
  position: relative;
}
.page-error .block-empty::after {
  position: absolute;
  content: "";
  padding: 24px;
  width: calc(100% - 48px);
  height: calc(100% - 48px);
  border: 1px solid var(--grey-100);
  border-radius: var(--radius-200);
}
.page-error .block-empty .block-empty__image, .page-error .block-empty .block-empty__text, .page-error .block-empty .block-empty__actions {
  z-index: 1;
}
.page .btnReturnTop, .page .btnGoToBottom {
  display: none;
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 99;
  border: 1px solid var(--grey-100);
  outline: none;
  background-color: white;
  color: var(--grey-200);
  cursor: pointer;
  padding: 0;
  border-radius: 100%;
  font-size: 18px;
  width: 40px;
  height: 40px;
  transition: transform var(--animation-time) ease-in-out;
  box-shadow: 0px 0px 2px rgba(30, 29, 29, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1300px) {
  .page .btnReturnTop, .page .btnGoToBottom {
    bottom: 10px;
    right: calc((100vW - 1360px) / 2 - 51px);
  }
}
.page .btnReturnTop svg, .page .btnGoToBottom svg {
  transform: rotate(270deg);
  color: var(--grey-300);
  width: 24px;
  height: 24px;
}
.page .btnReturnTop:hover, .page .btnGoToBottom:hover {
  transform: scale(1.3);
}
.page .btnReturnTop:hover svg, .page .btnGoToBottom:hover svg {
  color: #fff;
}
.page .btnReturnTop:not(:disabled):not(.disabled):active, .page .btnGoToBottom:not(:disabled):not(.disabled):active {
  background-color: var(--primary-100);
  border-color: var(--grey-100);
}
.page .btnGoToBottom svg {
  transform: rotate(90deg);
}
.page ul.style-noreset {
  list-style-type: disc;
  margin-top: 8px;
  padding-left: 1.6rem;
}

.questionnaire-evaluation-debut-etp .table-survey tbody tr td:nth-child(3) {
  padding: 0 16px;
}

.grid-item .page-header {
  margin: 24px 0 0px 16px;
}

.scrollbar {
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollbar::-webkit-scrollbar {
  width: 8px;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--grey-300);
  border-radius: 20px;
  width: 8px;
}
.scrollbar::-webkit-scrollbar-track {
  background: #F1F2F3;
  background: var(--grey-100);
}

.grid > .grid-item.sidebar-block {
  background: #fff;
  mix-blend-mode: normal;
  border: 1px solid var(--grey-100);
  border-radius: 4px;
  padding: 0;
}

.sidebar__item a {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: var(--primary-500);
  text-decoration: none;
  border-top: 1px solid var(--lighter);
  cursor: pointer;
}
.sidebar__item a:hover {
  background-color: var(--primary-100);
}
.sidebar__item a svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  color: var(--grey-300);
}
.sidebar__item a svg.icon-arrow_down {
  margin: 0;
  padding: 0;
}
.sidebar__item a .sidebar__item-icon svg {
  width: 10px;
  height: 10px;
}
.sidebar__item-active > a {
  background-color: var(--primary-100);
  font-weight: 700;
}
.sidebar__item-active > a svg {
  color: var(--var-3);
}
.sidebar__item-active > a svg.icon-arrow_down {
  color: var(--primary-400);
  margin: 0;
  padding: 0;
}
.sidebar__item-active > a .sidebar__item-number > .chips.chips--number-icon {
  background-color: var(--var-3);
  color: #fff;
}
.sidebar__item-submenu ul {
  transition: height 0.2s ease-in;
  opacity: 0;
  height: 0;
  border-top: 0;
}
.sidebar__item-submenu ul li:last-child a {
  margin-bottom: 0;
}
.sidebar__item-submenu ul li a {
  background-color: inherit;
  font-weight: 400;
  border-top: 0;
}
.sidebar__item-submenu ul li.sidebar__item-active ul {
  background-color: var(--lighter);
}
.sidebar__item-submenu ul li.sidebar__item-active a {
  font-weight: 700;
}
.sidebar__item-submenu ul li.sidebar__item-active a .sidebar__item-number svg {
  color: var(--var-3);
}
.sidebar__item-submenu ul a {
  padding: 0;
  padding-left: 16px;
  margin-bottom: 8px;
}
.sidebar__item-submenu ul a:hover {
  background-color: inherit;
}
.sidebar__item-submenu.toggled a:first-child {
  border-bottom: 1px solid var(--lighter);
}
.sidebar__item-submenu.toggled ul {
  opacity: 1;
  height: 100%;
  padding: 12px 16px;
}
.sidebar__item-submenu.toggled ul a:first-child {
  border-bottom: none;
}
.sidebar__item-submenu.toggled .sidebar__item-icon {
  transform: rotate(180deg);
}
.sidebar__item-submenu.toggled.sidebar__item-active > a:first-child {
  border-bottom: 1px solid var(--grey-100);
}
.sidebar__item-submenu.toggled.sidebar__item-active ul {
  background-color: var(--lighter);
  border-bottom: 1px solid var(--grey-100);
}
.sidebar__item-submenu.toggled.sidebar__item-active ul a {
  border-bottom: none;
  padding-left: 12px;
}
.sidebar__item-submenu > a:first-child {
  border-bottom: none;
  position: relative;
}
.sidebar__item-icon {
  position: absolute;
  right: 24px;
  transition: transform 0.25s ease-in-out;
}
.sidebar__item-icon svg {
  margin-right: 0;
  width: 10px;
  height: auto;
  color: var(--primary-400);
}
.sidebar__item-number svg {
  width: 20px;
  height: 20px;
  color: var(--grey-300);
  display: flex;
  justify-content: center;
  align-items: center;
}
.sidebar__item-number .chips.chips--number-icon {
  color: #fff;
  background: var(--grey-300);
  font-weight: 500;
  border-radius: 4px;
  padding: 2px 6px;
}
.sidebar__item-disabled {
  background-color: var(--lighter);
  font-weight: 300;
  color: var(--grey-200);
  border-bottom: 1px solid var(--light);
}
.sidebar__item-disabled svg, .sidebar__item-disabled a, .sidebar__item-disabled .sidebar__item-icon svg {
  color: var(--grey-200) !important;
}
.sidebar__item-disabled:hover a {
  background-color: var(--lighter);
  cursor: not-allowed;
}

@media screen and (min-width: 990px) {
  .grid > .grid-item.sidebar-block {
    position: sticky;
    top: 152px;
    width: 222px !important;
    max-width: 222px !important;
    margin-right: 24px;
  }
  .grid > .grid-item.sidebar-block + .grid-item:not(.sidebar-block) {
    width: calc(100% - 246px) !important;
    max-width: calc(100% - 246px) !important;
  }
}
@media screen and (max-width: 990px) {
  .grid > .grid-item.sidebar-block {
    position: relative;
    top: auto;
    width: 100% !important;
    margin-right: 0px;
    max-width: 100% !important;
  }
  .grid > .grid-item.sidebar-block + .grid-item:not(.sidebar-block) {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.stepper {
  width: 100%;
  background-color: white;
  height: 46px;
  position: sticky;
  top: 62px;
  z-index: 3;
  border: 1px solid var(--lighter);
}
.stepper-list {
  margin-left: 8px;
  display: flex;
  align-items: center;
  height: 100%;
  list-style: none;
}
.stepper-list__item {
  display: inline-flex;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: var(--base);
  margin-right: 32px;
}
.stepper-list__item a {
  display: inline-flex;
  align-items: center;
  color: var(--base);
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 5s ease-in-out;
  pointer-events: none;
}
.stepper-list__item a:hover {
  text-decoration-color: var(--primary-300);
}
.stepper-list__item a:active {
  color: var(--primary-500);
  text-decoration-color: var(--primary-500);
}
.stepper-list__item a:active .number, .stepper-list__item a:active .separator {
  background-color: var(--primary-500);
}
.stepper-list__item .number {
  width: 20px;
  height: 20px;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  background-color: var(--base);
  border-radius: 2px;
}
.stepper-list__item .number svg {
  width: 14px;
  height: 14px;
}
.stepper-list__item .separator {
  display: inline-flex;
  width: 8px;
  height: 1px;
  background-color: var(--base);
  margin: 0 8px;
  border-radius: 2px;
}
.stepper-list__item-active a, .stepper-list__item-actived a {
  color: var(--primary-400);
  text-decoration: underline;
  text-decoration-color: transparent;
  pointer-events: initial;
  transition: text-decoration-color var(--animation-time) ease-in-out;
}
.stepper-list__item-active a:hover, .stepper-list__item-actived a:hover {
  text-decoration-color: var(--primary-400);
}
.stepper-list__item-active .number, .stepper-list__item-active .separator, .stepper-list__item-actived .number, .stepper-list__item-actived .separator {
  background-color: var(--primary-400);
}
.stepper-list__item-active a {
  pointer-events: none;
}
.stepper-list__item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .stepper-list__item {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .stepper-list {
    flex-wrap: wrap;
    padding: 16px 0 0;
  }
  .stepper-list + .stepper-list__item {
    margin-bottom: 8px;
  }
  .stepper-list:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 790px) {
  .stepper-list.container {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
}
@media screen and (max-width: 767px) {
  .stepper {
    height: auto;
    position: relative;
    top: 0;
  }
}

.submenu {
  width: 100%;
  background-color: white;
  position: sticky;
  /*top: 72px;*/
  z-index: 3;
  border: 1px solid var(--lighter);
}
.submenu-list {
  margin-left: 8px;
  display: flex;
  align-items: center;
  height: 100%;
  list-style: none;
  position: relative;
}
.submenu-list__item {
  display: inline-flex;
  align-items: center;
  color: var(--base);
  margin-right: 32px;
  height: 100%;
}
.submenu-list__item__button {
  background-color: var(--primary-100);
  padding: 10px 12px;
  border-radius: 3px;
}
@media screen and (min-width: 989px) {
  .submenu-list__item__button {
    position: absolute;
    right: 0;
  }
}
.submenu-list__item__button a, .submenu-list__item__button button {
  font-weight: 600;
  font-size: 13px;
  line-height: 14px;
  color: var(--grey-500);
  text-decoration: none;
  text-transform: uppercase;
}
.submenu-list__item__button button.btn.dropbtn {
  border: none;
  height: auto;
  padding-left: 4px;
  padding-right: 4px;
  color: var(--grey-500);
  padding-right: 20px;
  background-color: transparent;
}
.submenu-list__item__button button.btn.dropbtn::after {
  right: 4px;
  background-image: url('Polygon_grey400.svg');
}
.submenu-list__item__button button.btn.dropbtn:hover {
  color: #fff;
}
.submenu-list__item__button button.btn.dropbtn:hover::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABBSURBVHgBfY1BDQAgDAMbFCABCZOEFJwhBQmTUPbgsZBtTe7TXFqQFEOZZzcA/VHH7JmsHGN4cZVCIGoofNfiuws4cmyYl1t1owAAAABJRU5ErkJggg==");
}
.submenu-list__item__button:hover {
  background-color: var(--primary-500);
  transition: background-color 0.2s;
}
.submenu-list__item__button:hover a, .submenu-list__item__button:hover button {
  color: #fff;
  transition: color 0.2s;
}
.submenu-list__item a {
  position: relative;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: var(--grey-500);
  height: 100%;
  text-decoration: none;
  transition: color var(--animation-time) ease-in-out;
  padding: 16px 0;
  text-wrap: nowrap;
}
.submenu-list__item a:hover {
  cursor: pointer;
  color: var(--primary-400);
}
.submenu-list__item-active a:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: var(--primary-300);
}
.submenu-list__item:last-child {
  margin-right: 0;
}
.submenu-list__item.mr-auto {
  position: absolute;
  right: 0;
  margin-right: 8px;
}
.submenu-list__item.mr-auto .btn {
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .submenu-list__item.mr-auto {
    position: relative;
    margin: 8px 0;
  }
}
@media screen and (max-width: 767px) {
  .submenu-list {
    flex-wrap: wrap;
  }
  .submenu-list + .submenu-list__item {
    margin-bottom: 8px;
  }
  .submenu-list:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 790px) {
  .submenu-list.container {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
}
@media screen and (max-width: 767px) {
  .submenu {
    position: relative;
    top: 0;
  }
}
.submenu .submenu-double {
  display: flex;
  flex-flow: row;
  display: flex;
  max-width: 1360px;
  margin: 0 auto;
  min-height: 48px;
}
.submenu .submenu-double .container.submenu-list-right {
  position: relative;
}
@media screen and (min-width: 989px) {
  .submenu .submenu-double .container.submenu-list-right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 989px) {
  .submenu .submenu-double .container.submenu-list-right {
    flex-direction: column;
    align-items: center;
    display: flex;
    width: 100%;
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
}
.submenu .submenu-double .container.submenu-list-right .submenu-list__item {
  margin-right: 12px;
}
@media screen and (max-width: 989px) {
  .submenu .submenu-double .container.submenu-list-right .submenu-list__item {
    width: 100%;
    margin: 0;
  }
}
.submenu .submenu-double .container.submenu-list-right .submenu-list__item button,
.submenu .submenu-double .container.submenu-list-right .submenu-list__item a {
  text-transform: uppercase;
  background-color: var(--primary-100);
  border-color: var(--primary-100);
  color: var(--grey-500);
  height: 32px;
  font-size: 12px;
  text-wrap: nowrap;
  border-radius: var(--radius-200);
}
@media screen and (max-width: 989px) {
  .submenu .submenu-double .container.submenu-list-right .submenu-list__item button,
  .submenu .submenu-double .container.submenu-list-right .submenu-list__item a {
    width: 100%;
    padding: 16px 0;
    margin-bottom: 4px;
    line-height: 14px;
  }
}
.submenu .submenu-double .container.submenu-list-right .submenu-list__item button:hover,
.submenu .submenu-double .container.submenu-list-right .submenu-list__item a:hover {
  background-color: var(--primary-500);
  transition: background-color 0.2s;
  color: #fff;
  transition: color 0.2s;
}
.submenu .submenu-double .container.submenu-list-right .submenu-list__item a {
  padding-left: 16px;
  padding-right: 16px;
}
.submenu .submenu-double .container.submenu-list-right .btn.dropbtn {
  background-color: var(--primary-100);
  padding: 10px 12px;
  border-radius: 3px;
  padding-right: 37px;
}
.submenu .submenu-double .container.submenu-list-right .btn.dropbtn::after {
  position: absolute;
  content: "";
  right: 16px;
  width: 9px;
  height: 6px;
  background: rgba(0, 0, 0, 0);
  background-image: url('Polygon_grey400.svg');
  background-repeat: no-repeat;
}
@media screen and (max-width: 989px) {
  .submenu .submenu-double {
    flex-direction: column;
    align-items: center;
    display: flex;
    width: 100%;
  }
}

.table {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 0;
  width: 100%;
  border-collapse: separate;
  border: 1px solid var(--grey-100);
  border-radius: var(--radius-200);
}
.table svg.icon-info_outline {
  width: 20px;
  height: 20px;
  min-width: 20px;
  color: var(--grey-300);
  margin-right: 16px;
}
.table-parcours-inclusion {
  padding-top: 2px;
}
.table-parcours-inclusion td:first-child,
.table-parcours-inclusion th:first-child {
  max-width: 400px;
}
.table-parcours-inclusion td:first-child svg,
.table-parcours-inclusion th:first-child svg {
  color: var(--primary-400);
}
.table-parcours-inclusion td:first-child {
  font-weight: 600 !important;
  font-size: 12px !important;
}
.table-parcours-inclusion th:nth-child(2),
.table-parcours-inclusion td:nth-child(2) {
  max-width: 120px;
}
.table-parcours-inclusion.table tbody .even tr {
  background-color: var(--primary-100);
}
.table-parcours-inclusion.table tbody .odd tr {
  background-color: transparent;
}
.table caption {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--primary-500);
  caption-side: top;
  padding: 0;
  margin: 12px 0 28px;
}
.table caption svg {
  color: var(--secondary-400);
  width: 24px;
  height: 24px;
}
.table tr {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
.table tr.clicable {
  cursor: pointer;
}
.table tr.warning td, .table tr.warning th {
  color: var(--orange-400);
}
.table tr.danger {
  background-color: initial;
}
.table tr.danger td, .table tr.danger th {
  color: var(--red-400);
}
.table tr.except td, .table tr.except th {
  color: var(--grey-300) !important;
}
.table tr.except svg.except {
  color: var(--grey-300) !important;
}
.table tr:nth-child(odd), .table tr .odd {
  background-color: var(--primary-100);
}
.table tr td {
  border: none;
  color: var(--grey-600);
}
.table tr th, .table tr td {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  flex: 1;
  text-align: left;
  padding: 0 16px;
  min-height: 40px;
  word-break: break-word;
}
.table th {
  display: flex;
  flex-flow: row nowrap;
  border-top: 0;
}
.table > thead {
  vertical-align: bottom;
  border: 0;
}
.table > thead tr {
  background-color: #fff !important;
  border-bottom: 1px solid var(--grey-100);
}
.table > thead th {
  background-color: white;
  color: var(--primary-400);
  font-size: 12px;
  font-weight: 600;
}
.table tbody {
  display: flex;
  flex-flow: column nowrap;
}
.table tbody tr {
  cursor: pointer;
  border: 1px solid transparent;
  transition: border 0.6s ease;
}
.table tbody tr td {
  border: 1px solid transparent;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.1s ease-in-out;
  transition-property: background-color, color;
}
.table tbody tr td strong {
  font-weight: 500;
}
.table tbody tr td.canceled {
  color: var(--red-400);
}
.table tbody tr td:first-child {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  /*color: var(--grey-500);*/
}
.table tbody tr td:first-child span {
  font-weight: 400;
}
.table tbody tr td .btn-ghost:not(.text-success, :disabled),
.table tbody tr td .btn-reset:not(.text-success, :disabled) {
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.table tbody tr td .btn-ghost:not(.text-success, :disabled) .icon-file_download,
.table tbody tr td .btn-reset:not(.text-success, :disabled) .icon-file_download {
  color: var(--primary-500);
}
.table tbody tr td .btn-ghost:not(.text-success, :disabled) .icon-file_download:disabled,
.table tbody tr td .btn-reset:not(.text-success, :disabled) .icon-file_download:disabled {
  color: var(--grey-300);
}
.table tbody tr td .btn-ghost:not(.text-success, :disabled) .icon-mail,
.table tbody tr td .btn-reset:not(.text-success, :disabled) .icon-mail {
  color: var(--primary-400);
}
.table tbody tr td .btn-ghost:not(.text-success, :disabled):hover, .table tbody tr td .btn-ghost:not(.text-success, :disabled):focus,
.table tbody tr td .btn-reset:not(.text-success, :disabled):hover,
.table tbody tr td .btn-reset:not(.text-success, :disabled):focus {
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.table tbody tr td .btn-ghost:not(.text-success, :disabled):hover .icon-file_download, .table tbody tr td .btn-ghost:not(.text-success, :disabled):focus .icon-file_download,
.table tbody tr td .btn-reset:not(.text-success, :disabled):hover .icon-file_download,
.table tbody tr td .btn-reset:not(.text-success, :disabled):focus .icon-file_download {
  color: var(--primary-600);
}
.table tbody tr td .btn-ghost:not(.text-success, :disabled):hover .icon-mail, .table tbody tr td .btn-ghost:not(.text-success, :disabled):focus .icon-mail,
.table tbody tr td .btn-reset:not(.text-success, :disabled):hover .icon-mail,
.table tbody tr td .btn-reset:not(.text-success, :disabled):focus .icon-mail {
  color: var(--primary-500);
}
.table tbody tr td .btn-ghost:disabled,
.table tbody tr td .btn-reset:disabled {
  color: var(--grey-300);
}
.table tbody tr td .btn-ghost:disabled svg,
.table tbody tr td .btn-reset:disabled svg {
  color: var(--grey-300);
}
.table tbody tr:hover {
  cursor: pointer;
  border: 1px solid var(--primary-300);
  transition: border var(--animation-time) ease-in-out;
}
.table tbody tr:active, .table tbody tr:focus {
  border-color: var(--primary-400);
  transition: none;
}
.table tbody tr .nobutton {
  cursor: default;
}
.table-scroll {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--grey-100);
  border-radius: var(--radius-200);
  max-height: inherit;
}
.table-scroll:not(.table-scroll--strat, .table-scroll--max) table {
  /*min-width: 1136px;*/
  min-width: max-content;
  border: none;
}
.table-scroll.table-scroll--strat table, .table-scroll.table-scroll--max table {
  border: none;
  min-width: 1100px;
}
.table-scroll.scrollbar {
  max-height: inherit;
}
.table-patient {
  display: flex;
  margin-top: 21px;
}
.table-patient table > thead th:first-child {
  background-color: var(--primary-500);
  text-transform: uppercase;
  color: white;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.table-patient table > thead tr:nth-child(2) th {
  background-color: white;
  color: var(--primary-400);
  text-transform: initial;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  padding: 0 8px;
}
.table-patient table > thead tr:nth-child(2) th:first-child {
  max-width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-patient table > thead tr:nth-child(2) th:nth-child(2) {
  max-width: 70px;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-patient table > thead tr:nth-child(2) th:nth-child(3), .table-patient table > thead tr:nth-child(2) th:nth-child(4) {
  min-width: 150px;
}
.table-patient table > thead tr:nth-child(2) th:nth-child(5) {
  max-width: 100px;
}
.table-patient table > thead tr:nth-child(2) th:nth-child(6) {
  max-width: 100px;
}
.table-patient table > thead tr:nth-child(2) th:nth-child(7) {
  min-width: 165px;
}
.table-patient table > thead tr:nth-child(2) th:last-child {
  min-width: 150px;
  justify-content: flex-start;
}
.table-patient table > tbody tr td {
  padding: 0 8px;
}
.table-patient table > tbody tr td:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 60px;
  padding: 0;
}
.table-patient table > tbody tr td:nth-child(2) {
  display: flex;
  justify-content: left;
  align-items: center;
  max-width: 70px;
}
.table-patient table > tbody tr td:nth-child(2) svg {
  width: 22px;
  height: auto;
}
.table-patient table > tbody tr td:nth-child(3), .table-patient table > tbody tr td:nth-child(4) {
  font-weight: 600;
  min-width: 150px;
}
.table-patient table > tbody tr td:nth-child(3) {
  text-transform: uppercase;
}
.table-patient table > tbody tr td:nth-child(5) {
  max-width: 100px;
}
.table-patient table > tbody tr td:nth-child(6) {
  max-width: 100px;
}
.table-patient table > tbody tr td:nth-child(7) {
  min-width: 165px;
}
.table-patient table > tbody tr td:last-child {
  min-width: 150px;
  justify-content: flex-start;
}
.table-patient.scrollbar {
  max-height: inherit;
}
.table-patient table > tbody tr td:nth-child(2),
.table-patient table > thead tr:nth-child(2) th:nth-child(2) {
  max-width: 100px;
}
.table-patient table > tbody tr td:nth-child(2) img,
.table-patient table > thead tr:nth-child(2) th:nth-child(2) img {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.table-recherche-cpi table > tbody tr td,
.table-recherche-cpi table > thead tr:nth-child(2) th {
  padding: 0;
}
.table-recherche-cpi table > tbody tr td:nth-child(1),
.table-recherche-cpi table > thead tr:nth-child(2) th:nth-child(1) {
  min-width: 40px;
  max-width: 50px;
}
.table-recherche-cpi table > tbody tr td:nth-child(2),
.table-recherche-cpi table > thead tr:nth-child(2) th:nth-child(2) {
  min-width: 74px;
  max-width: 74px;
}
.table-recherche-cpi table > tbody tr td:nth-child(3), .table-recherche-cpi table > tbody tr td:nth-child(4), .table-recherche-cpi table > tbody tr td:nth-child(5),
.table-recherche-cpi table > thead tr:nth-child(2) th:nth-child(3),
.table-recherche-cpi table > thead tr:nth-child(2) th:nth-child(4),
.table-recherche-cpi table > thead tr:nth-child(2) th:nth-child(5) {
  min-width: 130px;
  max-width: 130px;
}
.table-recherche-cpi table > tbody tr td:nth-child(6),
.table-recherche-cpi table > thead tr:nth-child(2) th:nth-child(6) {
  max-width: 162px;
  min-width: 162px;
}
.table-recherche-cpi table > tbody tr td:nth-child(7),
.table-recherche-cpi table > thead tr:nth-child(2) th:nth-child(7) {
  min-width: 120px;
  max-width: 120px;
}
.table-recherche-cpi table > tbody tr td:nth-child(8), .table-recherche-cpi table > tbody tr td:nth-child(9),
.table-recherche-cpi table > thead tr:nth-child(2) th:nth-child(8),
.table-recherche-cpi table > thead tr:nth-child(2) th:nth-child(9) {
  min-width: 90px;
  max-width: 90px;
}
.table-recherche-cpi table > tbody tr td:nth-child(10),
.table-recherche-cpi table > thead tr:nth-child(2) th:nth-child(10) {
  min-width: 40px;
  max-width: 40px;
}
.table-recherche-cpi table > tbody tr td:nth-child(11),
.table-recherche-cpi table > thead tr:nth-child(2) th:nth-child(11) {
  min-width: 100px;
}
.table-recherche-cpi table > tbody tr td:nth-child(12),
.table-recherche-cpi table > thead tr:nth-child(2) th:nth-child(12) {
  padding-left: 12px;
}
.table-structure {
  margin-top: 22px;
}
.table-structure table > thead th:first-child {
  background-color: var(--primary-500);
  text-transform: uppercase;
  color: white;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.table-structure table > thead tr:nth-child(2) th {
  background-color: white;
  color: var(--primary-400);
  text-transform: initial;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  padding: 0 8px;
}
.table-structure table > thead tr:nth-child(2) th:first-child {
  padding: 0;
  max-width: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-structure table > thead tr:nth-child(2) th:nth-child(2) {
  max-width: 48px;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-structure table > thead tr:nth-child(2) th:nth-child(3) {
  max-width: 400px;
}
.table-structure table > thead tr:nth-child(2) th:nth-child(4) {
  max-width: 300px;
}
.table-structure table > thead tr:nth-child(2) th:nth-child(5) {
  max-width: 90px;
}
.table-structure table > thead tr:nth-child(2) th:nth-child(6) {
  justify-content: flex-start;
}
.table-structure table > thead tr:nth-child(2) th:last-child {
  max-width: 250px;
}
.table-structure table > tbody tr td {
  padding: 0 8px;
}
.table-structure table > tbody tr td:first-child {
  display: flex;
  justify-items: center;
  align-items: center;
  max-width: 55px;
  padding: 0;
}
.table-structure table > tbody tr td:first-child .form-control__label .radiomark, .table-structure table > tbody tr td:first-child .form-control__label .checkmark {
  left: 16px;
}
.table-structure table > tbody tr td:first-child .form-control__label .checkmark {
  top: -10px;
}
.table-structure table > tbody tr td:nth-child(2) {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 48px;
}
.table-structure table > tbody tr td:nth-child(2) svg {
  width: 20px;
  height: 20px;
}
.table-structure table > tbody tr td:nth-child(3) {
  font-weight: 600;
  max-width: 400px;
  text-transform: uppercase;
}
.table-structure table > tbody tr td:nth-child(4) {
  max-width: 300px;
}
.table-structure table > tbody tr td:nth-child(5) {
  max-width: 90px;
}
.table-structure table > tbody tr td:nth-child(6) {
  justify-content: flex-start;
}
.table-structure table > tbody tr td:last-child {
  max-width: 250px;
}
.table-unite table > thead tr:nth-child(2) th:nth-child(4) {
  max-width: 120px;
}
.table-unite table > thead tr:nth-child(2) th:nth-child(5) {
  max-width: 250px;
}
.table-unite table > thead tr:nth-child(2) th:nth-child(6) {
  max-width: 90px;
}
.table-unite table > tbody tr td:nth-child(4) {
  max-width: 120px;
}
.table-unite table > tbody tr td:nth-child(5) {
  max-width: 250px;
}
.table-unite table > tbody tr td:nth-child(6) {
  max-width: 90px;
}
.table-pro {
  margin-top: 24px;
  border-top: 1px solid var(--light);
}
.table-pro table > thead th:first-child {
  background-color: var(--primary-500);
  text-transform: uppercase;
  color: white;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.table-pro table > thead tr:nth-child(2) th {
  background-color: white;
  color: var(--primary-400);
  text-transform: initial;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  padding: 0 8px;
}
.table-pro table > thead tr:nth-child(2) th:first-child {
  padding: 0;
  max-width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-pro table > thead tr:nth-child(2) th:nth-child(2) {
  max-width: 50px;
  padding: 0;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.table-pro table > thead tr:nth-child(2) th:nth-child(3), .table-pro table > thead tr:nth-child(2) th:nth-child(4) {
  max-width: 200px;
}
.table-pro table > thead tr:nth-child(2) th:nth-child(5) {
  max-width: 250px;
}
.table-pro table > tbody tr td {
  padding: 0 8px;
}
.table-pro table > tbody tr td:first-child {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  max-width: 60px;
  min-width: 60px;
  padding: 0;
}
.table-pro table > tbody tr td:nth-child(2) {
  font-weight: 600;
  max-width: 50px;
  padding: 0 8px 0 0;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.table-pro table > tbody tr td:nth-child(2) svg {
  width: 20px;
  height: 20px;
  color: var(--grey-300);
  margin-right: 0;
}
.table-pro table > tbody tr td:nth-child(3), .table-pro table > tbody tr td:nth-child(4) {
  max-width: 200px;
}
.table-pro table > tbody tr td:nth-child(5) {
  max-width: 250px;
}
.table-pro table > tbody tr.inactif {
  pointer-events: none;
}
.table-pro table > tbody tr.inactif td {
  color: var(--grey-300);
}
.table-pro table > tbody tr.inactif td .form-control__label .radiomark {
  background-color: var(--grey-200);
  border-color: var(--grey-200);
}
.table-demande.table-patient > thead tr th:nth-child(1), .table-demande.table-patient > tbody tr td:nth-child(1) {
  max-width: 55px;
}
.table-demande.table-patient > thead tr th:nth-child(1) svg, .table-demande.table-patient > tbody tr td:nth-child(1) svg {
  color: var(--grey-300);
  width: 20px;
  height: 20px;
}
.table-demande.table-patient > thead tr th:nth-child(2), .table-demande.table-patient > tbody tr td:nth-child(2) {
  max-width: 66px;
}
.table-demande.table-patient > thead tr th:nth-child(3), .table-demande.table-patient > tbody tr td:nth-child(3) {
  max-width: 40px;
  padding: 0;
  justify-content: flex-end;
}
.table-demande.table-patient > thead tr th:nth-child(3) svg, .table-demande.table-patient > tbody tr td:nth-child(3) svg {
  width: 20px;
  height: 20px;
}
.table-demande.table-patient > thead tr th:nth-child(4), .table-demande.table-patient > tbody tr td:nth-child(4) {
  max-width: inherit;
}
.table-demande.table-patient > thead tr th:nth-child(5), .table-demande.table-patient > tbody tr td:nth-child(5) {
  max-width: 150px;
}
.table-demande.table-patient > thead tr th:nth-child(6), .table-demande.table-patient > tbody tr td:nth-child(6) {
  max-width: 150px;
}
.table-demande.table-patient > thead tr th:nth-child(7), .table-demande.table-patient > tbody tr td:nth-child(7) {
  max-width: 50px;
}
.table-demande.table-patient > thead tr th:nth-child(7) svg, .table-demande.table-patient > tbody tr td:nth-child(7) svg {
  width: 20px;
  height: 20px;
}
.table-demande-fiche.table-patient > thead tr th:nth-child(1), .table-demande-fiche.table-patient > tbody tr td:nth-child(1) {
  max-width: 66px;
}
.table-demande-fiche.table-patient > thead tr th:nth-child(2), .table-demande-fiche.table-patient > tbody tr td:nth-child(2) {
  max-width: 40px;
  padding: 0;
  justify-content: flex-end;
}
.table-demande-fiche.table-patient > thead tr th:nth-child(2) svg, .table-demande-fiche.table-patient > tbody tr td:nth-child(2) svg {
  width: 20px;
  height: 20px;
}
.table-demande-fiche.table-patient > thead tr th:nth-child(3), .table-demande-fiche.table-patient > tbody tr td:nth-child(3) {
  max-width: inherit;
}
.table-demande-fiche.table-patient > thead tr th:nth-child(4), .table-demande-fiche.table-patient > tbody tr td:nth-child(4) {
  max-width: 150px;
}
.table-demande-fiche.table-patient > thead tr th:nth-child(5), .table-demande-fiche.table-patient > tbody tr td:nth-child(5) {
  max-width: 120px;
}
.table-demande-fiche.table-patient > thead tr th:nth-child(6), .table-demande-fiche.table-patient > tbody tr td:nth-child(6) {
  max-width: 50px;
}
.table-demande-fiche.table-patient > thead tr th:nth-child(6) svg, .table-demande-fiche.table-patient > tbody tr td:nth-child(6) svg {
  width: 20px;
  height: 20px;
}
.table-survey {
  width: 100%;
  display: flex;
  flex-flow: column wrap;
}
.table-survey tr {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
.table-survey th, .table-survey td {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  flex: 1;
  word-break: break-word;
}
.table-survey thead {
  background-color: var(--primary-500);
  color: white;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.table-survey thead tr {
  width: 100%;
  padding: 8px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-survey thead tr th {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 3px;
  min-height: 38px;
}
.table-survey thead tr th:first-child {
  max-width: inherit;
  min-width: inherit;
  justify-content: flex-start;
  text-transform: uppercase;
  margin-left: 35px;
  font-weight: 600;
  font-size: 14px;
}
.table-survey thead tr th:nth-child(n+2) {
  word-break: inherit;
  max-width: 180px;
  min-width: 180px;
  text-transform: inherit;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  text-transform: uppercase;
}
.table-survey thead tr th:nth-child(n+2) span {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
}
.table-survey tbody {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid var(--grey-100);
}
.table-survey tbody tr {
  border-bottom: 1px solid var(--grey-100);
  min-height: 50px;
}
.table-survey tbody tr:last-child {
  border: none;
}
.table-survey tbody tr td:first-child {
  display: flex;
  flex-direction: row;
  justify-items: flex-start;
  align-items: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: var(--grey-500);
  padding: 0 8px 0 16px;
}
.table-survey tbody tr td:first-child span {
  margin-right: 4px;
}
.table-survey tbody tr td:nth-child(n+2) {
  max-width: 180px;
  min-width: 180px;
  text-transform: inherit;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  background-color: var(--lighter);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  padding: 0 16px;
}
.table-survey tbody tr td:nth-child(3) {
  padding-left: 8px;
}
.table-survey-minnesota > thead th:nth-child(3), .table-survey-minnesota > tbody tr td:nth-child(3) {
  max-width: 22px;
  padding: 0;
}
.table-survey-minnesota > thead th:nth-child(3) svg, .table-survey-minnesota > tbody tr td:nth-child(3) svg {
  width: 20px;
  height: 20px;
}
.table-survey-minnesota > thead th:nth-child(4), .table-survey-minnesota > tbody tr td:nth-child(4) {
  font-weight: 600;
}
.table-survey-evaluation > thead th:nth-child(3), .table-survey-evaluation > tbody tr td:nth-child(3), .table-survey-fragilite > thead th:nth-child(3), .table-survey-fragilite > tbody tr td:nth-child(3) {
  font-weight: 600;
}
.table-survey-evol thead tr th:nth-child(n+2) {
  word-break: inherit;
  max-width: 110px;
  min-width: 110px;
}
.table-survey-evol tbody tr td:nth-child(n+2) {
  max-width: 110px;
  min-width: 110px;
}
.table-state thead tr th:first-child, .table-state tbody tr > td:first-child {
  max-width: 40px;
  padding: 0 8px;
  text-transform: uppercase;
  justify-content: center;
  font-weight: 400;
}
.table-state thead tr th:nth-child(2), .table-state tbody tr td:nth-child(2) {
  padding-left: 0;
}
.table-state tbody tr td:nth-child(2), .table-state tbody tr td:nth-child(3) {
  font-weight: 600;
}
.table-state tbody tr th:last-child, .table-state tbody tr tr > td:last-child {
  min-width: 290px;
}
.table-state tbody tr.canceled {
  color: var(--red-400);
}
.table-state tbody tr td svg {
  width: 20px;
  height: 20px;
  color: var(--primary-400);
}
.table-state tbody tr td.warning {
  background-color: transparent;
  color: var(--orange-400);
}
.table-mail thead tr th, .table-mail tbody tr td {
  max-width: 40%;
}
.table-mail thead tr th:first-child, .table-mail tbody tr td:first-child {
  text-align: left;
}
.table-mail thead tr th:nth-child(3), .table-mail tbody tr td:nth-child(3) {
  max-width: 20%;
}
.table-mail thead tr th:last-child, .table-mail tbody tr td:last-child {
  max-width: 4%;
  min-width: 60px;
}
.table-mail thead tr th:last-child svg, .table-mail tbody tr td:last-child svg {
  width: 20px;
  height: 20px;
}
.table-mail thead tr th .btn, .table-mail tbody tr td .btn {
  padding: 0;
  transition: all 0.3s ease-in-out;
}
.table-mail thead tr th .btn svg, .table-mail tbody tr td .btn svg {
  color: var(--primary-500);
  width: 22px;
  height: 22px;
}
.table-mail thead tr th .btn:hover, .table-mail tbody tr td .btn:hover {
  background-color: inherit;
  border: inherit;
}
.table-mail thead tr th .btn:hover svg, .table-mail tbody tr td .btn:hover svg {
  color: var(--primary-400);
}
.table-etapes td:last-child, .table-etapes th:last-child {
  max-width: 55px;
  justify-content: center;
}
.table-etapes td:last-child svg, .table-etapes th:last-child svg {
  width: 20px;
  height: 20px;
}
.table-etapes td:nth-child(1), .table-etapes th:nth-child(1) {
  min-width: 150px;
  max-width: 170px;
}
.table-etapes td:nth-child(2), .table-etapes th:nth-child(2) {
  font-weight: 600;
  min-width: 110px;
  max-width: 110px;
}
.table-etapes td:nth-child(3), .table-etapes th:nth-child(3) {
  min-width: 200px;
}
.table-etapes td:nth-child(4), .table-etapes th:nth-child(4) {
  min-width: 25%;
  min-width: 105px;
}
.table-etapes td:nth-child(5), .table-etapes th:nth-child(5) {
  max-width: 120px;
  min-width: 55px;
}
.table-etapes td:nth-child(4), .table-etapes th:nth-child(4) {
  min-width: 105px;
}
.table-etapes td:first-child {
  text-transform: uppercase;
}
.table-etapes tr.active {
  background-color: var(--primary-500);
  color: #fff;
}
.table-etapes tr.active td {
  color: #fff;
}
.table-card-postal tbody tr.download .btn svg {
  color: var(--primary-500);
}
.table-card-postal tr {
  min-height: 50px;
}
.table-card-postal thead tr th,
.table-card-postal tbody tr td {
  max-width: 40%;
}
.table-card-postal thead tr th:first-child,
.table-card-postal tbody tr td:first-child {
  text-align: left;
}
.table-card-postal thead tr th:last-child,
.table-card-postal tbody tr td:last-child {
  font-weight: 600;
  min-width: 48px;
}
.table-card-postal thead tr th .btn,
.table-card-postal tbody tr td .btn {
  padding: 0;
  transition: all 0.3s ease-in-out;
}
.table-card-postal thead tr th .btn svg,
.table-card-postal tbody tr td .btn svg {
  color: var(--primary-400);
  width: 22px;
  height: 22px;
}
.table-card-postal thead tr th .btn:hover,
.table-card-postal tbody tr td .btn:hover {
  background-color: inherit;
  border: inherit;
}
.table-card-postal thead tr th .btn:hover svg,
.table-card-postal tbody tr td .btn:hover svg {
  color: var(--primary-400);
}
.table-responsive {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}
.table-evaluation tbody tr td, .table-evaluation thead tr td {
  color: var(--grey-600);
  font-weight: 400;
}
.table-evaluation tbody tr td:first-child, .table-evaluation thead tr td:first-child {
  font-weight: 600;
}
.table-evaluation tbody tr td:nth-child(2), .table-evaluation thead tr td:nth-child(2) {
  font-weight: 500;
}
.table-evaluation tbody tr td:last-child, .table-evaluation tbody tr th:last-child, .table-evaluation thead tr td:last-child, .table-evaluation thead tr th:last-child {
  max-width: 55px;
}
.table-evaluation tbody tr td:last-child svg, .table-evaluation tbody tr th:last-child svg, .table-evaluation thead tr td:last-child svg, .table-evaluation thead tr th:last-child svg {
  width: 20px;
  height: 20px;
}
.table-evaluation tbody tr td:last-child svg.icon-mail, .table-evaluation tbody tr th:last-child svg.icon-mail, .table-evaluation thead tr td:last-child svg.icon-mail, .table-evaluation thead tr th:last-child svg.icon-mail {
  color: var(--primary-400);
}
.table-evaluation tbody tr td:last-child svg.icon-mark_email_read, .table-evaluation tbody tr th:last-child svg.icon-mark_email_read, .table-evaluation thead tr td:last-child svg.icon-mark_email_read, .table-evaluation thead tr th:last-child svg.icon-mark_email_read {
  color: var(--var-3);
}
.table-evaluation tbody tr td.in-progress, .table-evaluation thead tr td.in-progress {
  font-weight: 600;
}
.table-visit td:first-child, .table-visit th:first-child {
  min-width: 180px;
  max-width: 180px;
}
.table-visit td:nth-child(2), .table-visit td:nth-child(3), .table-visit td:nth-child(4), .table-visit td:nth-child(5), .table-visit td:nth-child(6), .table-visit th:nth-child(2), .table-visit th:nth-child(3), .table-visit th:nth-child(4), .table-visit th:nth-child(5), .table-visit th:nth-child(6) {
  min-width: 145px;
  max-width: 145px;
}
.table-visit td:last-child, .table-visit th:last-child {
  min-width: 80px;
  max-width: 80px;
}
.table-visit > tbody tr td.registered svg {
  color: var(--grey-300);
}
.table-visit > tbody tr td:first-child, .table-visit > tbody tr td:nth-child(3) {
  color: var(--grey-600);
}
.table-visit > tbody tr td:nth-child(2), .table-visit > tbody tr td:first-child {
  font-weight: 500;
}
.table-visit > tbody tr td:nth-child(3), .table-visit > tbody tr td:nth-child(4), .table-visit > tbody tr td:nth-child(5), .table-visit > tbody tr td:nth-child(6) {
  font-weight: 500;
  color: var(--orange-400);
}
.table-visit > tbody tr td:nth-child(9) .btn-reset:not(.text-success) {
  color: var(--primary-400);
}
.table-visit > tbody tr td:nth-child(9) .btn-reset:not(.text-success).off, .table-visit > tbody tr td:nth-child(9) .btn-reset:not(.text-success).registered {
  color: var(--grey-300);
}
.table-visit > tbody tr td:nth-child(8) svg {
  width: 20px;
  height: 20px;
}
.table-visit > tbody tr td:nth-child(8) .btn-reset:not(:disabled) {
  color: var(--primary-500);
}
.table-treatment.table > thead th:first-child, .table-treatment.table > thead th:nth-child(2), .table-treatment.table > thead th:nth-child(3) {
  max-width: 140px;
}
.table-treatment.table > tbody tr td:first-child, .table-treatment.table > tbody tr td:nth-child(2), .table-treatment.table > tbody tr td:nth-child(3) {
  color: var(--grey-600);
  max-width: 140px;
}
.table-treatment.table > tbody tr td:first-child, .table-treatment.table > tbody tr td:nth-child(2) {
  font-weight: 600;
}
.table-treatment-actions > thead th:last-child, .table-treatment-actions > tbody tr td:last-child {
  max-width: 55px;
}
.table-treatment-actions > thead th:last-child svg, .table-treatment-actions > tbody tr td:last-child svg {
  width: 20px;
  height: 20px;
  color: var(--primary-500);
}
.table th button {
  background-color: transparent;
  border: none;
  display: inline-block;
  justify-content: flex-start;
  color: var(--primary-400);
  font-weight: 500;
  text-align: left;
  margin: 0;
  padding: 0;
}
.table th button svg {
  font-size: 9px;
  color: var(--primary-400);
  padding-left: 4px;
  width: 12px;
  align-self: center;
}
.table tr.tags_list {
  max-width: 100%;
  display: block;
}
.table tr.tags_list > td {
  line-height: 33px !important;
  width: 100% !important;
  display: block;
  max-width: 100% !important;
  padding-left: 8px !important;
  padding-bottom: 4px;
  padding-top: 4px;
}
.table tr.tags_list > td p {
  font-size: 11px;
  font-weight: 400;
  color: var(--grey-300);
  padding-left: 12px;
}
.table tr.tags_list > td span {
  display: inline-block;
}

.table .form-control__label {
  padding-left: 0;
}
.table .form-control__label .radiomark {
  position: relative;
  left: 0px;
}

.outer {
  position: relative;
}

.inner {
  overflow-x: scroll;
  overflow-y: visible;
  width: 100%;
}

.toasts {
  max-width: 458px;
  position: fixed;
  right: 32px;
  bottom: 32px;
  width: 100%;
  z-index: 13;
}
.toasts .toast {
  position: relative;
  animation: toast-show-from-right 0.4s 1 forwards;
  background: none;
  border: 0 solid;
  display: grid;
  grid-template: repeat(2, auto)/auto 1fr;
  overflow: hidden;
  padding: 16px 48px 16px 24px;
  z-index: 1;
  margin-top: 16px;
  font: 400 1em Inter, Helvetica Neue, sans-serif;
  border-radius: 0 var(--radius-200) var(--radius-200) 0;
}
.toasts .toast.success {
  color: var(--green-400);
  background-color: var(--green-100);
  box-shadow: 0px 24px 38px rgba(98, 187, 70, 0.14), 0px 11px 15px rgba(67, 119, 31, 0.2);
}
.toasts .toast.success:before {
  background: var(--green-400);
}
.toasts .toast.success .toast-close svg {
  color: var(--green-500);
}
.toasts .toast.warning {
  color: var(--orange-400);
  background-color: var(--orange-100);
  box-shadow: 0px 24px 38px rgba(245, 130, 32, 0.14), 0px 11px 15px rgba(159, 83, 0, 0.2);
}
.toasts .toast.warning:before {
  background: var(--orange-400);
}
.toasts .toast.warning .toast-close svg {
  color: var(--orange-500);
}
.toasts .toast.info {
  color: var(--blue-400);
  background-color: var(--blue-100);
  box-shadow: 0px 24px 38px rgba(0, 192, 243, 0.14), 0px 11px 15px rgba(7, 125, 159, 0.2);
}
.toasts .toast.info:before {
  background: var(--blue-400);
}
.toasts .toast.info .toast-close svg {
  color: var(--blue-500);
}
.toasts .toast.danger {
  color: var(--red-400);
  background-color: var(--red-100);
  box-shadow: 0px 24px 38px rgba(239, 65, 35, 0.14), 0px 11px 15px rgba(153, 34, 12, 0.2);
}
.toasts .toast.danger:before {
  background: var(--red-400);
}
.toasts .toast.danger .toast-close svg {
  color: var(--red-500);
}
.toasts .toast:before {
  content: "";
  position: absolute;
  width: 4px;
  left: 0px;
  top: 0px;
  bottom: 0;
  background: transparent;
}
.toasts .toast-title, .toasts .toast-content {
  grid-column: 2;
}
.toasts .toast-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  grid-row: 1;
  margin: 0 0 8px;
  display: inline-flex;
  align-items: center;
}
.toasts .toast-title svg {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  color: inherit;
}
.toasts .toast-content {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  grid-row: 2;
}
.toasts .toast-content a {
  text-decoration: underline;
}
.toasts .toast-content a:hover, .toasts .toast-content a:focus {
  text-decoration: none;
}
.toasts .toast-close {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
.toasts .toast-close svg {
  width: 24px;
  height: 24px;
}
@keyframes toast-show-from-right {
  from {
    transform: translateX(150%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes toast-hide-from-right {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(150%);
  }
}
@keyframes toast-show-from-top {
  from {
    transform: translateY(-150%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes toast-hide-from-top {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(-150%);
  }
}
.toasts .toast.js-hidding {
  animation-name: toast-hide-from-right;
  z-index: 0;
}
.toasts .toast[hidden] {
  display: none !important;
}
@media screen and (max-width: 420px) {
  .toasts .toast {
    border-radius: 0;
    animation-name: toast-show-from-top;
  }
  .toasts .toast.js-hidding {
    animation-name: toast-hide-from-top;
  }
}

.form-content fieldset.grid {
  margin: 0;
  padding: 24px;
  border-radius: var(--radius-200);
}
.form-content fieldset.grid--neutre {
  padding: 0px 0px 0px !important;
}

.form-content__search fieldset.grid {
  margin: 16px 0 0;
  padding: 8px 12px 12px;
  background-color: var(--lighter);
  border-radius: var(--radius-200);
}

.new-patient .form .form-content__search fieldset.grid .grid-item,
.new-patient .form .form-content__small fieldset.grid .grid-item {
  margin-bottom: 0;
}

.new-patient .form.form .grid .grid-item {
  margin-bottom: 24px;
}

.form-content fieldset.grid .grid-item {
  padding: 12px;
  margin-bottom: 0;
}
.form-content fieldset.grid .col5 .grid-item {
  padding: 8px;
}

.form-control select,
select {
  -webkit-appearance: none;
}

.block-list__filters button[type=reset] svg {
  min-width: 24px;
}

.navbar .navbar-collapse .collapse .btn svg {
  top: calc(50% - 10px);
}

.page-header {
  padding-bottom: 16px;
  margin-bottom: 0;
}
.page-header .page-header__title {
  /*margin-bottom: 8px;
  margin-top: 8px;*/
}
.page-header .page-header__title .btn svg {
  width: 24px;
  height: 24px;
}
.page-header .page-header__actions {
  position: relative;
  right: auto;
  top: auto;
  min-width: max-content;
}
.page-header .page-header__actions button.btn {
  min-width: max-content;
}
.page-header .page-header__actions button.btn svg {
  min-width: 24px;
}

/*
@media screen and (max-width: 1084px){
    .page-header__actions:not(.page-header-withbuttons__actions) {
        margin-top: 0;
    }
}*/
@media screen and (max-width: 768px) {
  main > .grid-item__span-8 .page-header {
    margin: 16px 16px 16px;
  }
}
/*.block:last-child {
    margin: 0px 0 64px;
}*/
.page-header + .container.block {
  margin-top: 0;
}

.main .page.page-error {
  margin-top: 24px;
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-selected-focus-icon-color: var(--primary-400);
  --mdc-checkbox-selected-hover-icon-color: var(--primary-400);
  --mdc-checkbox-selected-icon-color: var(--primary-400);
  --mdc-checkbox-selected-pressed-icon-color: var(--primary-400);
  --mdc-checkbox-selected-focus-state-layer-color: var(--primary-400);
  --mdc-checkbox-selected-hover-state-layer-color: var(--primary-400);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--primary-400);
  --mdc-form-field-label-text-color:var(--primary-400);
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--primary-400);
  --mat-full-pseudo-checkbox-selected-checkmark-color: var(--primary-400);
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(var(--primary-400), 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--primary-400);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html .mat-accent {
  --mat-slider-ripple-color: var(--primary-400);
  --mat-slider-hover-state-layer-color: rgba(var(--primary-400), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--primary-400), 0.2);
  --mdc-slider-handle-color: var(--primary-400);
  --mdc-slider-focus-handle-color: var(--primary-400);
  --mdc-slider-hover-handle-color: var(--primary-400);
  --mdc-slider-active-track-color: var(--primary-400);
  --mdc-slider-inactive-track-color: var(--primary-400);
  --mdc-slider-with-tick-marks-inactive-container-color: var(--primary-400);
  --mdc-slider-with-tick-marks-active-container-color: var(--primary-400);
}

html .mat-accent {
  --mdc-circular-progress-active-indicator-color: var(--primary-400);
}

.mat-chip {
  font-weight: 600;
}
.mat-chip.mat-form-field-appearance-standard .mat-form-field-flex {
  padding: 0;
}
.mat-chip .mat-form-field-infix {
  width: 100%;
  padding: 0;
  border-top: 0;
}
.mat-chip input.mat-mdc-chip-input {
  display: flex;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  padding: 10px 50px 10px 10px;
  border: 1px solid var(--grey-200);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--grey-600);
  border-radius: 2px;
  appearance: none;
  background: white;
  width: inherit;
}
.mat-chip input.mat-mdc-chip-input.mat-mdc-autocomplete-trigger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M5.52177 5.17159C5.12443 5.61401 4.43112 5.61401 4.03378 5.17159L0.88737 1.66818C0.309208 1.02442 0.766094 -8.94675e-07 1.63137 -8.19031e-07L7.92419 -2.68895e-07C8.78946 -1.93251e-07 9.24635 1.02442 8.66818 1.66818L5.52177 5.17159Z' fill='%238F9DA9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 12px);
  background-position-y: 50%;
}
.mat-chip input.mat-mdc-chip-input-text {
  background-image: none;
}
.mat-chip input.mat-mdc-chip-input:hover {
  border-color: var(--primary-300);
}
.mat-chip input.mat-mdc-chip-input::placeholder {
  color: var(--grey-600);
}
.mat-chip.mat-form-field-appearance-legacy .mat-form-field-underline {
  display: none;
}
.mat-chip.mat-form-field-appearance-standard .mat-form-field-underline, .mat-chip.mat-form-field-appearance-standard .mat-form-field-ripple {
  height: 0;
}

/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
.mat-mdc-chip-list-wrapper,
.mat-chip-list-wrapper {
  margin: 0px 0;
}
.mat-mdc-chip-list-wrapper input.mat-mdc-input-element,
.mat-mdc-chip-list-wrapper .mat-mdc-standard-chip,
.mat-chip-list-wrapper input.mat-mdc-input-element,
.mat-chip-list-wrapper .mat-mdc-standard-chip {
  background-color: var(--primary-400);
  border-radius: var(--radius-200);
  font-weight: 600;
  font-size: 12px;
  color: white;
  margin: 0 8px 8px 0;
  min-height: 24px;
  line-height: 15px;
}
.mat-mdc-chip-list-wrapper input.mat-mdc-input-element,
.mat-mdc-chip-list-wrapper .mat-mdc-standard-chip.warning,
.mat-chip-list-wrapper input.mat-mdc-input-element,
.mat-chip-list-wrapper .mat-mdc-standard-chip.warning {
  background-color: var(--orange-400) !important;
  border-radius: var(--radius-200);
  font-weight: 600;
  font-size: 12px;
  color: white;
  margin: 0 8px 8px 0;
  min-height: 24px;
  line-height: 15px;
}
.mat-mdc-chip-list-wrapper .mat-mdc-chip.mat-primary,
.mat-chip-list-wrapper .mat-mdc-chip.mat-primary {
  background-color: var(--primary-400);
  color: #fff;
}
.mat-mdc-chip-list-wrapper .mat-mdc-chip.mat-warning,
.mat-chip-list-wrapper .mat-mdc-chip.mat-warning {
  background-color: var(--orange-400) !important;
  color: #fff;
}

/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
.mat-mdc-chip.mat-mdc-standard-chip .mat-chip-remove.mat-icon {
  margin-top: 0px;
  width: 16px;
  height: 16px;
  color: white;
  opacity: 1;
}

/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
.mat-mdc-chip.mat-mdc-standard-chip .mat-chip-remove {
  color: white;
  opacity: 1;
  height: auto;
}

/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
.mat-mdc-standard-chip.mat-chip-with-trailing-icon {
  padding: 4px 8px;
}
.mat-mdc-standard-chip.mat-chip-with-trailing-icon svg {
  width: 10px;
  height: 10px;
  color: white;
}

.form-control__disabled {
  /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
}
.form-control__disabled .mat-mdc-chip input.mat-mdc-chip-input,
.form-control__disabled .mat-chip-list .mat-chip-list-wrapper input.mat-input-element,
.form-control__disabled .mat-chip-list .mat-chip-list-wrapper .mat-mdc-standard-chip {
  opacity: 1;
  color: var(--grey-300);
  font-weight: 400;
  background-color: var(--grey-100);
  border-color: var(--grey-200);
  cursor: not-allowed;
}
.form-control__disabled .mat-mdc-chip input.mat-mdc-chip-input::placeholder,
.form-control__disabled .mat-chip-list .mat-chip-list-wrapper input.mat-input-element::placeholder,
.form-control__disabled .mat-chip-list .mat-chip-list-wrapper .mat-mdc-standard-chip::placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--grey-300);
}
.form-control__disabled .mat-chip-list .mat-chip-list-wrapper .mat-mdc-standard-chip svg {
  color: var(--grey-300);
}

/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
.mat-mdc-chip.mat-mdc-standard-chip .mat-chip-remove.mat-icon {
  display: flex;
}
.mat-mdc-chip.mat-mdc-standard-chip .mat-chip-remove.mat-icon svg {
  align-self: center;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-wrapper {
  padding-bottom: 8px;
}

.mat-mdc-chip-list .mat-chip-list-wrapper .mat-chip,
.mat-chip-list .mat-chip-list-wrapper .mat-chip.mat-mdc-standard-chip {
  height: auto;
}

input.mat-mdc-chip-input.error {
  border-color: var(--red-400);
}

.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label,
.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing {
  color: #fff !important;
}

.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing {
  width: 10px;
  height: 10px;
}
.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing svg {
  width: 10px;
  height: 10px;
  display: flex;
}
.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing::after {
  content: none;
}

.mat-mdc-form-field-subscript-wrapper {
  height: 0;
}

.mat-chip-grid-wrapper mat-chip-row {
  --mdc-chip-container-height: auto;
}
.mat-chip-grid-wrapper mat-chip-row.mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: auto;
}
.mat-chip-grid-wrapper mat-chip-row.mdc-evolution-chip:first-child {
  margin-left: 0px;
}

.mat-chip-input .textforce,
.mat-mdc-chip-input .textforce {
  background-image: none !important;
  padding: 10px !important;
}

.cdk-global-overlay-wrapper .cdk-overlay-pane.mat-mdc-dialog-panel {
  max-height: 100vh !important;
}

.mat-mdc-option {
  font-family: "Inter", Helvetica Neue, sans-serif;
  line-height: 20px !important;
  font-size: 13px !important;
  min-height: 29px !important;
  line-height: 20px !important;
}
.mat-mdc-option:hover {
  background: var(--primary-400) !important;
  color: rgb(255, 255, 255);
}
.mat-mdc-option-text {
  font-weight: 400;
}

.mat-tree {
  /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.mat-tree .mdc-icon-button.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 30px!important;
  padding: 3px;
}
.mat-tree .mdc-icon-button.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple {
  display: none;
}
.mat-tree .mat-mdc-icon-button .mat-button-wrapper svg {
  width: 24px;
  height: 24px;
  color: var(--grey-300);
}
.mat-tree .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-tree .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: var(--primary-400);
}
.mat-tree-node {
  margin-bottom: 8px;
  width: 100%;
}
.mat-tree-node .mat-mdc-checkbox,
.mat-tree-node .mat-mdc-checkbox {
  width: 100%;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field,
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field {
  width: 100%;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mdc-checkbox,
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-inner-container,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mdc-checkbox,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mat-checkbox-inner-container,
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mdc-checkbox,
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-inner-container,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mdc-checkbox,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mat-checkbox-inner-container {
  width: 100%;
}
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-label,
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mdc-label,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mat-checkbox-label,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mdc-label,
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-label,
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mdc-label,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mat-checkbox-label,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mdc-label {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  color: var(--grey-300);
  padding: 12px 16px;
  border: 1px solid var(--grey-100);
  border-radius: 4px;
  width: 100%;
}
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-label:hover,
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mdc-label:hover,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mat-checkbox-label:hover,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mdc-label:hover,
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-label:hover,
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mdc-label:hover,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mat-checkbox-label:hover,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mdc-label:hover {
  border: 1px solid var(--primary-400);
}
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-label svg,
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mdc-label svg,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mat-checkbox-label svg,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mdc-label svg,
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-label svg,
.mat-tree-node .mat-mdc-checkbox .mat-checkbox-layout .mdc-label svg,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mat-checkbox-label svg,
.mat-tree-node .mat-mdc-checkbox .mdc-form-field.mat-internal-form-field .mdc-label svg {
  width: 20px;
  height: 20px;
  color: var(--primary-600);
  margin-right: 10px;
}
.mat-tree-node .mat-mdc-checkbox .mat-mdc-checkbox .mdc-checkbox__ripple,
.mat-tree-node .mat-mdc-checkbox .mat-accent .mdc-checkbox__ripple,
.mat-tree-node .mat-mdc-checkbox .mat-mdc-checkbox .mdc-checkbox__ripple,
.mat-tree-node .mat-mdc-checkbox .mat-accent .mdc-checkbox__ripple {
  background-color: var(--primary-100);
}
.mat-tree-node .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mat-tree-node .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.mat-tree-node .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background,
.mat-tree-node .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mat-tree-node .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.mat-tree-node .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  border-color: var(--primary-400);
  background-color: var(--primary-400);
}
.mat-tree-node .mat-checkbox-label {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  color: var(--grey-300);
  padding: 12px 16px;
  border: 1px solid var(--grey-100);
  border-radius: 4px;
}
.mat-tree-node .mat-checkbox-label:hover {
  border: 1px solid var(--primary-400);
}
.mat-tree-node .mat-checkbox-label svg {
  width: 20px;
  height: 20px;
  color: var(--primary-600);
  margin-right: 10px;
}
.mat-tree-node[aria-expanded=true] {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.mat-tree-node[aria-expanded=true] .mat-checkbox-layout .mat-checkbox-label,
.mat-tree-node[aria-expanded=true] .mdc-form-field.mat-internal-form-field .mdc-label {
  font-weight: 500;
  color: var(--primary-500);
  width: 100%;
}
.mat-tree-node[aria-level="1"], .mat-tree-node[aria-level="2"], .mat-tree-node[aria-level="3"] {
  transition: none !important;
}
.mat-tree-node[aria-level="1"] svg.icon-arrow_right, .mat-tree-node[aria-level="2"] svg.icon-arrow_right, .mat-tree-node[aria-level="3"] svg.icon-arrow_right {
  transform: none !important;
  color: var(--grey-300);
  padding: 3px;
}
.mat-tree .mat-mdc-checkbox .mat-mdc-checkbox-inner-container:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element .mat-chexkbox .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-tree .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background-color: var(--primary-100);
}
.mat-tree .mat-checkbox-checked .mat-checkbox-checkmark {
  animation: none !important;
  transition: none !important;
}
.mat-tree .mat-checkbox-indeterminate .mat-checkbox-mixedmark {
  animation: none !important;
  transition: none !important;
  transform: none !important;
}
.mat-tree .mat-checkbox-checked .mat-checkbox-mixedmark {
  animation: none !important;
  transition: none !important;
  transform: none !important;
}
.mat-tree .mat-tree-node .mat-mdc-checkbox-layout .mat-checkbox, .mat-tree .mat-tree-node[aria-expanded=true] .mat-mdc-checkbox-layout .mat-checkbox {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.mat-tree .mat-tree-node .mat-mdc-checkbox-layout .mat-checkbox .mat-mdc-checkbox, .mat-tree .mat-tree-node[aria-expanded=true] .mat-mdc-checkbox-layout .mat-checkbox .mat-mdc-checkbox {
  width: 100%;
}
.mat-tree .mat-tree-node .mat-mdc-checkbox-layout .mat-checkbox .mat-checkbox-label .mat-checkbox-label, .mat-tree .mat-tree-node[aria-expanded=true] .mat-mdc-checkbox-layout .mat-checkbox .mat-checkbox-label .mat-checkbox-label {
  color: var(--grey-300);
}
.mat-tree .mat-tree-node .mat-mdc-checkbox-layout .mat-checkbox .mat-mdc-checkbox.mat-checkbox-checked .mat-checkbox-label .mat-checkbox.mat-checkbox-checked .mat-checkbox-label, .mat-tree .mat-tree-node[aria-expanded=true] .mat-mdc-checkbox-layout .mat-checkbox .mat-mdc-checkbox.mat-checkbox-checked .mat-checkbox-label .mat-checkbox.mat-checkbox-checked .mat-checkbox-label {
  color: var(--primary-500);
}
.mat-tree .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.mat-tree .mat-tree-node .mat-checkbox-label {
  width: 100%;
}
.mat-tree .mat-mdc-radio-button.mat-accent .mat-radio-inner-circle, .mat-tree .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-tree .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-tree .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: var(--primary-400);
}
.mat-tree .mat-mdc-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--primary-400);
}
.mat-tree .mdc-checkbox {
  margin-right: 12px;
}
.mat-tree .mdc-checkbox:active .mdc-checkbox__native-control, .mat-tree .mdc-checkbox:hover .mdc-checkbox__native-control, .mat-tree .mdc-checkbox:active .mdc-checkbox__native-control {
  visibility: hidden !important;
}
.mat-tree .mdc-checkbox:active .mdc-checkbox__native-control.mdc-checkbox--selected ~ .mdc-checkbox__ripple, .mat-tree .mdc-checkbox:active .mdc-checkbox__native-control:checked ~ .mdc-checkbox__ripple, .mat-tree .mdc-checkbox:hover .mdc-checkbox__native-control.mdc-checkbox--selected ~ .mdc-checkbox__ripple, .mat-tree .mdc-checkbox:hover .mdc-checkbox__native-control:checked ~ .mdc-checkbox__ripple, .mat-tree .mdc-checkbox:active .mdc-checkbox__native-control.mdc-checkbox--selected ~ .mdc-checkbox__ripple, .mat-tree .mdc-checkbox:active .mdc-checkbox__native-control:checked ~ .mdc-checkbox__ripple {
  opacity: var(--primary-400) !important;
  background-color: var(--primary-400) !important;
  opacity: 0.05 !important;
}
.mat-tree .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mat-tree .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.mat-tree .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  border-color: var(--primary-400);
  background-color: var(--primary-400);
}
.mat-tree .mat-ripple.mat-mdc-checkbox-ripple.mat-mdc-focus-indicator {
  background-color: var(--primary-400);
  opacity: 0.05;
}

mat-tree mat-tree-node mat-radio-button.mat-mdc-radio-button.mat-accent {
  --mdc-radio-selected-focus-icon-color: var(--primary-400);
  --mdc-radio-selected-hover-icon-color: var(--primary-400);
  --mdc-radio-selected-icon-color: var(--primary-400);
  --mdc-radio-selected-pressed-icon-color: var(--primary-400);
  --mat-radio-checked-ripple-color: var(--primary-400);
}
mat-tree mat-tree-node mat-radio-button.mat-mdc-radio-checked .mdc-radio__background::before {
  background-color: var(--primary-400);
}
mat-tree mat-tree-node mat-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--primary-400);
  background-color: transparent !important;
}
mat-tree mat-tree-node mat-radio-button .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--primary-400);
}

.mat-tooltip,
.mdc-tooltip,
.mat-mdc-tooltip,
.mdc-tooltip {
  background-color: var(--primary-600);
  box-shadow: 0 2px 4px 0 rgba(45, 66, 76, 0.35);
  border-radius: var(--radius-200);
  color: #F9F9F9;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  padding: 8px 8px 8px 8px;
  white-space: pre-line;
}

mat-tooltip-component .mdc-tooltip__surface {
  background-color: transparent !important;
  text-align: center !important;
}

.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  display: flex;
}
.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background::before,
.mat-mdc-radio-button.mat-mdc-radio-checked .mat-ripple-element,
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle,
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  background-color: var(--primary-400);
}

.mat-mdc-radio-button.mat-accent {
  --mdc-radio-selected-focus-icon-color: var(--primary-400);
  --mdc-radio-selected-hover-icon-color: var(--primary-400);
  --mdc-radio-selected-icon-color: var(--primary-400);
  --mdc-radio-selected-pressed-icon-color:var(--primary-400);
  --mat-radio-checked-ripple-color: var(--primary-400);
  --mat-option-selected-state-label-text-color: var(--primary-400);
}

.mat-mdc-menu-panel .mat-mdc-menu-content {
  padding-top: 0;
  padding-bottom: 0;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item {
  width: 100%;
  justify-content: flex-start;
  color: var(--grey-600);
  padding: 4px 12px !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  text-decoration: none;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:first-child {
  border-top: 1px solid #fff;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not(:first-child) {
  border-top: 1px solid var(--grey-100);
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover {
  border-color: var(--grey-100);
  background-color: var(--primary-100) !important;
  border-bottom: none;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item-text {
  font-weight: 600 !important;
  font-size: 14px !important;
}

.mat-mdc-menu-content,
.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  font-family: Inter, "Helvetica Neue", sans-serif !important;
  line-height: 24px !important;
  font-size: 14px !important;
  letter-spacing: 0.2px !important;
  font-weight: 600 !important;
  font-family: "Inter", "Helvetica Neue", sans-serif !important;
}

.mat-mdc-button-base.dropdown-button-classic.btn.btn-secondary {
  --mdc-icon-button-state-layer-size: 48px!important;
  border-radius: var(--radius-200) !important;
  width: auto !important;
  display: flex !important;
  padding: 0 16px !important;
  height: 32px !important;
  border: 1px solid var(--grey-100) !important;
  background-color: var(--grey-100) !important;
  padding-right: 38px !important;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: var(--primary-500);
  size: 14px;
  transition: background-color 0.2s, color 0.2s;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: normal;
  outline: none;
}
.mat-mdc-button-base.dropdown-button-classic .mdc-button__label {
  display: flex;
  align-items: center;
}
.mat-mdc-button-base.dropdown-button-classic .mdc-button__label svg + div {
  margin-left: 8px !important;
}
.mat-mdc-button-base.dropdown-button-classic .mdc-button__label div {
  letter-spacing: 0.2px;
  font-style: normal;
  font-weight: 600 !important;
  font: 12px Inter, "Helvetica Neue", sans-serif !important;
}

.cdk-overlay-pane .mat-autocomplete-panel .mat-option {
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
  white-space: initial;
  overflow: auto;
}

/* input */
.mat-mdc-form-field.mat-chip.form-control__field.mat-mdc-form-field-type-mat-input .mat-mdc-text-field-wrapper.mdc-text-field {
  padding: 0px;
  border: 1px solid var(--grey-200);
  border-radius: var(--radius-100) !important;
}
.mat-mdc-form-field.mat-chip.form-control__field.mat-mdc-form-field-type-mat-input .mat-mdc-text-field-wrapper.mdc-text-field:hover:not(.mdc-text-field--disabled), .mat-mdc-form-field.mat-chip.form-control__field.mat-mdc-form-field-type-mat-input .mat-mdc-text-field-wrapper.mdc-text-field:active:not(.mdc-text-field--disabled) {
  border: 1px solid var(--primary-300);
}
.mat-mdc-form-field.mat-chip.form-control__field.mat-mdc-form-field-type-mat-input .mat-mdc-text-field-wrapper.mdc-text-field:not(.mdc-text-field--disabled) {
  background-color: #fff;
}
.mat-mdc-form-field.mat-chip.form-control__field.mat-mdc-form-field-type-mat-input .mat-mdc-text-field-wrapper.mdc-text-field:hover .mat-mdc-form-field-focus-overlay, .mat-mdc-form-field.mat-chip.form-control__field.mat-mdc-form-field-type-mat-input .mat-mdc-text-field-wrapper.mdc-text-field:active .mat-mdc-form-field-focus-overlay {
  background-color: #fff;
}
.mat-mdc-form-field.mat-chip.form-control__field.mat-mdc-form-field-type-mat-input .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-focus-overlay {
  background-color: #fff;
}
.mat-mdc-form-field.mat-chip.form-control__field.mat-mdc-form-field-type-mat-input .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.mat-mdc-form-field.mat-chip.form-control__field.mat-mdc-form-field-type-mat-input .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-autocomplete-trigger.mat-mdc-input-element.mat-chip-input.mat-mdc-form-field-input-control.mdc-text-field__input {
  border: none;
}
.mat-mdc-form-field.mat-chip.form-control__field.mat-mdc-form-field-type-mat-input .mat-mdc-text-field-wrapper.mdc-text-field .mdc-line-ripple {
  display: none !important;
}

/*input mat chip sans autocomplete*/
.input-group .mat-mdc-form-field.mat-chip.form-control__field.mat-mdc-form-field-type-mat-input .mat-mdc-text-field-wrapper.mdc-text-field {
  border: 1px solid var(--grey-200);
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: var(--radius-100) !important;
  border-top-left-radius: var(--radius-100) !important;
}

.form-control .mat-mdc-form-field.mat-chip input[type=text]:not(.mat-mdc-autocomplete-trigger) {
  margin-left: 0 !important;
  border: none !important;
}

/* results >> chips */
.mdc-evolution-chip-set {
  margin-left: 8px;
  margin-right: 8px;
}
.mdc-evolution-chip-set .mdc-evolution-chip-set__chips {
  /*item chip */
}
.mdc-evolution-chip-set .mdc-evolution-chip-set__chips .mat-mdc-chip.mat-mdc-chip-option {
  background-color: var(--primary-400);
  border-radius: var(--radius-200);
  border-radius: var(--radius-200);
  margin: 8px 8px 0px 0px;
}
.mdc-evolution-chip-set .mdc-evolution-chip-set__chips .mat-mdc-chip.mat-mdc-chip-option .mat-mdc-chip-focus-overlay {
  /* texte*/
  /* icon */
}
.mdc-evolution-chip-set .mdc-evolution-chip-set__chips .mat-mdc-chip.mat-mdc-chip-option .mat-mdc-chip-focus-overlay .mdc-evolution-chip__cell:not(.mdc-evolution-chip__cell--trailing) .mdc-evolution-chip__action .mat-mdc-chip-action-label {
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  min-height: 24px;
  line-height: 15px;
  padding: 8px;
}
.mdc-evolution-chip-set .mdc-evolution-chip-set__chips .mat-mdc-chip.mat-mdc-chip-option .mat-mdc-chip-focus-overlay .mdc-evolution-chip__cell.mdc-evolution-chip__cell--trailing .mat-icon {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  display: flex;
  opacity: 1;
}

.mat-mdc-form-field.mat-mdc-form-field-type-mat-input {
  width: 100%;
}
.mat-mdc-form-field.mat-mdc-form-field-type-mat-input .mat-mdc-text-field-wrapper {
  width: 100%;
  display: block;
}

.mat-mdc-chip-input.mat-mdc-input-element.mdc-text-field__input.mat-input-element.mat-chip-input.mat-mdc-form-field-input-control {
  width: 100%;
}

.mat-mdc-chip-input.mat-mdc-input-element.mdc-text-field__input.mat-input-element.mat-chip-input-text.mat-mdc-form-field-input-control {
  width: 100%;
}

.mat-mdc-form-field.mat-chip.form-control__field .mat-mdc-form-field-subscript-wrapper {
  height: 0;
}

.mat-mdc-chip-set .mdc-evolution-chip-set__chips .mat-chip-list-wrapper .mat-mdc-chip {
  background-color: var(--primary-400);
  border-radius: var(--radius-200);
  border-radius: var(--radius-200);
  margin: 8px 8px 0px 0px;
}
.mat-mdc-chip-set .mdc-evolution-chip-set__chips .mat-chip-list-wrapper .mat-mdc-chip .mdc-evolution-chip__text-label.mat-mdc-chip-action-label {
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  min-height: 24px;
  line-height: 15px;
  padding: 8px;
}
.mat-mdc-chip-set .mdc-evolution-chip-set__chips .mat-chip-list-wrapper .mat-mdc-chip .mat-icon {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  display: flex;
  opacity: 1;
}

mat-chip-listbox {
  margin-left: 0px;
  margin-right: 8px;
  margin-top: 0px;
}

.mdc-evolution-chip-set__chips mat-chip,
.mdc-evolution-chip-set__chips mat-chip-option,
.mdc-evolution-chip-set__chips mat-chip-row {
  margin-left: 0;
  margin-right: 8px;
  background-color: var(--primary-400);
  border-radius: var(--radius-200);
  border-radius: var(--radius-200);
  margin: 8px 8px 0px 0px;
}
.mdc-evolution-chip-set__chips mat-chip.mat-primary:not(.mdc-evolution-chip--disabled), .mdc-evolution-chip-set__chips mat-chip.mat-mdc-standard-chip.mat-primary:not(.mdc-evolution-chip--disabled),
.mdc-evolution-chip-set__chips mat-chip-option.mat-primary:not(.mdc-evolution-chip--disabled),
.mdc-evolution-chip-set__chips mat-chip-option.mat-mdc-standard-chip.mat-primary:not(.mdc-evolution-chip--disabled),
.mdc-evolution-chip-set__chips mat-chip-row.mat-primary:not(.mdc-evolution-chip--disabled),
.mdc-evolution-chip-set__chips mat-chip-row.mat-mdc-standard-chip.mat-primary:not(.mdc-evolution-chip--disabled) {
  background-color: var(--primary-400);
}
.mdc-evolution-chip-set__chips mat-chip.mat-primary:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label.mat-mdc-chip-action-label, .mdc-evolution-chip-set__chips mat-chip.mat-mdc-standard-chip.mat-primary:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label.mat-mdc-chip-action-label,
.mdc-evolution-chip-set__chips mat-chip-option.mat-primary:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label.mat-mdc-chip-action-label,
.mdc-evolution-chip-set__chips mat-chip-option.mat-mdc-standard-chip.mat-primary:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label.mat-mdc-chip-action-label,
.mdc-evolution-chip-set__chips mat-chip-row.mat-primary:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label.mat-mdc-chip-action-label,
.mdc-evolution-chip-set__chips mat-chip-row.mat-mdc-standard-chip.mat-primary:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label.mat-mdc-chip-action-label {
  color: #fff;
}
.mdc-evolution-chip-set__chips mat-chip.mat-primary:not(.mdc-evolution-chip--disabled) mat-icon svg, .mdc-evolution-chip-set__chips mat-chip.mat-mdc-standard-chip.mat-primary:not(.mdc-evolution-chip--disabled) mat-icon svg,
.mdc-evolution-chip-set__chips mat-chip-option.mat-primary:not(.mdc-evolution-chip--disabled) mat-icon svg,
.mdc-evolution-chip-set__chips mat-chip-option.mat-mdc-standard-chip.mat-primary:not(.mdc-evolution-chip--disabled) mat-icon svg,
.mdc-evolution-chip-set__chips mat-chip-row.mat-primary:not(.mdc-evolution-chip--disabled) mat-icon svg,
.mdc-evolution-chip-set__chips mat-chip-row.mat-mdc-standard-chip.mat-primary:not(.mdc-evolution-chip--disabled) mat-icon svg {
  color: #fff;
}
.mdc-evolution-chip-set__chips mat-chip .mdc-evolution-chip__action,
.mdc-evolution-chip-set__chips mat-chip-option .mdc-evolution-chip__action,
.mdc-evolution-chip-set__chips mat-chip-row .mdc-evolution-chip__action {
  padding-left: 8px !important;
  font-family: Inter, "Helvetica Neue", sans-serif !important;
  letter-spacing: 0.2px;
}
.mdc-evolution-chip-set__chips mat-chip .mdc-evolution-chip__text-label,
.mdc-evolution-chip-set__chips mat-chip .mat-mdc-chip-action-label,
.mdc-evolution-chip-set__chips mat-chip-option .mdc-evolution-chip__text-label,
.mdc-evolution-chip-set__chips mat-chip-option .mat-mdc-chip-action-label,
.mdc-evolution-chip-set__chips mat-chip-row .mdc-evolution-chip__text-label,
.mdc-evolution-chip-set__chips mat-chip-row .mat-mdc-chip-action-label {
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  min-height: 24px;
  line-height: 15px;
  padding: 8px;
  letter-spacing: 0.2px;
  font-family: Inter, "Helvetica Neue", sans-serif !important;
}
.mdc-evolution-chip-set__chips mat-chip .mdc-evolution-chip__cell mat-icon,
.mdc-evolution-chip-set__chips mat-chip-option .mdc-evolution-chip__cell mat-icon,
.mdc-evolution-chip-set__chips mat-chip-row .mdc-evolution-chip__cell mat-icon {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  display: flex;
  opacity: 1;
}

.color_project {
  color: var(--var-3);
}

.calendar_englobe {
  width: calc(100% + 10px);
}

.block-list__search--alf {
  max-width: 50%;
  margin-right: 16px;
}

.btn-icon svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-top: -2px;
}

.connexion_container-img img {
  max-height: 60px;
}

.block-list__filters .form__field {
  min-width: 148px;
  max-width: 148px;
}

.submenu ul .gestion_demandes {
  right: 6px;
  background-color: var(--primary-100);
  padding: 10px 12px;
  border-radius: 3px;
}

.submenu ul .gestion_demandes a, .submenu ul .gestion_demandes button {
  font-weight: 600;
  font-size: 13px;
  line-height: 14px;
  color: var(--grey-500);
  text-decoration: none;
  text-transform: uppercase;
}

@media screen and (min-width: 990px) {
  .submenu ul .gestion_demandes {
    position: absolute;
  }
}
.table-dashboard {
  border: 1px solid var(--grey-100);
}
.table-dashboard thead tr th:first-child,
.table-dashboard tbody tr td:first-child {
  padding-left: 0 !important;
}
.table-dashboard tr.no-ts td {
  color: var(--orange-400);
}
.table-dashboard tr.no-ts td svg {
  color: var(--orange-400);
}
.table-dashboard tr.no-veille td {
  color: var(--primary-400);
}
.table-dashboard tr.no-veille td svg {
  color: var(--primary-400);
}
.table-dashboard tr th, .table-dashboard tr td {
  font-weight: 600 !important;
}
.table-dashboard tr th:nth-child(5), .table-dashboard tr th:nth-child(6), .table-dashboard tr td:nth-child(5), .table-dashboard tr td:nth-child(6) {
  font-weight: 500 !important;
}
.table-dashboard tr th:nth-child(5), .table-dashboard tr td:nth-child(5) {
  max-width: 130px;
}
.table-dashboard tr th svg, .table-dashboard tr td svg {
  color: var(--primary-400);
  width: 22px;
  height: 22px;
}
.table-dashboard tr th:first-child, .table-dashboard tr td:first-child {
  max-width: 42px;
  justify-content: center;
  align-content: center;
}
.table-card-postal {
  border: 1px solid var(--grey-100);
}
.table-card-postal thead tr th:first-child {
  padding-left: 56px;
  min-width: 50%;
  text-align: left;
}
.table-card-postal tbody tr td:first-child {
  text-transform: none;
}
.table-card-postal tbody tr {
  position: relative;
}
.table-card-postal tbody tr:not(.warning, .except) td:first-child svg.icon-call {
  color: var(--blue-400);
}
.table-card-postal tbody tr:not(.warning, .except) td:first-child svg.icon-mail {
  color: var(--green-400);
}
.table-card-postal tbody tr:not(.warning, .except) td:first-child svg.icon-call {
  color: var(--blue-400);
}
.table-card-postal tbody tr:not(.warning, .except) td:first-child svg.icon-contact-mail {
  color: var(--purple-400);
}
.table-card-postal tbody tr.warning td:first-child svg {
  color: var(--orange-400);
}
.table-card-postal tbody tr.except td .chips {
  background-color: var(--grey-100);
  font-weight: 400;
}
.table-card-postal tbody tr.except td .chips--REALISED, .table-card-postal tbody tr.except td .chips--REALIZED, .table-card-postal tbody tr.except td .chips--SENT {
  color: var(--grey-300);
}
.table-card-postal tbody tr.except td:first-child svg {
  color: var(--grey-300);
}
.table-card-postal tbody tr td {
  justify-content: flex-start;
  padding: 0 16px;
  font-weight: 400;
}
.table-card-postal tbody tr td .btn:hover {
  background-color: inherit;
  border: 1px solid transparent;
}
.table-card-postal tbody tr td:first-child {
  padding-left: 56px;
  min-width: 50%;
  text-align: left;
}
.table-card-postal tbody tr td:first-child svg {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 18px;
  color: var(--primary-400);
}
.table-card-postal thead tr th:nth-child(3),
.table-card-postal tbody tr td:nth-child(3) {
  max-width: 140px;
}
.table-card-postal thead tr th:nth-child(4),
.table-card-postal tbody tr td:nth-child(4) {
  max-width: 40px;
}
.table-card-postal thead tr th:nth-child(4) svg, .table-card-postal thead tr th:nth-child(5) svg,
.table-card-postal tbody tr td:nth-child(4) svg,
.table-card-postal tbody tr td:nth-child(5) svg {
  width: 20px;
  height: 20px;
}
.table-card-postal thead tr th:nth-child(6),
.table-card-postal tbody tr td:nth-child(6) {
  max-width: 55px;
}
.table-card-postal thead tr th:nth-child(6) button.except,
.table-card-postal tbody tr td:nth-child(6) button.except {
  color: var(--grey-300);
}
.table-card-postal thead tr th:nth-child(6) button,
.table-card-postal tbody tr td:nth-child(6) button {
  color: var(--primary-500);
}
.table-card-postal thead tr th:nth-child(6).color-blue svg,
.table-card-postal tbody tr td:nth-child(6).color-blue svg {
  color: var(--primary-400);
}
.table-card-postal thead tr th:nth-child(7),
.table-card-postal tbody tr td:nth-child(7) {
  max-width: 55px;
}
.table-card-postal thead tr th:nth-child(7) button svg,
.table-card-postal tbody tr td:nth-child(7) button svg {
  color: inherit !important;
}
.table-card-postal thead tr th:nth-child(7) button.except,
.table-card-postal tbody tr td:nth-child(7) button.except {
  color: var(--grey-300);
}
.table-card-postal thead tr th:nth-child(7) button,
.table-card-postal tbody tr td:nth-child(7) button {
  color: var(--primary-400);
}
.table-card-postal thead tr th:nth-child(7) button.text-success,
.table-card-postal tbody tr td:nth-child(7) button.text-success {
  color: var(--green-400);
}
.table-card-postal thead tr th .btn.btn-ghost svg.icon-history,
.table-card-postal tbody tr td .btn.btn-ghost svg.icon-history {
  color: var(--primary-400);
}
.table-card-postal thead tr th:nth-child(4), .table-card-postal thead tr th:nth-child(5), .table-card-postal thead tr th:nth-child(6), .table-card-postal thead tr th:nth-child(7),
.table-card-postal tbody tr td:nth-child(4),
.table-card-postal tbody tr td:nth-child(5),
.table-card-postal tbody tr td:nth-child(6),
.table-card-postal tbody tr td:nth-child(7) {
  padding: 0;
  max-width: 48px;
}
.table-card-postal tr th {
  padding: 0 16px;
}
.table-card-postal tr th:first-child {
  max-width: none;
  justify-content: start;
}
.table-card-postal .tr--mail td:first-child {
  color: var(--green-400);
  font-weight: 600;
}
.table-card-postal .tr--call td:first-child {
  color: var(--blue-400);
  font-weight: 600;
}
.table-card-postal .tr--contactMail td:first-child {
  color: var(--purple-400);
  font-weight: 600;
}
.table-liste-taches {
  border: 1px solid var(--grey-100);
}
.table-liste-taches thead tr th:first-child {
  padding-left: 56px;
  min-width: 50%;
  text-align: left;
}
.table-liste-taches tbody tr td:first-child {
  text-transform: none;
}
.table-liste-taches tbody tr {
  position: relative;
}
.table-liste-taches tbody tr:not(.warning, .except) td:first-child svg.icon-call {
  color: var(--blue-400);
}
.table-liste-taches tbody tr:not(.warning, .except) td:first-child svg.icon-mail {
  color: var(--green-400);
}
.table-liste-taches tbody tr:not(.warning, .except) td:first-child svg.icon-call {
  color: var(--blue-400);
}
.table-liste-taches tbody tr:not(.warning, .except) td:first-child svg.icon-contact-mail {
  color: var(--purple-400);
}
.table-liste-taches tbody tr.warning td:first-child svg {
  color: var(--orange-400);
}
.table-liste-taches tbody tr.except td .chips {
  background-color: var(--grey-100);
  font-weight: 400;
}
.table-liste-taches tbody tr.except td .chips--REALISED, .table-liste-taches tbody tr.except td .chips--REALIZED, .table-liste-taches tbody tr.except td .chips--SENT {
  color: var(--grey-300);
}
.table-liste-taches tbody tr.except td:first-child svg {
  color: var(--grey-300);
}
.table-liste-taches tbody tr td {
  justify-content: flex-start;
  padding: 0 16px;
  font-weight: 400;
}
.table-liste-taches tbody tr td .btn:hover {
  background-color: inherit;
  border: 1px solid transparent;
}
.table-liste-taches tbody tr td:first-child {
  padding-left: 56px;
  min-width: 50%;
  text-align: left;
}
.table-liste-taches tbody tr td:first-child svg {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 18px;
  color: var(--primary-400);
}
.table-liste-taches thead tr th:nth-child(4),
.table-liste-taches tbody tr td:nth-child(4) {
  max-width: 140px;
}
.table-liste-taches thead tr th:nth-child(5),
.table-liste-taches tbody tr td:nth-child(5) {
  max-width: 60px;
  display: flex;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.table-liste-taches thead tr th:nth-child(5) svg,
.table-liste-taches tbody tr td:nth-child(5) svg {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}
.table-liste-taches tr th {
  padding: 0 16px;
}
.table-liste-taches tr th:first-child {
  max-width: none;
  justify-content: start;
}
.table-liste-taches .tr--mail td:first-child {
  color: var(--green-400);
  font-weight: 600;
}
.table-liste-taches .tr--call td:first-child {
  color: var(--blue-400);
  font-weight: 600;
}
.table-liste-taches .tr--contactMail td:first-child {
  color: var(--purple-400);
  font-weight: 600;
}
.table-appels thead tr th:last-child,
.table-appels tbody tr td:last-child, .table .table-card-postal.table-appels thead tr th:last-child,
.table .table-card-postal.table-appels tbody tr td:last-child {
  max-width: 200px;
}
.table-appels thead tr th:first-child, .table .table-card-postal.table-appels thead tr th:first-child {
  padding-left: 16px;
  min-width: 0;
}
.table-scroll-staffing .table {
  min-width: 1130px;
}

.table-scroll .table.calendar {
  min-width: 1128px;
}

.liste-patient .table th:first-child {
  justify-content: start;
}

.table-mail thead tr th:last-child, .table-mail tbody tr td:last-child {
  max-width: 250px;
  min-width: auto;
}

.table.table-card-postal tr.warning td,
.table.table-card-postal tr.warning th {
  color: var(--orange-400);
}

.table tr.danger {
  background-color: initial;
}
.table tr.danger td, .table tr.danger th {
  color: var(--red-400);
}
.table tr.except td, .table tr.except th {
  color: var(--grey-300) !important;
}
.table tr.except svg.except {
  color: var(--grey-300) !important;
}

/* bg */
.table tr.bg-primary500, .table tr.bg-primary500 td, .table tr.bg-primary500 td *, .table tr:nth-child(odd).bg-primary500, .table tr:nth-child(odd).bg-primary500 td, .table tr:nth-child(odd).bg-primary500 td * {
  background-color: var(--primary-500);
  color: #fff;
}

.table-scroll.table-scroll-staffing {
  overflow-y: auto;
  max-height: 450px;
  width: 101%;
}

/* button on calendar top */
.mat-form-field-calendar .mat-form-field {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
}
.mat-form-field-calendar button {
  box-shadow: none;
}

.calendar.table {
  display: grid;
  border: none;
  border-bottom: 1px solid #DDE2E5;
  border-radius: var(--radius-200);
}
.calendar.table > thead {
  display: flex;
  flex-flow: column nowrap;
}
.calendar.table > thead tr {
  width: 100%;
  border-radius: var(--radius-200);
}
.calendar.table > thead tr th {
  background-color: var(--primary-500);
  color: white;
}
.calendar.table > thead tr th button {
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  border: none;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  align-items: center;
  border-radius: var(--radius-200);
  padding: 4px 12px;
}
.calendar.table > thead tr th button:hover {
  background-color: var(--primary-400);
  border: none;
}
.calendar.table > thead tr th button svg {
  color: white;
  width: 24px;
  height: 24px;
  margin-left: 8px;
}
.calendar.table > thead tr th:first-child {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  text-transform: capitalize;
  border-top-left-radius: var(--radius-200);
  padding-left: 16px;
}
.calendar.table > thead tr th:nth-child(2) {
  display: flex;
  justify-content: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  text-transform: capitalize;
}
.calendar.table > thead tr th:last-child {
  display: flex;
  justify-content: flex-end;
  border-top-right-radius: var(--radius-200);
}
.calendar.table > thead tr th:last-child a {
  margin: 0 4px;
  width: 24px;
}
.calendar.table > thead tr th:last-child a:last-child {
  margin-right: 0;
}
@media screen and (max-width: 790px) {
  .calendar.table > thead tr {
    flex-flow: row;
    margin-bottom: 0;
  }
}
.calendar.table > tbody {
  border: none;
}
.calendar.table > tbody tr {
  border-left: 1px solid var(--light);
  border-right: 1px solid var(--light);
}
.calendar.table > tbody tr:first-child {
  min-height: 110px;
  background: white;
  border-bottom: 1px solid var(--light);
  border-left: 1px solid var(--light);
  border-right: 1px solid var(--light);
}
.calendar.table > tbody tr:first-child td {
  display: flex;
  min-width: 227px;
  flex-direction: column;
  border-right: 1px solid var(--light);
  padding: 0 4px;
}
.calendar.table > tbody tr:first-child td:last-child {
  border-right: 0;
}
.calendar.table > tbody tr:first-child td:hover {
  border-top-color: transparent;
}
.calendar.table > tbody tr:first-child td:hover .calendar-day, .calendar.table > tbody tr:first-child td:hover .calendar-day__nb {
  color: var(--primary-400);
  font-weight: 600;
}
@media screen and (max-width: 790px) {
  .calendar.table > tbody tr:first-child td {
    border-radius: none;
  }
}
.calendar.table > tbody tr:first-child td.calendar-current .calendar-day__nb {
  color: white;
}
.calendar.table > tbody tr:first-child:hover {
  border-top-color: transparent;
}
@media screen and (max-width: 790px) {
  .calendar.table > tbody tr:first-child {
    padding: 0;
    flex-flow: row nowrap;
    border-radius: 0;
  }
}
.calendar.table > tbody tr:nth-child(2) {
  padding: 16px;
  align-items: flex-start;
  cursor: inherit;
  border-top: transparent;
}
.calendar.table > tbody tr:nth-child(2):hover {
  background-color: inherit;
  border-color: var(--light);
}
.calendar.table > tbody tr:nth-child(2) td {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  flex-wrap: wrap;
  transition: all 0.2s ease-in-out;
}
.calendar.table > tbody tr:nth-child(2) td .calendar-cards {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
}
.calendar.table > tbody tr:nth-child(2) td .calendar-cards .calendar-cards__card {
  margin-right: 8px;
}
.calendar.table > tbody tr:nth-child(2) td:first-child {
  padding: 0;
}
.calendar.table > tbody tr:nth-child(3) {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  background-color: var(--lighter);
}
.calendar.table > tbody tr:nth-child(3):hover {
  border-color: transparent;
}
.calendar.table > tbody tr:nth-child(3) td {
  padding: 0 8px;
  justify-content: flex-start;
}
.calendar.table > tbody tr:nth-child(3) .calendar-col__last {
  margin-left: 16px;
}
.calendar.table > tbody tr:nth-child(3) .calendar-col__last ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin: 8px 0;
}
.calendar.table > tbody tr:nth-child(3) .calendar-col__last ul li {
  flex: none;
  margin: 4px 12px 4px 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: var(--grey-300);
}
@media screen and (max-width: 790px) {
  .calendar.table > tbody tr {
    flex-flow: row nowrap;
    border-radius: 0;
    margin-bottom: 0;
  }
}
.calendar-nav {
  cursor: pointer;
}
.calendar-nav svg {
  width: 24px;
  height: 24px;
  color: white;
}
.calendar-nav:hover svg {
  color: var(--primary-100);
}
.calendar-day {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: var(--grey-300);
  margin: 4px 0;
}
.calendar-day__nb {
  position: relative;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--grey-300);
  margin-bottom: 12px;
}
.calendar-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
.calendar-cards .btn-calendar-filter {
  position: absolute;
  right: 0;
  padding: 0;
  width: 100%;
  top: 0;
}
.calendar-cards .btn-calendar-filter .btn {
  padding: 0;
  padding-right: 15px;
  position: absolute;
  right: 0;
  top: 0px;
}
.calendar-cards .btn-calendar-filter .btn::after {
  content: none;
}
.calendar-cards .btn-calendar-filter .btn svg {
  color: var(--primary-400);
}
.calendar-cards .btn-calendar-filter .btn:hover svg, .calendar-cards .btn-calendar-filter .btn.active svg {
  color: var(--primary-500);
}
.calendar-cards .btn-calendar-filter .btn span.hilight {
  background-color: var(--red-400);
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 12px;
  border: 2px solid #fff;
  content: "";
  border-radius: 90px;
  width: 10px;
  height: 10px;
}
.calendar-cards .btn-calendar-filter ul.dropdown-content {
  top: 20px;
}
.calendar-cards .btn-calendar-filter ul.dropdown-content li {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--grey-600);
  padding: 10px;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid var(--grey-200);
  text-align: left;
  cursor: pointer;
}
.calendar-cards .btn-calendar-filter ul.dropdown-content li:hover, .calendar-cards .btn-calendar-filter ul.dropdown-content li.active {
  background-color: var(--primary-100);
}
.calendar-cards .btn-calendar-filter ul.dropdown-content li:last-child {
  border-bottom: none;
}
.calendar-cards__card {
  min-width: 46px;
  height: 30px;
  left: 270px;
  top: 185px;
  padding: 4px;
  background: #FFFFFF;
  border: 1px solid var(--blue-200);
  box-sizing: border-box;
  border-radius: 3px;
  margin-right: 4px;
  margin-bottom: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue-400);
}
.calendar-cards__card:last-child {
  margin-right: 0;
}
.calendar-cards__card-number {
  margin-right: 4px;
  flex: none;
}
.calendar-cards__card-icon {
  display: flex;
  align-content: center;
}
.calendar-cards__card-1 {
  border-color: var(--blue-200);
  color: var(--blue-400);
}
.calendar-cards__card-1 svg {
  color: var(--blue-400);
}
.calendar-cards__card-1 .calendar-col__grid-item.calendar-col__grid-item--passed .calendar-col__grid-item--firstline {
  color: var(--blue-400);
}
.calendar-cards__card-2 {
  border-color: var(--green-200);
  color: var(--green-400);
}
.calendar-cards__card-2 svg {
  color: var(--green-400);
}
.calendar-cards__card-2 .calendar-col__grid-item.calendar-col__grid-item--passed .calendar-col__grid-item--firstline {
  color: var(--green-400);
}
.calendar-cards__card-3 {
  border-color: var(--purple-200);
  color: var(--purple-400);
}
.calendar-cards__card-3 svg {
  color: var(--purple-400);
}
.calendar-cards__card-3 .calendar-col__grid-item.calendar-col__grid-item--passed .calendar-col__grid-item--firstline {
  color: var(--purple-400);
}
.calendar-cards__card-4 {
  border-color: var(--orange-200);
  color: var(--orange-400);
}
.calendar-cards__card-4 svg {
  color: var(--orange-400);
}
.calendar-cards__card-5 {
  border-color: var(--pink-200);
  color: var(--pink-400);
}
.calendar-cards__card-5 svg {
  color: var(--pink-400);
}
.calendar-col {
  display: flex;
  align-items: flex-start;
  min-height: 0 !important;
  margin: 4px;
  /*&:not(:first-child){
    border-top: 1px solid var(--light);
    padding-top: 8px!important;
  }*/
}
.calendar-col:nth-child(2) {
  padding: 0 8px;
}
.calendar-col:nth-child(3) {
  padding: 0;
}
.calendar-col__grid {
  margin-top: 8px;
  padding: 8px;
  width: 100%;
  background: var(--lighter);
  border-radius: 4px;
  min-height: 476px;
  max-height: 476px;
  overflow-y: scroll;
}
.calendar-col__grid.scrollbar {
  max-height: 476px;
}
.calendar-col__grid-item {
  cursor: pointer;
  padding: 12px;
  background: #FFFFFF;
  border: 1px solid var(--grey-100);
  box-sizing: border-box;
  border-radius: 4px;
  min-height: 60px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.25s ease-in-out;
}
.calendar-col__grid-item--firstline {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: var(--primary-500);
  margin-bottom: 2px;
  max-width: calc(100% - 45px);
  transition: all 0.25s ease-in-out;
}
.calendar-col__grid-item--firstline-arrow {
  opacity: 0;
  transition: all 0.25s ease-in-out;
}
.calendar-col__grid-item--firstline-icons {
  position: absolute;
  top: 12px;
  right: 12px;
}
.calendar-col__grid-item--firstline-icons svg {
  color: var(--primary-400);
  width: 16px;
  height: 16px;
}
.calendar-col__grid-item--firstline-icons svg + svg {
  margin-left: 8px;
}
.calendar-col__grid-item--firstline-icons .btn, .calendar-col__grid-item--firstline-icons a {
  display: inline-flex;
  padding: 0;
  align-items: flex-start;
}
.calendar-col__grid-item--firstline-icons .btn:not(:first-child), .calendar-col__grid-item--firstline-icons a:not(:first-child) {
  margin-left: 8px;
}
.calendar-col__grid-item--lastline {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--grey-300);
}
.calendar-col__grid-item:last-child {
  margin-bottom: 0;
}
.calendar-col__grid-item:hover {
  border-color: var(--grey-200);
}
.calendar-col__grid-item:hover .calendar-col__grid-item--firstline {
  text-decoration: underline;
  color: var(--primary-400);
  transition: all 0.25s ease-in-out;
}
.calendar-col__grid-item:hover .calendar-col__grid-item--firstline-arrow {
  opacity: 1;
  transform: translateX(50px);
}
.calendar-current {
  background: var(--primary-100);
}
.calendar-current .calendar-day {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: var(--primary-400);
}
.calendar-current .calendar-day__nb {
  position: relative;
  color: white;
  z-index: 1;
}
.calendar-current .calendar-day__nb::before {
  z-index: -1;
  position: absolute;
  content: "";
  top: -4px;
  left: -6px;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  background: var(--primary-400);
}
.calendar-current:hover .calendar-day__nb {
  color: white;
}
.calendar-disabled {
  background: var(--lighter);
}
.calendar-disabled .calendar-cards {
  opacity: 0.5;
}
.calendar-mini {
  background: white;
  box-shadow: 0px 0px 2px rgba(30, 29, 29, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 22px 22px 0;
}
.calendar-mini_navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.calendar-mini_navigation svg {
  width: 24px;
  height: 24px;
  color: var(--grey-300);
}
.calendar-mini_navigation a {
  display: block;
  width: 24px;
  height: 24px;
}
.calendar-mini_navigation a:hover svg {
  color: var(--primary-400);
}
.calendar-mini_navigation-month {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: var(--grey-600);
}
.calendar-mini_navigation-left {
  width: 24px;
  margin-right: 18px;
  transition: all 0.25s ease-in-out;
}
.calendar-mini_navigation-right {
  width: 24px;
  margin-left: 18px;
  transition: all 0.25s ease-in-out;
}

@keyframes sheen {
  0% {
    transform: translateX(0);
  }
}
.planning.table {
  display: grid;
  border-left: 1px solid #DDE2E5;
  border-right: 1px solid #DDE2E5;
  border-bottom: 1px solid #DDE2E5;
  border-radius: var(--radius-200);
}
.planning.table > thead {
  display: flex;
  flex-flow: column nowrap;
  position: sticky;
  top: 0;
}
.planning.table > thead tr {
  width: 100%;
  border-radius: var(--radius-200);
}
.planning.table > thead tr th {
  background-color: var(--primary-500);
  color: white;
}
.planning.table > thead tr th:first-child {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border-top-left-radius: var(--radius-200);
  padding-left: 16px;
}
.planning.table > thead tr th:nth-child(2) {
  display: flex;
  justify-content: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  text-transform: capitalize;
}
.planning.table > thead tr th:last-child {
  display: flex;
  justify-content: flex-end;
  border-top-right-radius: var(--radius-200);
}
.planning.table > thead tr th:last-child a:last-child {
  margin-left: 8px;
}
.planning.table > tbody tr:first-child {
  background-color: white;
  min-width: 200px;
  position: sticky;
  top: 40px;
  background-color: #fff !important;
}
.planning.table > tbody tr:first-child:hover {
  border-color: transparent;
  background-color: inherit;
  cursor: pointer;
}
.planning.table > tbody tr:first-child td:first-child {
  min-width: 200px;
  max-width: 200px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 8px 16px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: var(--primary-400);
}
.planning.table > tbody tr td {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0;
  min-width: 27px;
}
.planning.table > tbody tr td:first-child {
  min-width: 200px;
}
.planning.table > tbody tr td .planning-day__nb {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
}
.planning.table > tbody tr td:hover .planning-day, .planning.table > tbody tr td:hover .planning-day__nb {
  color: var(--primary-400);
  font-weight: 600;
}
.planning.table > tbody tr td:hover .planning-day__nb {
  color: var(--primary-200);
}
.planning.table > tbody tr:nth-child(n+2) {
  border-top: none;
  border-bottom: none;
}
.planning.table > tbody tr:nth-child(n+2):hover .planning-name {
  color: var(--primary-400);
}
.planning.table > tbody tr:nth-child(n+2) td:first-child {
  display: flex;
  min-width: 200px;
  max-width: 200px;
  padding: 8px 16px;
  background-color: var(--primary-100);
}
.planning.table > tbody tr:nth-child(n+2) td:first-child:hover {
  text-decoration: underline;
}
.planning.table > tbody tr:nth-child(n+2) td:first-child:hover .planning-name {
  border-color: var(--grey-200);
}
.planning.table > tbody tr:nth-child(n+2):hover .planning-not-working {
  background-color: var(--grey-200);
}
.planning.table > tbody tr:nth-child(n+2):hover .planning-available {
  background-color: var(--primary-300);
}
.planning.table > tbody tr:nth-child(n+2):hover .planning-unavailable {
  background-color: var(--red-400);
}
.planning.table > tbody tr:nth-child(odd) {
  background-color: inherit;
}
.planning.table > tbody tr:hover {
  background-color: inherit;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.planning-day {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: var(--grey-200);
  text-transform: uppercase;
  margin: 6px 0 0;
  transition: all 0.25s ease-in-out;
}
.planning-day__nb {
  position: relative;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--grey-300);
  margin-bottom: 6px;
}
.planning-current .planning-day {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: var(--primary-400);
}
.planning-current .planning-day__nb {
  position: relative;
  width: 24px;
  height: 24px;
  color: white;
  z-index: 1;
}
.planning-current .planning-day__nb::before {
  z-index: -1;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background: var(--primary-400);
}
.planning-current:hover .planning-day__nb {
  color: white;
}
.planning-name {
  display: flex;
  justify-items: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 8px;
  border-radius: var(--radius-200);
  border: 1px solid var(--grey-100);
  background-color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: var(--primary-500);
}
.planning-day-full {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: all var(--animation-time) ease-in-out;
}
.planning-day-middle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 2;
  width: 100%;
  transition: all var(--animation-time) ease-in-out;
}
.planning-day-middle:first-child {
  border-bottom: 1px solid white;
}
.planning-day-middle:last-child {
  border-top: 1px solid white;
}
.planning-not-working {
  background-color: var(--grey-100);
}
.planning-available {
  background-color: var(--primary-200);
}
.planning-unavailable {
  background-color: var(--red-300);
}
.planning-unavailable svg {
  color: white;
  width: 17px;
  height: 17px;
}

.legends {
  margin-top: 4px;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: var(--grey-600);
}
.legends li {
  margin-left: 50px;
  position: relative;
}
.legends li:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  left: -24px;
  top: 3px;
  border-radius: 8px;
}
.legends li.not-work:before {
  background: var(--grey-100);
}
.legends li.available:before {
  background: var(--primary-200);
}
.legends li.unavailable:before {
  background: var(--red-300);
}

.form-control__label-radio {
  display: flex;
  flex-direction: row;
  align-content: center;
  color: var(--grey-600);
  margin-bottom: 0;
}
.form-control__label-radio.radio-list .radiomark {
  left: 0;
}
.form-control__label-radio div {
  font-weight: 400;
  margin-left: 32px;
  margin-top: -10px;
  margin-bottom: 4px;
}

.form-content fieldset.grid p.consent {
  padding: 0;
  margin-bottom: 4px;
}

.form-content fieldset.grid p.small {
  font-size: 13px;
  line-height: 18px;
  padding: 0;
  color: var(--grey-300);
  font-style: italic;
}

.form fieldset.grid-date .grid-item__span-8 .grid--nogutter {
  border-right: 1px solid var(--light);
}

.form-content fieldset.grid {
  padding: 12px;
}

.form-control__label {
  font-weight: 500;
}

/*
.grid {
    margin: -0.73333em -12px;
}*/
@media screen and (min-width: 1040px) {
  .border-left {
    border-left: 1px solid var(--grey-100);
    padding-left: 24px !important;
  }
}

@media screen and (max-width: 989px) {
  .form-content__list--type-destinataire .grid .grid-item {
    flex: 0 0 auto;
    width: 100%;
    min-width: 100%;
  }
}

.fiche-patient-parcours .block-card-entourage-content-left--infos {
  font-weight: 600;
}
.fiche-patient-parcours .block-card-entourage-content-left--infos .text-normal {
  font-weight: 400;
}

.badge .chips,
.chips {
  border-radius: 16px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 500;
}
.badge .chips--primary500, .badge .chips--VALIDATED, .badge .chips--REALISED, .badge .chips--REALIZED, .badge .chips--SENT, .badge .chips--RECEIVED,
.chips--primary500,
.chips--VALIDATED,
.chips--REALISED,
.chips--REALIZED,
.chips--SENT,
.chips--RECEIVED {
  background-color: var(--primary-500);
  color: #fff;
  font-weight: 400;
}
.badge .chips--light, .badge .chips--IN_PROGRESS, .badge .chips--TO_REALISE, .badge .chips--TO_REALIZE, .badge .chips--TO_REALISED, .badge .chips--TO_SEND, .badge .chips--REGISTERED,
.chips--light,
.chips--IN_PROGRESS,
.chips--TO_REALISE,
.chips--TO_REALIZE,
.chips--TO_REALISED,
.chips--TO_SEND,
.chips--REGISTERED {
  background-color: var(--light);
  color: var(--primary-400);
  font-weight: 600;
}
.badge .chips--NOT-ABOUT, .badge .chips--UNSUCCESSFUL,
.chips--NOT-ABOUT,
.chips--UNSUCCESSFUL {
  background-color: var(--light);
  color: var(--orange-400);
  font-weight: 600;
}
.badge .chips--CANCEL, .badge .chips--CANCELLED,
.chips--CANCEL,
.chips--CANCELLED {
  background-color: var(--light);
  color: var(--red-400);
  font-weight: 400;
}

.page-header .chips {
  margin-left: 15px;
  transform: translateY(-5px);
  display: inline-flex;
  padding: 4px 16px;
  line-height: 24px;
}

@media screen and (max-width: 1200px) {
  .connexion {
    height: calc(100vh - 225px);
  }
}
@media screen and (max-width: 989px) {
  .block-default__title {
    display: flex;
    position: relative;
    width: 100%;
    align-self: center;
    margin-bottom: 8px;
    padding-bottom: 8px;
  }
  .block-default__title .btn-ghost.btn-icon-delete {
    border: 1px solid var(--grey-100);
    width: 100%;
    border-radius: var(--radius-200);
    margin-top: 16px;
  }
  .block-default__actions,
  .block-disease .block-default__title,
  .block-default__title .block-default__title--actions,
  .block-default__title--actions {
    width: 100%;
    display: block;
    position: relative;
    top: auto;
    right: auto;
    display: block;
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .block-default__actions .btn-group,
  .block-disease .block-default__title .btn-group,
  .block-default__title .block-default__title--actions .btn-group,
  .block-default__title--actions .btn-group {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 0;
  }
  .block-default__actions button,
  .block-default__actions button.btn-icon--neutre,
  .block-default__actions button.btn.btn-ghost,
  .block-default__actions button.btn.btn-ghost,
  .block-disease .block-default__title button,
  .block-disease .block-default__title button.btn-icon--neutre,
  .block-disease .block-default__title button.btn.btn-ghost,
  .block-disease .block-default__title button.btn.btn-ghost,
  .block-default__title .block-default__title--actions button,
  .block-default__title .block-default__title--actions button.btn-icon--neutre,
  .block-default__title .block-default__title--actions button.btn.btn-ghost,
  .block-default__title .block-default__title--actions button.btn.btn-ghost,
  .block-default__title--actions button,
  .block-default__title--actions button.btn-icon--neutre,
  .block-default__title--actions button.btn.btn-ghost,
  .block-default__title--actions button.btn.btn-ghost {
    margin: 0;
    padding: 8px !important;
    margin-bottom: 8px;
    border: 1px solid !important;
    width: 100% !important;
    border-radius: var(--radius-200);
  }
  .block-default__actions button.p-0,
  .block-default__actions button.btn-icon--neutre.p-0,
  .block-default__actions button.btn.btn-ghost.p-0,
  .block-default__actions button.btn.btn-ghost.p-0,
  .block-disease .block-default__title button.p-0,
  .block-disease .block-default__title button.btn-icon--neutre.p-0,
  .block-disease .block-default__title button.btn.btn-ghost.p-0,
  .block-disease .block-default__title button.btn.btn-ghost.p-0,
  .block-default__title .block-default__title--actions button.p-0,
  .block-default__title .block-default__title--actions button.btn-icon--neutre.p-0,
  .block-default__title .block-default__title--actions button.btn.btn-ghost.p-0,
  .block-default__title .block-default__title--actions button.btn.btn-ghost.p-0,
  .block-default__title--actions button.p-0,
  .block-default__title--actions button.btn-icon--neutre.p-0,
  .block-default__title--actions button.btn.btn-ghost.p-0,
  .block-default__title--actions button.btn.btn-ghost.p-0 {
    padding: 8px !important;
  }
  .block-default__actions button.btn-secondary,
  .block-default__actions button.btn-icon--neutre.btn-secondary,
  .block-default__actions button.btn.btn-ghost.btn-secondary,
  .block-default__actions button.btn.btn-ghost.btn-secondary,
  .block-disease .block-default__title button.btn-secondary,
  .block-disease .block-default__title button.btn-icon--neutre.btn-secondary,
  .block-disease .block-default__title button.btn.btn-ghost.btn-secondary,
  .block-disease .block-default__title button.btn.btn-ghost.btn-secondary,
  .block-default__title .block-default__title--actions button.btn-secondary,
  .block-default__title .block-default__title--actions button.btn-icon--neutre.btn-secondary,
  .block-default__title .block-default__title--actions button.btn.btn-ghost.btn-secondary,
  .block-default__title .block-default__title--actions button.btn.btn-ghost.btn-secondary,
  .block-default__title--actions button.btn-secondary,
  .block-default__title--actions button.btn-icon--neutre.btn-secondary,
  .block-default__title--actions button.btn.btn-ghost.btn-secondary,
  .block-default__title--actions button.btn.btn-ghost.btn-secondary {
    border: none !important;
  }
  .block-default__actions button + button,
  .block-default__actions button.btn-icon--neutre + button,
  .block-default__actions button.btn.btn-ghost + button,
  .block-default__actions button.btn.btn-ghost + button,
  .block-disease .block-default__title button + button,
  .block-disease .block-default__title button.btn-icon--neutre + button,
  .block-disease .block-default__title button.btn.btn-ghost + button,
  .block-disease .block-default__title button.btn.btn-ghost + button,
  .block-default__title .block-default__title--actions button + button,
  .block-default__title .block-default__title--actions button.btn-icon--neutre + button,
  .block-default__title .block-default__title--actions button.btn.btn-ghost + button,
  .block-default__title .block-default__title--actions button.btn.btn-ghost + button,
  .block-default__title--actions button + button,
  .block-default__title--actions button.btn-icon--neutre + button,
  .block-default__title--actions button.btn.btn-ghost + button,
  .block-default__title--actions button.btn.btn-ghost + button {
    margin-left: 0px;
  }
  .block-default__actions button.btn.btn-ghost,
  .block-disease .block-default__title button.btn.btn-ghost,
  .block-default__title .block-default__title--actions button.btn.btn-ghost,
  .block-default__title--actions button.btn.btn-ghost {
    border-color: var(--grey-100);
  }
  .submenu {
    border-bottom: 1px solid var(--grey-100);
  }
  .page-header {
    padding-bottom: 0;
    margin: 16px 16px 16px 16px;
  }
  .page-header .page-header__title {
    margin-top: 0;
    padding-bottom: 0;
  }
  .page-header .page-header__actions {
    flex-direction: initial;
    width: 100%;
    height: auto;
  }
  .page-header .page-header__actions button:not(:first-child) {
    margin-top: 12px;
  }
  .submenu-list {
    flex-direction: column;
    align-items: center;
    display: flex;
    width: 100%;
  }
  .submenu-list li {
    /*padding: 0;*/
    margin: 0;
    width: 100%;
  }
  .submenu-list li a {
    width: 100%;
    border-bottom: 1px solid var(--grey-100);
  }
  .submenu-list li:last-child a {
    width: 100%;
    border: none;
  }
  .page-header__actions,
  .block-default__content-footer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .page-header__actions > button, .page-header__actions > div, .page-header__actions > div button,
  .block-default__content-footer > button,
  .block-default__content-footer > div,
  .block-default__content-footer > div button {
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-left: 0 !important;
  }
  .breadcrumb {
    padding: 0px 12px;
    margin: 0;
  }
  .breadcrumb .breadcrumb-list__item a,
  .breadcrumb .breadcrumb-list__item-active a,
  .breadcrumb .breadcrumb-list__item-actived a {
    font-size: 0.7rem;
  }
  .block-default__content-footer.form-footer__actions:not(:first-child) > button + .btn, .block-default__content-footer.form-footer__actions:not(:first-child) > div + .btn, .block-default__content-footer.form-footer__actions:not(:first-child) > div button + .btn,
  .page-header__actions:not(:first-child) > button + .btn,
  .page-header__actions:not(:first-child) > div + .btn,
  .page-header__actions:not(:first-child) > div button + .btn,
  .block-default__content-footer:not(:first-child) > button + .btn,
  .block-default__content-footer:not(:first-child) > div + .btn,
  .block-default__content-footer:not(:first-child) > div button + .btn {
    margin-top: 12px;
  }
}
@media screen and (max-width: 789px) {
  .block.block-toggle.block-toggle__subgrid .block-default__title .block-default__title--actions {
    margin-top: 16px;
  }
  .card-patient__block .block-default .block .block-header {
    display: block;
  }
  .card-patient__block .block-default .block .block-header .block-default__title,
  .card-patient__block .block-default .block .block-header .block-default__title--actions {
    display: block;
    position: relative;
    width: 100%;
  }
  .card-patient__block .block-default .block .block-header .block-default__title {
    display: flex;
    position: relative;
    width: 100%;
    align-self: center;
    margin-bottom: 8px;
  }
  .card-patient__block .block-default .block {
    min-height: 0;
  }
  .card-patient .block-card .grid-item.grid-item__span-11:last-child, .data-patient .block-card .grid-item.grid-item__span-11:last-child {
    padding: 0 0px;
  }
  .block-card.block-card__care.block-card__doctor,
  .block-card.block-card__structure,
  .card-patient__circle .block-default__content .block-card,
  .card-patient__circle .block-default__content .block-card__content-grid {
    display: block;
  }
  .block-card.block-card__care.block-card__doctor ul li:first-child,
  .block-card.block-card__structure ul li:first-child,
  .card-patient__circle .block-default__content .block-card ul li:first-child,
  .card-patient__circle .block-default__content .block-card__content-grid ul li:first-child {
    padding-top: 0;
  }
  .block-card.block-card__care.block-card__doctor .grid-item.grid-item__span-1,
  .block-card.block-card__structure .grid-item.grid-item__span-1,
  .card-patient__circle .block-default__content .block-card .grid-item.grid-item__span-1,
  .card-patient__circle .block-default__content .block-card__content-grid .grid-item.grid-item__span-1 {
    max-width: 38px;
  }
  .block-card.block-card__care.block-card__doctor .grid-item.grid-item__span-1 .block-card__icon,
  .block-card.block-card__care.block-card__doctor .grid-item.grid-item__span-1 .block-card__icon:before,
  .block-card.block-card__structure .grid-item.grid-item__span-1 .block-card__icon,
  .block-card.block-card__structure .grid-item.grid-item__span-1 .block-card__icon:before,
  .card-patient__circle .block-default__content .block-card .grid-item.grid-item__span-1 .block-card__icon,
  .card-patient__circle .block-default__content .block-card .grid-item.grid-item__span-1 .block-card__icon:before,
  .card-patient__circle .block-default__content .block-card__content-grid .grid-item.grid-item__span-1 .block-card__icon,
  .card-patient__circle .block-default__content .block-card__content-grid .grid-item.grid-item__span-1 .block-card__icon:before {
    width: 30px;
    height: 30px;
  }
  .block-card.block-card__care.block-card__doctor .grid-item.grid-item__span-11,
  .block-card.block-card__structure .grid-item.grid-item__span-11,
  .card-patient__circle .block-default__content .block-card .grid-item.grid-item__span-11,
  .card-patient__circle .block-default__content .block-card__content-grid .grid-item.grid-item__span-11 {
    width: 100%;
  }
  .block-nocontent button {
    position: relative;
    right: auto;
    top: auto;
  }
  .page-header__actions {
    margin-top: 16px;
  }
  .block-grid__grey.grid .grid-item .block-graph .block-empty .graph--year {
    left: 24px;
  }
  .alert button {
    margin-top: 16px;
  }
  .alert .alert-close button {
    margin-top: 0;
  }
  .block-default__content-footer .btn {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .container.page {
    padding: 0;
  }
  .modal-head__title {
    max-width: 90%;
  }
  .card-patient__block .block-default .block-fixedheight.block .block-default__title--actions {
    position: absolute;
    right: 0;
    display: inline-flex;
    top: -5px;
    width: auto;
  }
  .card-patient__block .block-default .block-fixedheight.block .block-default__title--actions button {
    border-radius: 100%;
    padding: 0;
    border: none;
  }
  .container.block.page-content.card-patient__block .num-tel,
  .container.block.page-content.card-patient__circle .num-tel {
    display: inline-block;
  }
  .block-default__title-subtitle ul {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .breadcrumb {
    padding: 0px 12px;
    margin: 0;
  }
  .breadcrumb ul {
    flex-direction: column;
    align-items: center;
    display: flex;
    width: 100%;
    padding: 8px;
  }
  .breadcrumb ul .breadcrumb-list__item:first-child {
    padding: 0;
  }
  .breadcrumb ul .breadcrumb-list__item:last-child {
    padding: 0;
  }
  .toasts {
    max-width: 100%;
    right: 0;
    bottom: 8px;
    width: 100%;
  }
  .block-card-entourage-content-right--infos {
    text-align: left;
  }
  .btn {
    padding: 8px;
    height: auto;
  }
}
@media screen and (min-width: 790px) and (max-width: 990px) {
  .block-toggle .block-default__title.block-default__title-nocontent,
  .block-toggle .block-basic__actions-nocontent {
    padding-bottom: 12px;
  }
}
.block-toggle.toggled svg.icon-eye {
  display: none;
}
.block-toggle.toggle svg.icon-visibility_off {
  display: none;
}
.block-toggle.toggle .block-default__title-nocontent {
  margin-bottom: 0;
}

.card-patient__block .block .block-default__title--actions button.toggled, .card-patient__block .block .block-default__title--actions button.toggle {
  border-radius: 3px;
  padding-left: 14px;
  padding-right: 14px;
}

.block-toggle,
.card-patient__block .block-default .block.block-toggle {
  min-height: 0px;
}
.block-toggle .block-default__title,
.card-patient__block .block-default .block.block-toggle .block-default__title {
  margin-bottom: 0;
}

.card-patient__circle .grid-item.grid-item__span-11.block-card__content .grid-item.grid-item__delete {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 100% !important;
  min-height: 32px;
}
.card-patient__circle .grid-item.grid-item__span-11.block-card__content .grid-item.grid-item__delete .card-patient__circle--infos,
.card-patient__circle .grid-item.grid-item__span-11.block-card__content .grid-item.grid-item__delete ul {
  max-width: calc(100% - 40px);
}
.card-patient__circle .grid-item.grid-item__span-11.block-card__content .grid-item.grid-item__delete .card-patient__circle--infos li:first-child,
.card-patient__circle .grid-item.grid-item__span-11.block-card__content .grid-item.grid-item__delete ul li:first-child {
  padding-top: 0;
}
.card-patient__circle .grid-item.grid-item__span-11.block-card__content .grid-item.grid-item__delete .card-patient__circle--infos .btn svg.svg-icon.icon-info_outline,
.card-patient__circle .grid-item.grid-item__span-11.block-card__content .grid-item.grid-item__delete ul .btn svg.svg-icon.icon-info_outline {
  margin-right: 0px;
}
.card-patient__circle .grid-item.grid-item__span-11.block-card__content .grid-item.grid-item__delete .card-patient__circle__actions {
  position: relative;
  top: auto !important;
  right: auto;
}
.card-patient__circle .grid-item.grid-item__span-11.block-card__content .grid-item.grid-item__delete .card-patient__circle__actions button {
  margin-left: 8px;
}

.card-patient__block .block-default__content.block-default__content-no-padding {
  padding: 0;
  border-top: none;
}

.page.data-patient .container.block.page-content.card-patient__block button svg.icon-delete {
  color: var(--primary-500);
}
.page.data-patient .container.block.page-content.card-patient__block button:hover svg.icon-delete {
  color: var(--red-400);
}

.card-patient__block.card-patient__block_v2 .grid .grid-item.twoblocks .block {
  min-height: auto !important;
}
.card-patient__block.card-patient__block_v2 .grid .grid-item.twoblocks .block:nth-child(2) {
  margin-top: 16px !important;
}

.block_search--530 {
  padding: 16px;
}
.block_search--530 .block-list__search.block-list__search--alf {
  max-width: 530px;
}
@media screen and (max-width: 1180px) {
  .block_search--530 .block-list__search.block-list__search--alf {
    max-width: 375px;
  }
}
@media screen and (min-width: 1180px) {
  .block_search--530 .block-list__filters .form__field {
    min-width: 167px;
    max-width: 167px;
  }
}

.page-info:not(.scrollbar) .grid-main > .grid-item__span-3 {
  position: sticky;
  top: 152px;
  background: #fff;
  mix-blend-mode: normal;
  border: 1px solid var(--grey-100);
  border-radius: 4px;
  width: 222px;
  margin-right: 24px;
  padding: 0;
}

.page-list-taches .block-default__title-with-subtitle .block-default__title--actions {
  top: auto;
}

@media screen and (max-width: 789px) {
  .block-list .block-list__filters {
    margin-left: 0;
  }
  .block-list .block-list__filters-title {
    display: none;
  }
  .alert h1, .alert-title {
    display: block;
  }
  .legends li {
    margin-left: 32px;
    position: relative;
  }
  .page-header__title .chips {
    display: block;
    margin-left: 0;
    max-width: 100%;
    margin-right: 16px;
    margin-top: 16px;
  }
}
.grid-item .form-content__list {
  margin: 0 0px;
}

.form-content__list .button__delete button.btn-primary:disabled svg, .form-content__list .button__delete button.btn-primary:disabled:hover svg {
  color: var(--grey-300);
}

.block-toggle .block-default__title.block-default__title-border,
.card-patient__block .block-default .block.block-toggle .block-default__title.block-default__title-border {
  border-bottom: none;
}

.data-patient .block-default__content .block-toggle.toggled .block-default__title {
  border-bottom: none;
}

.card-patient__block .grid-item__span-12 .block-default__content {
  margin-top: 24px;
}

.block-default__title--date {
  color: var(--primary-400);
}

.masonryDM {
  align-items: initial;
  flex-flow: initial;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column wrap;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  padding-bottom: 12px;
  margin-top: 0px;
}
.masonryDM .masonryDM-item {
  margin: 0 0 0px;
  margin-top: 16px;
  width: 100%;
  box-sizing: border-box;
  min-width: 32.2%;
  max-width: 32.2%;
  display: inline-block;
}
.masonryDM .masonryDM-item .container.block.page-content {
  min-height: 100%;
}
.masonryDM .masonryDM-item .container.block.page-content .block-default__content {
  margin-top: 24px;
}
.masonryDM .masonryDM-item .container.block.page-content hr {
  margin-bottom: 24px;
  margin-top: 24px;
}

.container.block.block-toggle.block-toggle__subgrid .column .column-item {
  margin-right: 0;
}

mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select {
  font-family: Inter, "Helvetica Neue", sans-serif !important;
  max-height: 39px !important;
  background-color: #fff !important;
  border: 1px solid var(--grey-200) !important;
  border-radius: 2px !important;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-option.mdc-list-item.mdc-list-item--selected .mat-mdc-option-active,
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-option.mdc-list-item.mdc-list-item--selected .mat-mdc-focus-indicator {
  background-color: var(--lighter) !important;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-option.mdc-list-item.mdc-list-item--selected .mdc-list-item__primary-text {
  color: var(--primary-400) !important;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-form-field-focus-overlay {
  display: none;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-text-field-wrapper.mdc-text-field {
  background-color: transparent !important;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  min-height: 100%;
  display: flex !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select {
  align-self: center !important;
  display: flex !important;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select .mat-mdc-select-trigger {
  height: 100%;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select .mat-mdc-select-trigger .mat-mdc-select-value .mat-mdc-select-value-text {
  font-family: Inter, "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 13px !important;
  line-height: 24px !important;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select .mat-mdc-select-trigger .mat-mdc-select-value .mat-mdc-select-value-text .mat-mdc-select-min-line {
  font-family: Inter, "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 13px !important;
  line-height: 24px !important;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-text-field-wrapper.mdc-text-field:not(.mdc-text-field--disabled) {
  background-color: transparent !important;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-text-field-wrapper.mdc-text-field .mdc-line-ripple {
  display: none !important;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-text-field-wrapper.mdc-text-field .mdc-line-ripple::after, mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-text-field-wrapper.mdc-text-field .mdc-line-ripple::before {
  display: none !important;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-form-field-subscript-wrapper {
  display: none !important;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mdc-text-field .mdc-floating-label {
  font-family: Inter, "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 13px !important;
  line-height: 18px !important;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select mat-select.mat-mdc-select.mat-mdc-select-multiple .mat-mdc-select-arrow-wrapper {
  transform: none !important;
}
mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-select-multiple.mat-mdc-select .mat-mdc-select-value-text {
  transform: none !important;
  display: block;
}

.mat-mdc-select-panel .mat-mdc-option:not(.mat-mdc-option-multiple) {
  background-color: #fff !important;
  color: var(--grey-600);
}
.mat-mdc-select-panel .mat-mdc-option:not(.mat-mdc-option-multiple):hover {
  background-color: var(--lighter) !important;
}
.mat-mdc-select-panel mat-option {
  --mdc-list-list-item-container-color: var(--lighter)!important;
}
.mat-mdc-select-panel mat-option .mat-mdc-option {
  color: var(--grey-600);
}
.mat-mdc-select-panel mat-option.mat-mdc-option.mdc-list-item.mat-mdc-option-multiple:hover:not(.mdc-list-item--disabled) {
  background-color: var(--lighter) !important;
  color: var(--grey-600);
}
.mat-mdc-select-panel mat-option .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
.mat-mdc-select-panel mat-option .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate {
  background-color: var(--primary-400) !important;
  border-color: rgba(0, 0, 0, 0);
}
.mat-mdc-select-panel mat-option:hover {
  background: var(--primary-400) !important;
}
.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text {
  color: var(--grey-300);
}
.mat-mdc-select-panel .mat-mdc-option:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--grey-600);
}
.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--primary-400);
}
.mat-mdc-select-panel mat-checkbox.mat-mdc-checkbox {
  width: 100%;
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
}
.mat-mdc-select-panel mat-checkbox.mat-mdc-checkbox .mdc-checkbox__ripple {
  display: none;
}
.mat-mdc-select-panel mat-checkbox.mat-mdc-checkbox .mat-mdc-checkbox-touch-target {
  display: none;
}
.mat-mdc-select-panel mat-checkbox.mat-mdc-checkbox .mdc-checkbox__background {
  top: auto !important;
  left: auto !important;
}
.mat-mdc-select-panel mat-checkbox.mat-mdc-checkbox input.mdc-checkbox__native-control {
  top: auto;
  right: auto;
  left: auto;
  width: 18px;
  height: 18px;
}
.mat-mdc-select-panel mat-checkbox.mat-mdc-checkbox input.mdc-checkbox__native-control .mdc-checkbox--selected {
  color: var(--mat-option-selected-state-label-text-color);
}
.mat-mdc-select-panel mat-checkbox.mat-mdc-checkbox .mat-mdc-checkbox .mdc-checkbox__background {
  top: auto !important;
}
.mat-mdc-select-panel mat-checkbox.mat-mdc-checkbox .mdc-checkbox {
  padding: 0 11px !important;
}
.mat-mdc-select-panel mat-checkbox.mat-mdc-checkbox.mat-mdc-checkbox .mdc-label {
  color: var(--grey-600);
}
.mat-mdc-select-panel mat-checkbox.mat-mdc-checkbox.mat-mdc-checkbox.mat-mdc-checkbox--disabled .mdc-label {
  color: var(--grey-600);
}
.mat-mdc-select-panel mat-checkbox.mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-label {
  color: var(--primary-400);
}
.mat-mdc-select-panel mat-checkbox.mat-mdc-checkbox:hover {
  background-color: var(--lighter) !important;
  color: var(--grey-600);
}

.mat-mdc-form-field-type-mat-select {
  height: 39px;
}
.mat-mdc-form-field-type-mat-select .mat-mdc-form-field-flex {
  height: 100%;
}

mat-form-field.mat-form-field-hide-placeholder .mdc-floating-label {
  top: 50% !important;
  transform: translateY(-50%) scale(1) !important;
}
mat-form-field:not(.mat-form-field-hide-placeholder) .mdc-floating-label {
  display: none !important;
}

@media screen and (min-width: 1250px) {
  vigilans-filters-task-list .block-list__filters .form__field {
    min-width: 250px;
    max-width: 250px;
  }
}

.calendar-col.calendar-cards__card-1 .calendar-col__grid-item--firstline {
  color: var(--blue-400);
}
.calendar-col.calendar-cards__card-2 .calendar-col__grid-item--firstline {
  color: var(--green-400);
}
.calendar-col.calendar-cards__card-3 .calendar-col__grid-item--firstline {
  color: var(--purple-400);
}
.calendar-col.calendar-cards__card-1 .calendar-col__grid-item--lastline, .calendar-col.calendar-cards__card-2 .calendar-col__grid-item--lastline, .calendar-col.calendar-cards__card-3 .calendar-col__grid-item--lastline {
  color: var(--grey-300);
}
.calendar-col.calendar-cards__card-1 .calendar-col__grid-item--middleline, .calendar-col.calendar-cards__card-2 .calendar-col__grid-item--middleline, .calendar-col.calendar-cards__card-3 .calendar-col__grid-item--middleline {
  color: var(--grey-300);
  font-size: 13px;
  margin-bottom: 4px;
}
.calendar-col.calendar-cards__card-1 .calendar-col__grid-item--passed, .calendar-col.calendar-cards__card-2 .calendar-col__grid-item--passed, .calendar-col.calendar-cards__card-3 .calendar-col__grid-item--passed {
  background-color: var(--light) !important;
}
.calendar-col.calendar-cards__card-1 .calendar-col__grid-item--passed .calendar-col__grid-item--firstline, .calendar-col.calendar-cards__card-2 .calendar-col__grid-item--passed .calendar-col__grid-item--firstline, .calendar-col.calendar-cards__card-3 .calendar-col__grid-item--passed .calendar-col__grid-item--firstline {
  color: var(--grey-300) !important;
}
.calendar-col.calendar-cards__card-1 .calendar-col__grid-item--passed .calendar-col__grid-item--firstline-icons svg, .calendar-col.calendar-cards__card-2 .calendar-col__grid-item--passed .calendar-col__grid-item--firstline-icons svg, .calendar-col.calendar-cards__card-3 .calendar-col__grid-item--passed .calendar-col__grid-item--firstline-icons svg {
  color: var(--grey-300) !important;
}

.calendrier .block-default__title .block-default__actions {
  top: 0;
}
.calendrier .block-list__filters .form__field {
  min-width: 167px;
  max-width: 167px;
}

.calendar_englobe table {
  min-width: 1100px;
}
.calendar_englobe table svg.icon-edit_calendar {
  width: 18px;
  height: 18px;
  margin-left: 8px;
}

.calendrier .vigilanseurs-list .calendar-col:not(:first-child) {
  border-top: 1px solid var(--grey-100);
  padding-top: 16px !important;
}

.block-list__search--vigilans .block-list__search.block-list__search--alf {
  max-width: 450px;
}
.block-list__search--vigilans .block-list__filters .form__field,
.block-list__search--vigilans .form__field {
  min-width: 190px;
  max-width: 190px;
}
@media screen and (max-width: 1340px) {
  .block-list__search--vigilans .block-list__filters .form__field,
  .block-list__search--vigilans .form__field {
    min-width: 170px;
    max-width: 170px;
  }
}
@media screen and (max-width: 1280px) {
  .block-list__search--vigilans .block-list__filters .form__field,
  .block-list__search--vigilans .form__field {
    min-width: 190px;
    max-width: 190px;
  }
  .block-list__search--vigilans .block-list .flex-sb {
    flex-flow: column;
  }
  .block-list__search--vigilans .block-list__search + vigilans-filters-calendar,
  .block-list__search--vigilans .block-list__search + .block-list__filters {
    margin-top: 16px;
  }
  .block-list__search--vigilans .block-list .block-list__search {
    max-width: 100%;
    min-width: 100%;
  }
}
@media screen and (max-width: 878px) {
  .block-list__search--vigilans .block-list__filters .form__field,
  .block-list__search--vigilans .form__field {
    min-width: 140px;
    max-width: 140px;
    margin-right: 8px;
    padding: 10px 24px 10px 4px;
  }
}
@media screen and (max-width: 525px) {
  .block-list__search--vigilans .block-list__filters .form__field,
  .block-list__search--vigilans .form__field {
    min-width: 120px;
    max-width: 120px;
    margin-right: 8px;
    padding: 10px 24px 10px 4px;
  }
}

@media screen and (max-width: 1200px) {
  .connexion {
    height: calc(100vh - 225px);
  }
}
@media screen and (max-width: 989px) {
  .block-default__title {
    display: flex;
    position: relative;
    width: 100%;
    align-self: center;
    margin-bottom: 8px;
    padding-bottom: 8px;
  }
  .block-default__title .btn-ghost.btn-icon-delete {
    border: 1px solid var(--grey-100);
    width: 100%;
    border-radius: var(--radius-200);
    margin-top: 16px;
  }
  .block-default__actions,
  .block-disease .block-default__title,
  .block-default__title .block-default__title--actions,
  .block-default__title--actions {
    width: 100%;
    display: block;
    position: relative;
    top: auto;
    right: auto;
    display: block;
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .block-default__actions .btn-group,
  .block-disease .block-default__title .btn-group,
  .block-default__title .block-default__title--actions .btn-group,
  .block-default__title--actions .btn-group {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 0;
  }
  .block-default__actions button,
  .block-default__actions button.btn-icon--neutre,
  .block-default__actions button.btn.btn-ghost,
  .block-default__actions button.btn.btn-ghost,
  .block-disease .block-default__title button,
  .block-disease .block-default__title button.btn-icon--neutre,
  .block-disease .block-default__title button.btn.btn-ghost,
  .block-disease .block-default__title button.btn.btn-ghost,
  .block-default__title .block-default__title--actions button,
  .block-default__title .block-default__title--actions button.btn-icon--neutre,
  .block-default__title .block-default__title--actions button.btn.btn-ghost,
  .block-default__title .block-default__title--actions button.btn.btn-ghost,
  .block-default__title--actions button,
  .block-default__title--actions button.btn-icon--neutre,
  .block-default__title--actions button.btn.btn-ghost,
  .block-default__title--actions button.btn.btn-ghost {
    margin: 0;
    padding: 8px !important;
    margin-bottom: 8px;
    border: 1px solid !important;
    width: 100% !important;
    border-radius: var(--radius-200);
  }
  .block-default__actions button.p-0,
  .block-default__actions button.btn-icon--neutre.p-0,
  .block-default__actions button.btn.btn-ghost.p-0,
  .block-default__actions button.btn.btn-ghost.p-0,
  .block-disease .block-default__title button.p-0,
  .block-disease .block-default__title button.btn-icon--neutre.p-0,
  .block-disease .block-default__title button.btn.btn-ghost.p-0,
  .block-disease .block-default__title button.btn.btn-ghost.p-0,
  .block-default__title .block-default__title--actions button.p-0,
  .block-default__title .block-default__title--actions button.btn-icon--neutre.p-0,
  .block-default__title .block-default__title--actions button.btn.btn-ghost.p-0,
  .block-default__title .block-default__title--actions button.btn.btn-ghost.p-0,
  .block-default__title--actions button.p-0,
  .block-default__title--actions button.btn-icon--neutre.p-0,
  .block-default__title--actions button.btn.btn-ghost.p-0,
  .block-default__title--actions button.btn.btn-ghost.p-0 {
    padding: 8px !important;
  }
  .block-default__actions button.btn-secondary,
  .block-default__actions button.btn-icon--neutre.btn-secondary,
  .block-default__actions button.btn.btn-ghost.btn-secondary,
  .block-default__actions button.btn.btn-ghost.btn-secondary,
  .block-disease .block-default__title button.btn-secondary,
  .block-disease .block-default__title button.btn-icon--neutre.btn-secondary,
  .block-disease .block-default__title button.btn.btn-ghost.btn-secondary,
  .block-disease .block-default__title button.btn.btn-ghost.btn-secondary,
  .block-default__title .block-default__title--actions button.btn-secondary,
  .block-default__title .block-default__title--actions button.btn-icon--neutre.btn-secondary,
  .block-default__title .block-default__title--actions button.btn.btn-ghost.btn-secondary,
  .block-default__title .block-default__title--actions button.btn.btn-ghost.btn-secondary,
  .block-default__title--actions button.btn-secondary,
  .block-default__title--actions button.btn-icon--neutre.btn-secondary,
  .block-default__title--actions button.btn.btn-ghost.btn-secondary,
  .block-default__title--actions button.btn.btn-ghost.btn-secondary {
    border: none !important;
  }
  .block-default__actions button + button,
  .block-default__actions button.btn-icon--neutre + button,
  .block-default__actions button.btn.btn-ghost + button,
  .block-default__actions button.btn.btn-ghost + button,
  .block-disease .block-default__title button + button,
  .block-disease .block-default__title button.btn-icon--neutre + button,
  .block-disease .block-default__title button.btn.btn-ghost + button,
  .block-disease .block-default__title button.btn.btn-ghost + button,
  .block-default__title .block-default__title--actions button + button,
  .block-default__title .block-default__title--actions button.btn-icon--neutre + button,
  .block-default__title .block-default__title--actions button.btn.btn-ghost + button,
  .block-default__title .block-default__title--actions button.btn.btn-ghost + button,
  .block-default__title--actions button + button,
  .block-default__title--actions button.btn-icon--neutre + button,
  .block-default__title--actions button.btn.btn-ghost + button,
  .block-default__title--actions button.btn.btn-ghost + button {
    margin-left: 0px;
  }
  .block-default__actions button.btn.btn-ghost,
  .block-disease .block-default__title button.btn.btn-ghost,
  .block-default__title .block-default__title--actions button.btn.btn-ghost,
  .block-default__title--actions button.btn.btn-ghost {
    border-color: var(--grey-100);
  }
  .submenu {
    border-bottom: 1px solid var(--grey-100);
  }
  .page-header {
    padding-bottom: 0;
    margin: 16px 16px 16px 16px;
  }
  .page-header .page-header__title {
    margin-top: 0;
    padding-bottom: 0;
  }
  .page-header .page-header__actions {
    flex-direction: initial;
    width: 100%;
    height: auto;
  }
  .page-header .page-header__actions button:not(:first-child) {
    margin-top: 12px;
  }
  .submenu-list {
    flex-direction: column;
    align-items: center;
    display: flex;
    width: 100%;
  }
  .submenu-list li {
    /*padding: 0;*/
    margin: 0;
    width: 100%;
  }
  .submenu-list li a {
    width: 100%;
    border-bottom: 1px solid var(--grey-100);
  }
  .submenu-list li:last-child a {
    width: 100%;
    border: none;
  }
  .page-header__actions,
  .block-default__content-footer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .page-header__actions > button, .page-header__actions > div, .page-header__actions > div button,
  .block-default__content-footer > button,
  .block-default__content-footer > div,
  .block-default__content-footer > div button {
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-left: 0 !important;
  }
  .breadcrumb {
    padding: 0px 12px;
    margin: 0;
  }
  .breadcrumb .breadcrumb-list__item a,
  .breadcrumb .breadcrumb-list__item-active a,
  .breadcrumb .breadcrumb-list__item-actived a {
    font-size: 0.7rem;
  }
  .block-default__content-footer.form-footer__actions:not(:first-child) > button + .btn, .block-default__content-footer.form-footer__actions:not(:first-child) > div + .btn, .block-default__content-footer.form-footer__actions:not(:first-child) > div button + .btn,
  .page-header__actions:not(:first-child) > button + .btn,
  .page-header__actions:not(:first-child) > div + .btn,
  .page-header__actions:not(:first-child) > div button + .btn,
  .block-default__content-footer:not(:first-child) > button + .btn,
  .block-default__content-footer:not(:first-child) > div + .btn,
  .block-default__content-footer:not(:first-child) > div button + .btn {
    margin-top: 12px;
  }
}
@media screen and (max-width: 789px) {
  .block.block-toggle.block-toggle__subgrid .block-default__title .block-default__title--actions {
    margin-top: 16px;
  }
  .card-patient__block .block-default .block .block-header {
    display: block;
  }
  .card-patient__block .block-default .block .block-header .block-default__title,
  .card-patient__block .block-default .block .block-header .block-default__title--actions {
    display: block;
    position: relative;
    width: 100%;
  }
  .card-patient__block .block-default .block .block-header .block-default__title {
    display: flex;
    position: relative;
    width: 100%;
    align-self: center;
    margin-bottom: 8px;
  }
  .card-patient__block .block-default .block {
    min-height: 0;
  }
  .card-patient .block-card .grid-item.grid-item__span-11:last-child, .data-patient .block-card .grid-item.grid-item__span-11:last-child {
    padding: 0 0px;
  }
  .block-card.block-card__care.block-card__doctor,
  .block-card.block-card__structure,
  .card-patient__circle .block-default__content .block-card,
  .card-patient__circle .block-default__content .block-card__content-grid {
    display: block;
  }
  .block-card.block-card__care.block-card__doctor ul li:first-child,
  .block-card.block-card__structure ul li:first-child,
  .card-patient__circle .block-default__content .block-card ul li:first-child,
  .card-patient__circle .block-default__content .block-card__content-grid ul li:first-child {
    padding-top: 0;
  }
  .block-card.block-card__care.block-card__doctor .grid-item.grid-item__span-1,
  .block-card.block-card__structure .grid-item.grid-item__span-1,
  .card-patient__circle .block-default__content .block-card .grid-item.grid-item__span-1,
  .card-patient__circle .block-default__content .block-card__content-grid .grid-item.grid-item__span-1 {
    max-width: 38px;
  }
  .block-card.block-card__care.block-card__doctor .grid-item.grid-item__span-1 .block-card__icon,
  .block-card.block-card__care.block-card__doctor .grid-item.grid-item__span-1 .block-card__icon:before,
  .block-card.block-card__structure .grid-item.grid-item__span-1 .block-card__icon,
  .block-card.block-card__structure .grid-item.grid-item__span-1 .block-card__icon:before,
  .card-patient__circle .block-default__content .block-card .grid-item.grid-item__span-1 .block-card__icon,
  .card-patient__circle .block-default__content .block-card .grid-item.grid-item__span-1 .block-card__icon:before,
  .card-patient__circle .block-default__content .block-card__content-grid .grid-item.grid-item__span-1 .block-card__icon,
  .card-patient__circle .block-default__content .block-card__content-grid .grid-item.grid-item__span-1 .block-card__icon:before {
    width: 30px;
    height: 30px;
  }
  .block-card.block-card__care.block-card__doctor .grid-item.grid-item__span-11,
  .block-card.block-card__structure .grid-item.grid-item__span-11,
  .card-patient__circle .block-default__content .block-card .grid-item.grid-item__span-11,
  .card-patient__circle .block-default__content .block-card__content-grid .grid-item.grid-item__span-11 {
    width: 100%;
  }
  .block-nocontent button {
    position: relative;
    right: auto;
    top: auto;
  }
  .page-header__actions {
    margin-top: 16px;
  }
  .block-grid__grey.grid .grid-item .block-graph .block-empty .graph--year {
    left: 24px;
  }
  .alert button {
    margin-top: 16px;
  }
  .alert .alert-close button {
    margin-top: 0;
  }
  .block-default__content-footer .btn {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .container.page {
    padding: 0;
  }
  .modal-head__title {
    max-width: 90%;
  }
  .card-patient__block .block-default .block-fixedheight.block .block-default__title--actions {
    position: absolute;
    right: 0;
    display: inline-flex;
    top: -5px;
    width: auto;
  }
  .card-patient__block .block-default .block-fixedheight.block .block-default__title--actions button {
    border-radius: 100%;
    padding: 0;
    border: none;
  }
  .container.block.page-content.card-patient__block .num-tel,
  .container.block.page-content.card-patient__circle .num-tel {
    display: inline-block;
  }
  .block-default__title-subtitle ul {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .breadcrumb {
    padding: 0px 12px;
    margin: 0;
  }
  .breadcrumb ul {
    flex-direction: column;
    align-items: center;
    display: flex;
    width: 100%;
    padding: 8px;
  }
  .breadcrumb ul .breadcrumb-list__item:first-child {
    padding: 0;
  }
  .breadcrumb ul .breadcrumb-list__item:last-child {
    padding: 0;
  }
  .toasts {
    max-width: 100%;
    right: 0;
    bottom: 8px;
    width: 100%;
  }
  .block-card-entourage-content-right--infos {
    text-align: left;
  }
  .btn {
    padding: 8px;
    height: auto;
  }
}
@media screen and (min-width: 790px) and (max-width: 990px) {
  .block-toggle .block-default__title.block-default__title-nocontent,
  .block-toggle .block-basic__actions-nocontent {
    padding-bottom: 12px;
  }
}
.cdk-global-scrollblock .scrollbar {
  overflow: visible;
}

.cdk-global-scrollblock .mat-mdc-dialog-container .scrollbar {
  overflow: auto;
}

.linkWithoutHref {
  cursor: pointer;
}

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