/* DevExpress billing/facturation styles extracted from overrides.css */

/* DevExpress 25 form-layout groups need the legacy card skin in billing forms. */
:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd,
:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbs-fl-group.dxbs-fl-gd {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 14.4px !important;
    box-sizing: border-box;
    overflow: visible !important;
}

:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd > .dxbl-group,
:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbs-fl-group.dxbs-fl-gd > .card,
:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd .dxbl-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    background: #ffffff !important;
    border: 1px solid rgba(34, 34, 34, 0.125) !important;
    box-shadow: none !important;
    border-radius: 0.25rem !important;
}

:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd .dxbl-group-body,
:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd .dxbl-group-body-content,
:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbs-fl-group.dxbs-fl-gd > .card > .card-body {
    background: transparent !important;
    border: 0 !important;
    border-radius: inherit !important;
}

:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd .dxbl-group-header,
:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd .header-collapsible {
    background-color: rgba(34, 34, 34, 0.03) !important;
    border-bottom: 1px solid rgba(34, 34, 34, 0.125) !important;
    padding: 4.8px 16px !important;
    min-height: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
}

:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd .dxbl-group-header {
    display: flex;
    align-items: center;
}

:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd .dxbl-group-header.cx-hide-header,
:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd .header-collapsible.cx-hide-header {
    display: none !important;
}

:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd .header-collapsible {
    display: flex !important;
    flex-flow: row nowrap !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd .header-collapsible .float-start {
    float: none !important;
    flex: 1 1 auto;
    min-width: 0;
}

:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd .header-collapsible .float-end {
    float: none !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    margin-left: auto;
}

:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd .header-collapsible .float-end .grid-icon:is(.icon-arrow-down, .icon-arrow-up) {
    width: 0.75rem !important;
    height: 0.75rem !important;
    min-width: 0.75rem !important;
    min-height: 0.75rem !important;
}

:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd .header-collapsible .small {
    margin-top: 0.1rem;
}

.cx-medical-main-item [data-ui-id="medical-section-personne"] .cx-medical-person-header-toggle,
.cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbl-fl-group.dxbl-fl-gd > dxbl-group-control > .d-flex {
    background-color: rgba(34, 34, 34, 0.03) !important;
    border-bottom: 1px solid rgba(34, 34, 34, 0.125) !important;
    box-sizing: border-box;
    width: 100%;
}

.cx-medical-main-item [data-ui-id="medical-section-personne"] .cx-medical-person-header-toggle {
    padding: 8px 16px !important;
}

.cx-medical-main-item [data-ui-id="medical-section-personne"] .cx-medical-event-stack,
.cx-medical-main-item [data-ui-id="medical-section-personne"] .cx-medical-event-stack.dxbl-stacklayout {
    background: transparent !important;
    border: 0 !important;
    padding: 2px 0 6px !important;
}

.cx-medical-main-item [data-ui-id="medical-section-personne"] .cx-medical-event-stack .dxbl-stacklayout-root {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    column-gap: 8px !important;
    row-gap: 6px !important;
}

.cx-medical-main-item [data-ui-id="medical-section-personne"] {
    display: block;
    width: 100%;
    max-width: 100%;
    padding-left: 14.4px !important;
    padding-right: 14.4px !important;
    box-sizing: border-box;
}

.cx-medical-main-item [data-ui-id="medical-section-professionnel"] {
    display: block;
    width: 100%;
    max-width: 100%;
    padding-top: 4px !important;
    padding-left: 14.4px !important;
    padding-right: 14.4px !important;
    margin-top: 8px !important;
    box-sizing: border-box;
}

.cx-deplacement-main-item [data-ui-id="deplacement-section-professionnel"],
.cx-deplacement-main-item [data-ui-id="deplacement-section-lieux"],
.cx-temps-main-item [data-ui-id="temps-section-professionnel"],
.cx-temps-main-item [data-ui-id="temps-section-quantiemes"] {
    display: block;
    width: 100%;
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}

.cx-deplacement-main-item [data-ui-id="deplacement-section-professionnel"],
.cx-temps-main-item [data-ui-id="temps-section-professionnel"] {
    margin-top: 8px !important;
}

.cx-medical-main-item [data-ui-id="medical-section-info-supp"] {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
    padding-left: 14.4px !important;
    padding-right: 14.4px !important;
    box-sizing: border-box;
}

.cx-medical-main-item [data-ui-id="medical-section-personne"] .dxbl-fl-group.dxbl-fl-gd,
.cx-medical-main-item [data-ui-id="medical-section-personne"] .dxbl-group,
.cx-medical-main-item [data-ui-id="medical-section-personne"] .dxbl-group-body,
.cx-medical-main-item [data-ui-id="medical-section-personne"] .dxbl-expandable-container,
.cx-medical-main-item [data-ui-id="medical-section-personne"] .dxbl-tabs,
.cx-medical-main-item [data-ui-id="medical-section-personne"] .dxbl-tabs-content,
.cx-medical-main-item [data-ui-id="medical-section-personne"] .dxbl-toolbar,
.cx-medical-main-item [data-ui-id="medical-section-personne"] .dxbl-btn-toolbar,
.cx-medical-main-item [data-ui-id="medical-section-personne"] [role="tablist"],
.cx-medical-main-item [data-ui-id="medical-section-personne"] [role="tabpanel"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
}

.cx-medical-main-item [data-ui-id="medical-section-personne"] .dxbl-toolbar > .dxbl-btn-group:first-child,
.cx-medical-main-item [data-ui-id="medical-section-personne"] .dxbl-btn-toolbar > .dxbl-btn-group:first-child {
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
}

.cx-medical-main-item [data-ui-id="medical-section-personne"] .dxbl-stacklayout-root {
    min-height: 20px;
}

.cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbl-fl-group.dxbl-fl-gd > dxbl-group-control > .d-flex {
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 8px 14px !important;
    min-height: 38px;
}

.cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbl-fl-group.dxbl-fl-gd > dxbl-group-control > .d-flex > .d-inline-flex.flex-fill.align-items-center {
    min-width: 0;
    align-items: center !important;
    gap: 0.15rem;
}

.cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbl-fl-group.dxbl-fl-gd > dxbl-group-control > .d-flex > .px-2 {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd.collapsed > dxbl-group-control > .dxbl-expandable-container,
:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd.collapsed > dxbl-group-control > .dxbl-group-body {
    display: none !important;
}

:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd.collapsed .header-collapsible,
:is(.cx-medical-main-item, .cx-deplacement-main-item, .cx-temps-main-item) .dxbl-fl-group.dxbl-fl-gd.collapsed .dxbl-group-header {
    border-bottom: 0 !important;
}

.cx-medical-main-item .dxbl-fl-group.dxbl-fl-gd .dxbl-group-body-content > .dxbl-row,
.cx-deplacement-main-item .dxbl-fl-group.dxbl-fl-gd .dxbl-group-body-content > .dxbl-row {
    padding: 0.5rem 0.8rem 0.75rem 0.8rem;
}

.cx-medical-main-item .cx-medical-personne-row,
.cx-medical-main-item .cx-medical-info-supp-row,
.cx-medical-main-item .cx-medical-autoligne-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 0 !important;
    flex: 0 0 100% !important;
}

.cx-medical-main-item .cx-medical-personne-row > div,
.cx-medical-main-item .cx-medical-info-supp-row > div,
.cx-medical-main-item .cx-medical-autoligne-row > div {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.cx-medical-main-item .dxbl-fl-group.dxbl-fl-gd.cx-medical-personne,
.cx-medical-main-item .dxbl-fl-group.dxbl-fl-gd.cx-medical-info-supp,
.cx-medical-main-item .dxbl-fl-group.dxbl-fl-gd.cx-medical-autoligne {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    flex: 0 0 100% !important;
}

.cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbl-fl-group.dxbl-fl-gd,
.cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbs-fl-group.dxbs-fl-gd {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cx-medical-main-item .dxbs-fl-group.dxbs-fl-gd.cx-medical-personne,
.cx-medical-main-item .dxbs-fl-group.dxbs-fl-gd.cx-medical-info-supp,
.cx-medical-main-item .dxbs-fl-group.dxbs-fl-gd.cx-medical-autoligne {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    flex: 0 0 100% !important;
}

.cx-medical-main-item [data-ui-id="medical-section-professionnel"] .dxbl-fl-group.dxbl-fl-gd,
.cx-medical-main-item [data-ui-id="medical-section-professionnel"] .dxbs-fl-group.dxbs-fl-gd {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cx-medical-main-item .cx-medical-personne .dxbl-group,
.cx-medical-main-item .cx-medical-personne .dxbl-group-body,
.cx-medical-main-item .cx-medical-personne .dxbl-group-body-content,
.cx-medical-main-item .cx-medical-personne .dxbl-expandable-container,
.cx-medical-main-item .cx-medical-personne .dxbl-stacklayout-root,
.cx-medical-main-item .cx-medical-person-toolbar,
.cx-medical-main-item .cx-medical-person-tabs,
.cx-medical-main-item .cx-medical-person-tabs .dxbl-tabs,
.cx-medical-main-item .cx-medical-person-tabs .dxbl-tabs-content,
.cx-medical-main-item .cx-medical-person-tabs [role="tablist"],
.cx-medical-main-item .cx-medical-person-tabs [role="tabpanel"],
.cx-medical-main-item .cx-medical-info-supp .dxbl-group,
.cx-medical-main-item .cx-medical-info-supp .dxbl-group-header,
.cx-medical-main-item .cx-medical-info-supp .header-collapsible,
.cx-medical-main-item .cx-medical-autoligne .dxbl-group,
.cx-medical-main-item .cx-medical-autoligne .dxbl-group-header,
.cx-medical-main-item .cx-medical-autoligne > dxbl-group-control > .d-flex,
.cx-medical-main-item .cx-medical-autoligne-grid-item,
.cx-medical-main-item .cx-medical-autoligne-grid-item > .dxbl-fl-ctrl {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
}

.cx-medical-main-item .cx-medical-personne .dxbl-group-body-content,
.cx-medical-main-item .cx-medical-autoligne .dxbl-group-body-content {
    padding: 0 !important;
}

.cx-medical-main-item .cx-medical-personne .dxbl-group-body-content > .dxbl-row,
.cx-medical-main-item .cx-medical-autoligne .dxbl-group-body-content > .dxbl-row {
    padding: 6.4px 12px 4.8px !important;
    margin: 0 !important;
}

.cx-medical-main-item .cx-medical-person-toolbar-item {
    padding: 0 4px !important;
    margin: 0 0 8px !important;
}

.cx-medical-main-item .cx-medical-person-toolbar-item > .dxbl-fl-ctrl {
    width: 100% !important;
}

.cx-medical-main-item .cx-medical-person-toolbar {
    margin: 0 !important;
}

.cx-medical-main-item .cx-medical-person-toolbar .dxbl-btn-toolbar,
.cx-medical-main-item .cx-medical-person-toolbar .dxbl-virtual-toolbar,
.cx-medical-main-item .cx-medical-person-toolbar .dxbl-btn-group,
.cx-medical-main-item .cx-medical-person-toolbar .dxbl-adaptive-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.cx-medical-main-item .cx-medical-person-toolbar .dxbl-virtual-toolbar,
.cx-medical-main-item .cx-medical-person-toolbar .dxbl-btn-group.dxbl-adaptive-group {
    overflow-x: hidden !important;
}

@media (min-width: 768px) {
    .cx-medical-main-item .cx-medical-person-toolbar {
        width: auto !important;
        display: inline-flex !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .cx-medical-main-item .cx-medical-person-toolbar .dxbl-btn-toolbar,
    .cx-medical-main-item .cx-medical-person-toolbar .dxbl-toolbar-group {
        width: auto !important;
        max-width: none !important;
    }

    .cx-medical-main-item .cx-medical-person-toolbar .dxbl-toolbar-btn.cx-medical-person-toolbar-status,
    .cx-medical-main-item .cx-medical-person-toolbar .dxbl-toolbar-item.cx-medical-person-toolbar-status {
        width: 9.5rem !important;
        min-width: 9.5rem !important;
    }

    .cx-medical-main-item .cx-medical-person-toolbar .dxbl-toolbar-btn.cx-medical-person-toolbar-action,
    .cx-medical-main-item .cx-medical-person-toolbar .dxbl-toolbar-item.cx-medical-person-toolbar-action {
        width: 7rem !important;
        min-width: 7rem !important;
    }

    .cx-medical-main-item .cx-medical-person-toolbar .dxbl-toolbar-btn {
        justify-content: center !important;
        padding-left: 0.45rem !important;
        padding-right: 0.45rem !important;
    }

    .cx-medical-main-item .cx-medical-person-toolbar .dxbl-toolbar-btn .dxbl-image {
        margin: 0 auto !important;
    }
}

.cx-medical-main-item .cx-medical-info-supp .dxbl-group-header,
.cx-medical-main-item .cx-medical-info-supp .header-collapsible {
    min-height: 24px !important;
    padding: 4.8px 16px !important;
}

.cx-medical-main-item .cx-medical-info-supp .header-collapsible .float-start {
    display: flex;
    align-items: center;
    line-height: 1.2;
}

.cx-medical-main-item .cx-medical-autoligne > dxbl-group-control > .d-flex {
    min-height: 26px !important;
    padding: 4.8px 16px !important;
}

.cx-medical-main-item [data-ui-id="medical-section-lignes"] {
    padding-left: 14.4px !important;
    padding-right: 14.4px !important;
    box-sizing: border-box;
}

.cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbl-fl-group.dxbl-fl-gd.cx-medical-autoligne > dxbl-group-control > .d-flex {
    padding: 4.8px 16px !important;
    min-height: 26px !important;
}

.cx-medical-main-item .cx-medical-autoligne > dxbl-group-control > .d-flex .text-content,
.cx-medical-main-item .cx-medical-autoligne > dxbl-group-control > .d-flex p {
    line-height: 1.2;
    margin-bottom: 0;
}

.cx-medical-main-item .cx-medical-autoligne > dxbl-group-control > .d-flex .btn-rounded-circle {
    width: 21px;
    height: 21px;
    min-width: 21px;
    min-height: 21px;
    padding: 0 !important;
}

.cx-medical-main-item .cx-medical-autoligne > dxbl-group-control > .d-flex .btn-rounded-circle .grid-icon {
    width: 1rem;
    height: 1rem;
    min-width: 0.9rem;
    min-height: 0.9rem;
}

.cx-medical-main-item .cx-sans-nam-type-situation .cx-sans-nam-search-button.dxbl-btn {
    width: 31px;
    min-width: 31px;
    height: 31px;
    min-height: 31px;
    flex: 0 0 31px;
    padding: 0 !important;
}

.cx-medical-main-item .cx-sans-nam-type-situation .cx-sans-nam-search-button .grid-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
}

.cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbl-fl-group.dxbl-fl-gd.collapsed,
.cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbs-fl-group.dxbs-fl-gd.collapsed {
    margin-bottom: 0.5rem !important;
}

.cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbl-fl-group.dxbl-fl-gd > dxbl-group-control > .d-flex,
.cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbs-fl-group.dxbs-fl-gd > .card > .card-header {
    background-color: rgba(34, 34, 34, 0.03) !important;
    border-bottom: 1px solid rgba(34, 34, 34, 0.125) !important;
    padding: 8px 14px !important;
    min-height: 38px;
    box-sizing: border-box;
}

.cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbl-fl-group.dxbl-fl-gd > dxbl-group-control > .d-flex .btn-rounded-circle,
.cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbs-fl-group.dxbs-fl-gd > .card > .card-header .btn-rounded-circle {
    width: 23.4px;
    height: 23.4px;
    min-width: 23.4px;
    min-height: 23.4px;
    padding: 0 !important;
}

.cx-temps-complements-group .cx-temps-total-item,
.cx-temps-complements-group .cx-temps-total-item .dxbl-fl-cpt,
.cx-temps-complements-group .cx-temps-total-item .dxbl-fl-ctrl,
.cx-temps-complements-group .cx-temps-total-item .dxbs-fl-cpt,
.cx-temps-complements-group .cx-temps-total-item .dxbs-fl-ctrl {
    text-align: center !important;
}

.cx-temps-complements-group .cx-temps-total-item .dxbl-fl-cpt,
.cx-temps-complements-group .cx-temps-total-item .dxbs-fl-cpt {
    justify-content: center !important;
    width: 100% !important;
}

.cx-temps-complements-group .cx-temps-total-item p {
    margin-bottom: 0;
    text-align: center !important;
}

/* Medical, Deplacement and Temps share the same three-row facturation shell base. */
:is(.cx-medical-shell, .cx-deplacement-shell, .cx-temps-shell),
:is(.cx-medical-shell, .cx-deplacement-shell, .cx-temps-shell) > .dxbl-gridlayout-root {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

:is(.cx-medical-shell, .cx-deplacement-shell, .cx-temps-shell) > .dxbl-gridlayout-root {
    grid-template-rows: min-content minmax(0, 1fr) 40px !important;
}

.cx-medical-module-split,
.cx-medical-module-split > .dxbl-gridlayout-root {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.cx-medical-module-split > .dxbl-gridlayout-root {
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.cx-medical-module-split-item,
.cx-medical-module-split > .dxbl-gridlayout-root > .dxbl-gridlayout-item {
    min-height: 0 !important;
    overflow: hidden !important;
}

:is(
    .cx-medical-main-item,
    .cx-medical-modules-item,
    .cx-medical-bottom-item,
    .cx-deplacement-main-item,
    .cx-deplacement-modules-item,
    .cx-deplacement-bottom-item,
    .cx-temps-main-item,
    .cx-temps-modules-item,
    .cx-temps-bottom-item
) {
    min-height: 0;
}

:is(.cx-medical-bottom-item, .cx-deplacement-bottom-item, .cx-temps-bottom-item) {
    height: 40px;
    max-height: 40px;
}

.cx-professionnel-bottom-item {
    min-height: 0;
    height: 40px;
    max-height: 40px;
    overflow: hidden;
}

:is(
    .cx-medical-main-item,
    .cx-medical-modules-item,
    .cx-medical-bottom-item,
    .cx-deplacement-main-item,
    .cx-deplacement-modules-item,
    .cx-deplacement-bottom-item,
    .cx-temps-main-item,
    .cx-temps-modules-item,
    .cx-temps-bottom-item
) {
    overflow: hidden;
}

:is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-btn-toolbar,
:is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-btn-toolbar,
:is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbs-toolbar,
:is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbs-toolbar {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

:is(.cx-medical-empty-shell, .cx-deplacement-empty-shell, .cx-temps-empty-shell) {
    height: 100%;
    display: flex;
}

:is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) {
    position: relative;
    z-index: 3;
    background: transparent;
    border-top: 0;
    min-height: 39px;
    height: 39px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
}

:is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-btn-toolbar,
:is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbs-toolbar {
    min-height: 0;
    height: 100%;
    align-self: stretch;
}

.cx-professionnel-bar-shell {
    position: relative;
    z-index: 3;
    background: transparent;
    border-top: 0;
    min-height: 39px;
    height: 39px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    width: 100%;
}

.cx-professionnel-bar-shell .dxbl-btn-toolbar,
.cx-professionnel-bar-shell .dxbs-toolbar {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    height: 100%;
    align-self: stretch;
}

.cx-professionnel-bar-shell .dxbl-btn-toolbar > .dxbl-btn-group:first-child {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

.cx-professionnel-bar-shell .dxbl-btn-toolbar > .dxbl-btn-group:first-child > .dxbl-toolbar-item {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
}

.cx-professionnel-bar-shell .dxbl-btn-toolbar > .dxbl-btn-group:first-child > .dxbl-toolbar-item > .dxbl-toolbar-btn {
    width: 100%;
}

.cx-medical-bar-shell .dxbl-toolbar-btn.buttons-tools,
.cx-medical-bar-shell .dxbl-toolbar-btn.dxbl-toolbar-item.buttons-tools,
.cx-medical-bar-shell .dxbs-toolbar-btn.buttons-tools {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 0;
    padding-right: 0;
    font-size: 0.62rem;
    line-height: 1.05;
    gap: 0.05rem;
}

:is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-toolbar-btn.buttons-tools .dxbl-image,
:is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbs-toolbar-btn.buttons-tools .dx-image {
    margin: 0;
    line-height: 1;
}

.cx-medical-empty-shell .cx-empty-state {
    width: min(100%, 46rem);
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0.5rem;
}

@media (min-width: 768px) {
    .cx-medical-main-item .internal-content {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-bottom: 0.5rem;
    }

    .cx-medical-main-item .internal-content.h-100.min-h-0[data-ui-id="medical-section-container"] {
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

.cx-medical-main-item .internal-content > .dxbl-fl,
.cx-medical-main-item .internal-content > .dxbl-fl > .dxbl-row,
.cx-medical-main-item .internal-content > .dxbl-fl > .row {
    width: 100% !important;
    max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
        overflow-x: hidden !important;
        margin-left: 0 !important;
    margin-right: 0 !important;
}

.cx-medical-main-item .internal-content > .dxbl-fl,
.cx-medical-main-item .internal-content > .dxbl-fl > .dxbl-row,
.cx-medical-main-item .internal-content > .row {
    overflow: visible !important;
}

.cx-medical-main-item .internal-content > .dxbl-fl > .dxbl-row > *,
.cx-medical-main-item .internal-content > .dxbl-fl > .row > * {
    width: 100% !important;
    max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    .cx-medical-main-item .dxbl-row,
    .cx-medical-main-item .row,
    .cx-medical-main-item .dxbl-fl-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .cx-medical-main-item [data-ui-id="medical-section-professionnel"],
    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] .dxbl-row,
    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] .row,
    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] .dxbl-fl-item,
    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] .dxbl-col,
    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] .dxbl-fl-ctrl,
    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] .dxbl-grid,
    .cx-medical-main-item [data-ui-id="medical-section-lignes"],
    .cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbl-row,
    .cx-medical-main-item [data-ui-id="medical-section-lignes"] .row,
    .cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbl-fl-item,
    .cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbl-col,
    .cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbl-fl-ctrl,
    .cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbl-grid {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] .dxbl-fl-item,
    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] .dxbl-col,
    .cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbl-fl-item,
    .cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbl-col {
        flex: 1 1 auto !important;
    }

    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] {
        box-sizing: border-box;
        overflow-x: hidden !important;
        flex: 0 1 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] .dxbl-fl-group.dxbl-fl-gd,
    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] .dxbs-fl-group.dxbs-fl-gd {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] > .dxbl-row,
    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] > .row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] > .dxbl-row > *,
    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] > .row > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    .cx-medical-main-item [data-ui-id="medical-section-lignes"] {
        box-sizing: border-box;
        overflow: visible !important;
        overflow-x: visible;
        flex: 0 1 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 14.4px !important;
        padding-right: 14.4px !important;
    }

    .cx-medical-main-item [data-ui-id="medical-section-lignes"] > .row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .cx-medical-main-item [data-ui-id="medical-section-lignes"] > .row > .cx-medical-autoligne,
    .cx-medical-main-item [data-ui-id="medical-section-lignes"] > .row > .cx-medical-autoligne-grid-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbl-grid,
    .cx-medical-main-item [data-ui-id="medical-section-lignes"] .dxbs-grid,
    .cx-medical-main-item [data-ui-id="medical-section-lignes"] .card.w-100 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .cx-medical-empty-shell .cx-empty-state {
        width: min(100%, 40rem);
        padding-top: 0;
        padding-bottom: 0;
    }

    .cx-medical-empty-shell .cx-empty-state .cx-empty-state-icon {
        width: 5rem;
        height: 5rem;
    }

    .cx-medical-empty-shell .cx-empty-state .splash-screen-caption {
        margin-top: 1rem;
        font-size: 1.2rem;
        line-height: 1.35;
    }

    .cx-medical-empty-shell .cx-empty-state .splash-screen-text {
        margin-top: 0.35rem;
        font-size: 0.8rem;
        line-height: 1.35;
    }
}

@media (max-width: 767.98px) {
    .cx-facturation-mobile-form.dxbl-fl {
        font-size: 13px;
        line-height: 18px;
    }

    .cx-facturation-mobile-form.dxbl-fl > .dxbl-row,
    .cx-facturation-mobile-form.dxbl-fl > .row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }

    .cx-facturation-mobile-form.dxbl-fl > .dxbl-row > *,
    .cx-facturation-mobile-form.dxbl-fl > .row > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    .cx-facturation-mobile-form.dxbl-fl .dxbl-fl-group.dxbl-fl-gd .dxbl-group-header {
        font-size: 14px;
        line-height: 18px;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .cx-facturation-mobile-form.dxbl-fl .dxbl-fl-cpt.dxbl-text {
        font-size: 12.5px;
        line-height: 16px;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .cx-facturation-mobile-form.dxbl-fl .dxbl-text-edit-input,
    .cx-facturation-mobile-form.dxbl-fl .dxbl-spin-edit-input {
        font-size: 13px !important;
        line-height: 18px !important;
    }

    .cx-facturation-mobile-form.dxbl-fl .dxbl-text-edit {
        min-height: 0 !important;
    }

    .cx-facturation-mobile-form.dxbl-fl .dxbl-text-edit .dxbl-edit-btn {
        min-height: 0 !important;
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-btn-toolbar {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        justify-content: space-between !important;
        align-items: stretch !important;
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-btn-toolbar > :is(.dxbl-btn-group, .dxbl-toolbar-btn-ellipsis) {
        flex: 0 0 auto !important;
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-btn-group {
        display: inline-flex;
        align-items: stretch;
        background: #fff;
        border: 1px solid rgba(79, 93, 112, 0.14);
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0 1px 4px rgba(22, 28, 36, 0.08);
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-toolbar-item {
        flex: 0 0 50px;
        min-width: 50px;
        max-width: 50px;
        display: flex;
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-toolbar-item:last-child {
        flex-basis: 50px;
        min-width: 50px;
        max-width: 50px;
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-toolbar-btn {
        width: 100%;
        min-width: 0;
        height: 40px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-toolbar-btn .dxbl-image {
        margin: 0;
        font-size: 1rem;
        line-height: 1;
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-toolbar-btn .dxbl-toolbar-dropdown-toggle {
        flex: 0 0 10px;
        width: 10px;
        min-width: 10px;
        margin-left: 2px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-toolbar-btn:has(.dxbl-toolbar-dropdown-toggle) {
        column-gap: 2px;
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-toolbar-btn:has(.dxbl-toolbar-dropdown-toggle) .dxbl-image:not(.dxbl-toolbar-dropdown-toggle) {
        flex: 0 0 auto;
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-toolbar-btn .dxbl-image.icon-more ~ .dxbl-toolbar-dropdown-toggle {
        display: none !important;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-toolbar-btn .dxbl-image.icon-more ~ .dxbl-toolbar-dropdown-toggle {
        display: none !important;
    }

    body[data-cx-route="/Vac"] .cx-temps-toolbar-shell .dxbl-toolbar-btn .dxbl-image.icon-more ~ .dxbl-toolbar-dropdown-toggle,
    body[data-cx-route="/Sal"] .cx-temps-toolbar-shell .dxbl-toolbar-btn .dxbl-image.icon-more ~ .dxbl-toolbar-dropdown-toggle {
        display: inline-flex !important;
        margin-left: 1px;
        opacity: 0.75;
    }

    .cx-medical-toolbar-shell .dxbl-btn-toolbar > .dxbl-toolbar-placeholder,
    .cx-medical-bar-shell .dxbl-btn-toolbar > .dxbl-toolbar-placeholder,
    .cx-deplacement-toolbar-shell .dxbl-btn-toolbar > .dxbl-toolbar-placeholder,
    .cx-deplacement-bar-shell .dxbl-btn-toolbar > .dxbl-toolbar-placeholder,
    .cx-temps-toolbar-shell .dxbl-btn-toolbar > .dxbl-toolbar-placeholder,
    .cx-temps-bar-shell .dxbl-btn-toolbar > .dxbl-toolbar-placeholder {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        flex: 0 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .cx-medical-bar-shell .dxbl-btn-toolbar > .dxbl-toolbar-hidden-item,
    .cx-deplacement-bar-shell .dxbl-btn-toolbar > .dxbl-toolbar-hidden-item,
    .cx-temps-bar-shell .dxbl-btn-toolbar > .dxbl-toolbar-hidden-item {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        flex: 0 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    :is(.cx-medical-toolbar-shell, .cx-medical-bar-shell, .cx-deplacement-toolbar-shell, .cx-deplacement-bar-shell, .cx-temps-toolbar-shell, .cx-temps-bar-shell) .dxbl-virtual-toolbar {
        display: none !important;
    }

    .cx-medical-main-item .internal-content,
    .cx-medical-main-item .internal-content.h-100.min-h-0[data-ui-id="medical-section-container"] {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-top: 0 !important;
        padding-bottom: 0.5rem;
    }

    .cx-medical-main-item .internal-content > .dxbl-fl,
    .cx-medical-main-item .internal-content > .dxbl-fl > .dxbl-row,
    .cx-medical-main-item .internal-content > .dxbl-fl > .row,
    .cx-medical-main-item .internal-content > .dxbl-fl > .dxbl-row > *,
    .cx-medical-main-item .internal-content > .dxbl-fl > .row > *,
    .cx-medical-main-item [data-ui-id="medical-section-professionnel"],
    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] > .dxbl-row,
    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] > .row,
    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] > .dxbl-row > *,
    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] > .row > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    .cx-medical-main-item [data-ui-id="medical-section-professionnel"] {
        overflow-x: hidden !important;
    }

    .cx-medical-bar-shell .dxbl-btn-group.dxbl-adaptive-group,
    .cx-medical-bar-shell .dxbl-btn-group:first-child {
        display: flex !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-wrap: nowrap;
    }

    .cx-medical-bar-shell .dxbl-btn-group:first-child > .dxbl-toolbar-item {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        display: flex;
    }

    .cx-medical-bar-shell .dxbl-btn-toolbar > .dxbl-toolbar-btn-ellipsis,
    .cx-medical-bar-shell .dxbl-btn-toolbar > dxbl-toolbar-item.dxbl-toolbar-btn-ellipsis {
        display: flex !important;
        flex: 1 1 0 !important;
        flex-grow: 1 !important;
        flex-shrink: 1 !important;
        flex-basis: 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin-left: 0 !important;
    }

    .cx-medical-bar-shell .dxbl-btn-toolbar > .dxbl-toolbar-btn-ellipsis > .dxbl-btn,
    .cx-medical-bar-shell .dxbl-btn-toolbar > .dxbl-toolbar-btn-ellipsis .dxbl-btn,
    .cx-medical-bar-shell .dxbl-btn-toolbar > dxbl-toolbar-item.dxbl-toolbar-btn-ellipsis > .dxbl-btn,
    .cx-medical-bar-shell .dxbl-btn-toolbar > dxbl-toolbar-item.dxbl-toolbar-btn-ellipsis .dxbl-btn,
    .cx-medical-bar-shell .dxbl-btn-toolbar > .dxbl-toolbar-btn-ellipsis > .dxbl-toolbar-btn,
    .cx-medical-bar-shell .dxbl-btn-toolbar > .dxbl-toolbar-btn-ellipsis .dxbl-toolbar-btn {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: center !important;
        border-radius: 0 !important;
    }

    .cx-medical-bar-shell .dxbl-btn-group.dxbl-adaptive-group:has(> .dxbl-toolbar-item.dxbl-toolbar-item-collapsed) {
        flex: 0 0 calc((100% - 8px) * 4 / 5) !important;
        width: calc((100% - 8px) * 4 / 5) !important;
        max-width: calc((100% - 8px) * 4 / 5) !important;
    }

    .cx-medical-bar-shell .dxbl-btn-toolbar > .dxbl-toolbar-btn-ellipsis:not(.dxbl-toolbar-hidden-item),
    .cx-medical-bar-shell .dxbl-btn-toolbar > dxbl-toolbar-item.dxbl-toolbar-btn-ellipsis:not(.dxbl-toolbar-hidden-item) {
        display: flex !important;
        flex: 0 0 calc((100% - 8px) / 5) !important;
        width: calc((100% - 8px) / 5) !important;
        min-width: calc((100% - 8px) / 5) !important;
        max-width: calc((100% - 8px) / 5) !important;
        margin-left: 8px !important;
    }

    .cx-medical-bar-shell .dxbl-toolbar-item {
        display: flex;
    }

    .cx-medical-bar-shell .dxbl-toolbar-btn {
        width: 100%;
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 0.1rem;
        line-height: 1;
    }

    .cx-medical-bar-shell .dxbl-toolbar-btn > span:last-child {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.65rem;
        line-height: 1;
    }

    .cx-medical-bar-shell .dxbl-toolbar-btn .dxbl-image {
        margin: 0;
        line-height: 1;
        font-size: 0.9rem;
    }

    .cx-medical-bar-shell .dxbl-toolbar-btn.dxbl-active,
    .cx-medical-bar-shell .dxbs-toolbar-btn.active {
        background: linear-gradient(180deg, #eef2f6 0%, #dfe6ee 100%) !important;
        border-color: rgba(79, 93, 112, 0.34) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 1px 2px rgba(22, 28, 36, 0.08) !important;
    }
}

/* Deplacement and Temps/Rmx/Vac/Sal reuse the shared facturation shell base above. */
.cx-deplacement-bar-shell .dxbl-toolbar-btn.buttons-tools,
.cx-deplacement-bar-shell .dxbl-toolbar-btn.dxbl-toolbar-item.buttons-tools,
.cx-temps-bar-shell .dxbl-toolbar-btn.buttons-tools,
.cx-temps-bar-shell .dxbl-toolbar-btn.dxbl-toolbar-item.buttons-tools {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 52px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
    font-size: 0.62rem;
    line-height: 1.05;
    gap: 0.05rem;
    background-color: #fff !important;
    border-color: rgba(79, 93, 112, 0.15) !important;
    box-shadow: none !important;
}

    .cx-deplacement-main-item .internal-content,
    .cx-temps-main-item .internal-content {
        overflow-y: auto;
        overflow-x: hidden;
        padding-top: 0.25rem;
        padding-bottom: 0.5rem;
    }

@media (min-width: 768px) {
    .cx-medical-main-item .internal-content,
    .cx-medical-main-item .internal-content.h-100.min-h-0[data-ui-id="medical-section-container"] {
        padding-top: 0.15rem !important;
    }

    .cx-deplacement-main-item .internal-content,
    .cx-temps-main-item .internal-content {
        padding-top: 0.6rem;
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-btn-toolbar > .dxbl-toolbar-placeholder,
    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-btn-toolbar > .dxbl-toolbar-placeholder {
        flex: 0 0 0 !important;
        width: 0 !important;
        min-width: 0 !important;
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-btn-toolbar > .dxbl-btn-group:first-child {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-btn-toolbar > .dxbl-btn-group:first-child > .dxbl-toolbar-item {
        flex: 1 1 0;
        min-width: 0;
        display: flex;
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) .dxbl-btn-toolbar > .dxbl-btn-group:first-child > .dxbl-toolbar-item > .dxbl-toolbar-btn {
        width: 100%;
        justify-content: center;
    }

    :is(.cx-medical-toolbar-shell, .cx-deplacement-toolbar-shell, .cx-temps-toolbar-shell) :is(.dxbl-toolbar, .dxbl-btn-toolbar, .dxbl-btn-group, .dxbl-toolbar-item) {
        min-width: 0 !important;
        max-width: 100%;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-btn-toolbar > .dxbl-btn-group:first-child {
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
        display: flex;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-btn-toolbar > .dxbl-btn-group:first-child > .dxbl-toolbar-item {
        flex: 1 1 0;
        min-width: 0;
        display: flex;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-btn-toolbar > .dxbl-btn-group:first-child > .dxbl-toolbar-item > .dxbl-toolbar-btn {
        width: 100%;
        border-radius: 0;
    }

    :is(.cx-deplacement-main-item, .cx-temps-main-item) :is(.dxbl-row, .row, .dxbl-fl-row) {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .cx-deplacement-main-item :is([data-ui-id="deplacement-section-professionnel"], [data-ui-id="deplacement-section-lieux"]) > .row {
        display: block;
        width: 100%;
    }

    .cx-deplacement-main-item :is([data-ui-id="deplacement-section-professionnel"], [data-ui-id="deplacement-section-lieux"]) > .row > * {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .cx-deplacement-main-item :is([data-ui-id="deplacement-section-professionnel"], [data-ui-id="deplacement-section-lieux"], [data-ui-id="deplacement-section-professionnel"] .dxbl-fl-group-content, [data-ui-id="deplacement-section-lieux"] .dxbl-fl-group-content, [data-ui-id="deplacement-section-professionnel"] .dxbl-group, [data-ui-id="deplacement-section-lieux"] .dxbl-group) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-professionnel"] .dxbl-fl-group.dxbl-fl-gd,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lieux"] .dxbl-fl-group.dxbl-fl-gd,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-professionnel"] .dxbs-fl-group.dxbs-fl-gd,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lieux"] .dxbs-fl-group.dxbs-fl-gd,
    .cx-temps-main-item [data-ui-id="temps-section-professionnel"] .dxbl-fl-group.dxbl-fl-gd,
    .cx-temps-main-item [data-ui-id="temps-section-professionnel"] .dxbs-fl-group.dxbs-fl-gd,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] > .dxbl-fl-group.dxbl-fl-gd,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] > .dxbs-fl-group.dxbs-fl-gd {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 14.4px !important;
        padding-right: 14.4px !important;
        flex: 0 0 100% !important;
        box-sizing: border-box;
    }

.cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbl-fl-group.dxbl-fl-gd,
.cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbs-fl-group.dxbs-fl-gd,
.cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbl-fl-group.dxbl-fl-gd,
.cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbs-fl-group.dxbs-fl-gd {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"],
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbl-row,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .row,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbl-fl-item,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbl-col,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbl-fl-ctrl,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbl-grid,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"],
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbl-row,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .row,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbl-fl-item,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbl-col,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbl-fl-ctrl,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbl-grid {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbl-fl-item,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbl-col,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbl-fl-item,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbl-col {
        flex: 1 1 auto !important;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"],
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] {
        box-sizing: border-box;
        overflow-x: hidden;
        flex: 0 1 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 14.4px !important;
        padding-right: 14.4px !important;
    }

    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] > .row,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] > .row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] > .row > *,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] > .row > * {
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-lieux"],
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"],
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] {
        margin-top: 8px !important;
    }

.cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbl-fl-group.dxbl-fl-gd,
.cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbl-fl-group.dxbl-fl-gd {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbs-fl-group.dxbs-fl-gd,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbs-fl-group.dxbs-fl-gd {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .cx-temps-main-item [data-ui-id="temps-section-professionnel"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    .cx-temps-main-item [data-ui-id="temps-section-professionnel"] .dxbl-fl-group.dxbl-fl-gd {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .cx-temps-main-item [data-ui-id="temps-section-professionnel"] .dxbs-fl-group.dxbs-fl-gd {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-professionnel"] .dxbl-fl-group.dxbl-fl-gd,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lieux"] .dxbl-fl-group.dxbl-fl-gd,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-professionnel"] .dxbs-fl-group.dxbs-fl-gd,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lieux"] .dxbs-fl-group.dxbs-fl-gd {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbl-fl-group.dxbl-fl-gd + .dxbl-fl-group.dxbl-fl-gd,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbs-fl-group.dxbs-fl-gd + .dxbs-fl-group.dxbs-fl-gd,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbl-fl-group.dxbl-fl-gd + .dxbs-fl-group.dxbs-fl-gd,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbs-fl-group.dxbs-fl-gd + .dxbl-fl-group.dxbl-fl-gd {
        margin-top: 8px !important;
    }

    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .cx-temps-complements-group.dxbl-fl-group.dxbl-fl-gd,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .cx-temps-complements-group.dxbs-fl-group.dxbs-fl-gd {
        margin-top: 8px !important;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbl-grid,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbs-grid,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .card.w-100,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbl-grid,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .dxbs-grid,
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] .card.w-100 {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 767.98px) {
    :is(.cx-medical-bottom-item, .cx-deplacement-bottom-item, .cx-temps-bottom-item, .cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) {
        min-height: 40px;
        height: 40px;
        max-height: 40px;
        padding: 0 !important;
        box-sizing: border-box;
    }

    :is(.cx-medical-bottom-item, .cx-deplacement-bottom-item, .cx-temps-bottom-item) {
        overflow: visible !important;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) {
        overflow: visible !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) :is(.dxbl-btn-toolbar, .dxbs-toolbar) {
        position: absolute;
        inset: 0;
        width: 100% !important;
        min-width: 0 !important;
        height: 40px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        align-items: stretch !important;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-btn-group:first-child > .dxbl-toolbar-item > .dxbl-toolbar-btn {
        border-radius: 0 !important;
    }

    :is(.cx-deplacement-main-item, .cx-temps-main-item) :is(.dxbl-row, .row, .dxbl-fl-row) {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-professionnel"],
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lieux"],
    .cx-deplacement-main-item [data-ui-id="deplacement-section-professionnel"] .dxbl-fl-group.dxbl-fl-gd,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lieux"] .dxbl-fl-group.dxbl-fl-gd,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-professionnel"] .dxbs-fl-group.dxbs-fl-gd,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lieux"] .dxbs-fl-group.dxbs-fl-gd,
    .cx-temps-main-item [data-ui-id="temps-section-professionnel"],
    .cx-temps-main-item [data-ui-id="temps-section-professionnel"] .dxbl-fl-group.dxbl-fl-gd,
    .cx-temps-main-item [data-ui-id="temps-section-professionnel"] .dxbs-fl-group.dxbs-fl-gd {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        box-sizing: border-box;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-professionnel"],
    .cx-temps-main-item [data-ui-id="temps-section-professionnel"] {
        margin-top: 8px !important;
    }

    .cx-medical-main-item .cx-medical-autoligne-row,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"],
    .cx-temps-main-item [data-ui-id="temps-section-quantiemes"] {
        margin-top: 0.25rem !important;
    }

    .cx-medical-main-item .cx-medical-autoligne-grid-item,
    .cx-deplacement-main-item .cx-deplacement-autoligne-grid-item {
        margin-top: 0 !important;
    }

    .cx-medical-main-item .cx-medical-autoligne-grid-item > .dxbl-fl-ctrl,
    .cx-medical-main-item .cx-medical-autoligne-grid-item > .dxbs-fl-ctrl,
    .cx-deplacement-main-item .cx-deplacement-autoligne-grid-item > .dxbl-fl-ctrl,
    .cx-deplacement-main-item .cx-deplacement-autoligne-grid-item > .dxbs-fl-ctrl {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .cx-medical-main-item .cx-medical-autoligne > dxbl-group-control > .d-flex,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbl-fl-group.dxbl-fl-gd > dxbl-group-control > .d-flex,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lignes"] .dxbs-fl-group.dxbs-fl-gd > .card > .card-header {
        min-height: 30px !important;
        padding: 4px 12px !important;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-professionnel"] .dxbl-fl-group.dxbl-fl-gd,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lieux"] .dxbl-fl-group.dxbl-fl-gd,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-professionnel"] .dxbs-fl-group.dxbs-fl-gd,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lieux"] .dxbs-fl-group.dxbs-fl-gd,
    .cx-temps-main-item [data-ui-id="temps-section-professionnel"] .dxbl-fl-group.dxbl-fl-gd,
    .cx-temps-main-item [data-ui-id="temps-section-professionnel"] .dxbs-fl-group.dxbs-fl-gd {
        padding-left: 14.4px !important;
        padding-right: 14.4px !important;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-professionnel"] > .row,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lieux"] > .row,
    .cx-temps-main-item [data-ui-id="temps-section-professionnel"] > .row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .cx-deplacement-main-item [data-ui-id="deplacement-section-professionnel"] > .row > *,
    .cx-deplacement-main-item [data-ui-id="deplacement-section-lieux"] > .row > *,
    .cx-temps-main-item [data-ui-id="temps-section-professionnel"] > .row > * {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-btn-toolbar > .dxbl-btn-group:first-child {
        display: flex !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-wrap: nowrap;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-btn-toolbar > .dxbl-toolbar-btn-ellipsis {
        display: flex !important;
        flex: 0 0 60px !important;
        width: 60px !important;
        max-width: 60px !important;
        min-width: 60px !important;
        margin-left: 0 !important;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-btn-toolbar > .dxbl-btn-group:first-child > .dxbl-toolbar-item {
        flex: 1 1 60px !important;
        min-width: 60px !important;
        max-width: none !important;
        display: flex;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-btn-toolbar > .dxbl-toolbar-btn-ellipsis > .dxbl-toolbar-item {
        flex: 0 0 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
        display: flex;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-btn-toolbar > .dxbl-toolbar-btn-ellipsis .dxbl-toolbar-btn {
        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-btn-toolbar > .dxbl-toolbar-btn-ellipsis.dxbl-toolbar-hidden-item {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        flex: 0 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-btn-group {
        min-width: 0 !important;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-toolbar-item {
        display: flex;
        min-width: 0 !important;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-toolbar-btn {
        width: 100%;
        min-width: 60px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 1px;
        line-height: 0.95;
        min-height: 40px;
        height: 40px;
        padding-top: 4px;
        padding-bottom: 1px;
        padding-left: 0;
        padding-right: 0;
        background-color: #fff !important;
        border-color: rgba(79, 93, 112, 0.08) !important;
        box-shadow: none !important;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) :is(.dxbl-toolbar-btn.buttons-tools, .dxbl-toolbar-btn.dxbl-toolbar-item.buttons-tools) {
        min-width: 60px !important;
        min-height: 40px !important;
        height: 40px !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding-top: 4px !important;
        padding-bottom: 1px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 0.58rem !important;
        line-height: 1 !important;
        gap: 1px !important;
        border-color: rgba(79, 93, 112, 0.08) !important;
        box-shadow: none !important;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-toolbar-btn > span:last-child {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.58rem;
        line-height: 1;
        letter-spacing: 0;
        text-align: center;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) .dxbl-toolbar-btn .dxbl-image {
        margin: 0 0 1px;
        line-height: 1;
        font-size: 0.8125rem;
    }

    :is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell) :is(.dxbl-toolbar-btn.dxbl-active, .dxbs-toolbar-btn.active) {
        background: linear-gradient(180deg, #f0f2f4 0%, #e5e8eb 100%) !important;
        border-color: rgba(79, 93, 112, 0.18) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
        color: rgba(var(--bs-body-color-rgb), 0.98) !important;
    }
}

/* EtatCompte detail uses the same three-row shell pattern, but the bottom bar must keep
   its legacy tab geometry because the module exposes many sections at once. */
:is(.cx-etatcompte-shell, .cx-etatcompte-shell .dxbl-gridlayout, .cx-etatcompte-shell .dxbl-gridlayout-root) {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.cx-etatcompte-shell .dxbl-gridlayout-root {
    grid-template-rows: min-content minmax(0, 1fr) 39px !important;
}

:is(.cx-etatcompte-header-item, .cx-etatcompte-main-item, .cx-etatcompte-bottom-item, .cx-etatcompte-main-shell) {
    min-height: 0;
}

:is(.cx-etatcompte-main-item, .cx-etatcompte-main-shell, .cx-etatcompte-bottom-item) {
    overflow: hidden;
}

.cx-etatcompte-main-shell,
.cx-etatcompte-section {
    height: 100%;
}

.cx-etatcompte-section {
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.cx-etatcompte-section > .internal-content {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
}

.cx-etatcompte-bottom-item {
    height: 39px;
    max-height: 39px;
}

.cx-etatcompte-bar-shell {
    position: relative;
    z-index: 3;
    background: transparent;
    border-top: 0;
    min-height: 39px;
    height: 39px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
}

.cx-etatcompte-bar-shell .dxbl-btn-toolbar,
.cx-etatcompte-bar-shell .dxbs-toolbar {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    height: 100%;
    align-self: stretch;
}

.cx-etatcompte-bar-shell .dxbl-btn-toolbar > .dxbl-toolbar-placeholder {
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
}

.cx-etatcompte-bar-shell .dxbl-btn-toolbar > .dxbl-btn-group:first-child {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--bs-body-color-rgb), 0.28) transparent;
}

.cx-etatcompte-bar-shell .dxbl-btn-toolbar > .dxbl-btn-group:first-child::-webkit-scrollbar {
    height: 6px;
}

.cx-etatcompte-bar-shell .dxbl-btn-toolbar > .dxbl-btn-group:first-child::-webkit-scrollbar-thumb {
    background: rgba(var(--bs-body-color-rgb), 0.24);
    border-radius: 999px;
}

.cx-etatcompte-bar-shell .dxbl-btn-toolbar > .dxbl-btn-group:first-child > .dxbl-toolbar-item {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
}

.cx-etatcompte-bar-shell .dxbl-btn-toolbar > .dxbl-btn-group:first-child > .dxbl-toolbar-item > .dxbl-toolbar-btn {
    border-radius: 0;
    min-width: 0;
    width: 100%;
}

.cx-etatcompte-bar-shell .dxbl-toolbar-btn.buttons-tools,
.cx-etatcompte-bar-shell .dxbl-toolbar-btn.dxbl-toolbar-item.buttons-tools,
.cx-etatcompte-bar-shell .dxbs-toolbar-btn.buttons-tools {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    font-size: 0.54rem;
    line-height: 1;
    gap: 0.05rem;
    letter-spacing: -0.01em;
}

.cx-etatcompte-bar-shell .dxbl-toolbar-btn.buttons-tools .dxbl-image,
.cx-etatcompte-bar-shell .dxbs-toolbar-btn.buttons-tools .dx-image {
    margin: 0;
    line-height: 1;
}

.cx-etatcompte-main-item .internal-content {
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 0.5rem;
}

.cx-etatcompte-main-item .internal-content > :is(.dxbl-fl, .dxbs-fl, .check-list, .cx-list-group),
.cx-etatcompte-main-item .internal-content > :is(.dxbl-fl, .dxbs-fl) > :is(.dxbl-row, .row) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}

.cx-etatcompte-main-item .internal-content > :is(.dxbl-fl, .dxbs-fl).cx-list-group {
    display: block !important;
    float: none !important;
    overflow: visible !important;
}

.cx-etatcompte-main-item :is(.dxbl-form-layout-group, .dxbl-fl-group).dxbl-col,
.cx-etatcompte-main-item .dxbs-fl-group.dxbs-fl-gd {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cx-etatcompte-main-item .dxbl-fl-group.dxbl-fl-gd {
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
}

.cx-etatcompte-main-item .dxbl-fl-group.dxbl-fl-gd :is(.dxbl-group-header, .header-collapsible).cx-hide-header,
.cx-etatcompte-main-item .dxbl-fl-group.dxbl-fl-gd :is(.dxbl-group-header, .header-collapsible):has(.cx-hide-header),
.cx-etatcompte-main-item .dxbs-fl-group.dxbs-fl-gd :is(.card-header, .dxbs-fl-gr).cx-hide-header,
.cx-etatcompte-main-item .dxbs-fl-group.dxbs-fl-gd :is(.card-header, .dxbs-fl-gr):has(.cx-hide-header) {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.cx-etatcompte-main-item .dxbl-fl-group.dxbl-fl-gd > .dxbl-group,
.cx-etatcompte-main-item .dxbs-fl-group.dxbs-fl-gd > .card {
    margin-top: 0 !important;
}

.cx-etatcompte-main-item .cx-list-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cx-etatcompte-main-item .cx-ec17-entry {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0.5rem 0.75rem;
    border: 1px solid rgba(var(--bs-body-color-rgb), 0.14);
    border-radius: var(--bs-border-radius-sm, 0.25rem);
    background-color: var(--bs-body-bg, #fff);
    box-sizing: border-box;
}

.cx-etatcompte-main-item .cx-ec17-grid-panel {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 0.5rem;
    overflow-x: auto;
    overflow-y: hidden;
}

.cx-etatcompte-main-item .cx-ec17-grid-panel .cx-grid {
    min-width: max-content;
}

.cx-etatcompte-main-item .cx-ec17-tabs {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 0.35rem;
}

.cx-etatcompte-main-item .cx-ec17-tab-list {
    display: flex;
    align-items: flex-end;
    min-height: 33px;
    border-bottom: 1px solid rgba(var(--bs-body-color-rgb), 0.18);
}

.cx-etatcompte-main-item .cx-ec17-tab {
    min-width: 80px;
    min-height: 33px;
    margin: 0 0 -1px;
    padding: 0.35rem 0.85rem;
    border: 1px solid transparent;
    border-bottom-color: rgba(var(--bs-body-color-rgb), 0.18);
    border-radius: 0;
    background: transparent;
    color: rgba(var(--bs-body-color-rgb), 0.78);
    font: inherit;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
}

.cx-etatcompte-main-item .cx-ec17-tab.active {
    border-color: rgba(var(--bs-body-color-rgb), 0.18);
    border-bottom-color: var(--bs-body-bg, #fff);
    border-top-color: rgba(226, 151, 95, 0.72);
    background-color: var(--bs-body-bg, #fff);
    color: rgba(var(--bs-body-color-rgb), 0.96);
}

.cx-etatcompte-main-item .cx-ec17-tab:hover {
    color: rgba(var(--bs-body-color-rgb), 0.96);
}

.cx-etatcompte-main-item .cx-ec17-tab-panel {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding-top: 0.75rem;
    overflow-x: auto;
    overflow-y: hidden;
}

.cx-etatcompte-main-item .cx-ec17-tab-panel .cx-grid {
    min-width: max-content;
}

.cx-etatcompte-main-item .cx-ec17-entry-tabs,
.cx-etatcompte-main-item .cx-ec17-entry-tabs > .dxbl-row,
.cx-etatcompte-main-item .cx-ec17-entry-tabs > .row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.cx-etatcompte-main-item .cx-ec17-entry-tabs .dxbl-form-layout-tab-pages,
.cx-etatcompte-main-item .cx-ec17-entry-tabs .dxbl-tabs {
    margin-top: 0.25rem;
}

.cx-etatcompte-main-item .cx-ec17-entry-tabs :is(.dxbl-col, .dxbl-form-layout-item) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.cx-medical-person-tabs .nav-tabs :is(.nav-link.active, .nav-link.active:hover, .nav-link.active:focus, .nav-item.show .nav-link) {
    color: rgba(var(--bs-body-color-rgb), 0.96) !important;
    background: linear-gradient(180deg, #f9ece1 0%, #f4dfcf 100%) !important;
    border-color: rgba(226, 151, 95, 0.62) rgba(226, 151, 95, 0.62) rgba(226, 151, 95, 0.9) !important;
    box-shadow: inset 0 -2px 0 rgba(226, 151, 95, 0.9), 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    font-weight: 700 !important;
}

.cx-medical-person-tabs [role="tablist"] {
    align-items: flex-end;
    gap: 0;
    border-bottom: 1px solid rgba(var(--bs-body-color-rgb), 0.22) !important;
}

.cx-medical-person-tabs .dxbl-tabs-item {
    color: rgba(var(--bs-body-color-rgb), 0.86) !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-weight: 400 !important;
    min-height: 39px;
    padding: 8px 16px !important;
    margin-bottom: -1px !important;
}

.cx-medical-person-tabs .dxbl-tabs-item:is(:hover, :focus-visible) {
    color: rgba(var(--bs-body-color-rgb), 0.96) !important;
    background-color: rgba(var(--bs-primary-rgb), 0.08) !important;
    border-bottom-color: rgba(var(--bs-primary-rgb), 0.38) !important;
}

.cx-medical-person-tabs .dxbl-tabs-item.dxbl-active {
    color: rgba(var(--bs-body-color-rgb), 0.98) !important;
    background-color: rgba(var(--bs-primary-rgb), 0.22) !important;
    border-bottom: 2.4px solid rgba(var(--bs-primary-rgb), 0.58) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

:is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell, .cx-etatcompte-bar-shell) :is(.dxbl-toolbar-btn.dxbl-active, .dxbs-toolbar-btn.active) {
    background: linear-gradient(180deg, #f0f2f4 0%, #e5e8eb 100%) !important;
    border-color: rgba(79, 93, 112, 0.22) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
    color: rgba(var(--bs-body-color-rgb), 0.98) !important;
}

:is(.cx-medical-bar-shell, .cx-deplacement-bar-shell, .cx-temps-bar-shell, .cx-etatcompte-bar-shell) :is(.dxbl-toolbar-btn.dxbl-active .dxbl-text, .dxbs-toolbar-btn.active .dx-button-text, .dxbs-toolbar-btn.active .dx-image) {
    color: rgba(var(--bs-body-color-rgb), 0.98) !important;
}

.cx-combo-wrap-cell {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
    display: block;
}