/*TOP BAR*/

.abs-page:has(.room-main-page) {
    padding: 0 !important;
    margin: 0;
    background-color: var(--sn-surface-subtle);
}

.room-main-page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}

/* Suppress the outer drawer overflow only for the room page — its header + flex
   layout fill the drawer height exactly, and the grid handles internal scroll. */
.abs-left-bar .k-drawer-content .k-drawer-content:has(.room-main-page) {
    overflow: hidden;
}

.room-main-page .abena-v2-tree-navigator {
    width: 100%;          /* stretch inside the fixed 274px wrapper */
}

.room-main-page .room-left {
    height: calc(100vh - 5rem);
    display: flex;
    flex-direction: column;
    align-content: center;
    margin-right: 1.25rem;
    margin-left: 1.5rem;
    flex: 0 0 20rem;
    width: 20rem;
    gap: 1rem;
    padding-left: 0;
    padding-right: 0.5rem;          /* gap between the panel cards and the scrollbar */
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    box-sizing: border-box;
}

/* The section card (.abena-v3-sidenav) has a fixed 20rem width, so it overflows its wrapper and
   runs under the scrollbar — fill the wrapper instead so it clears the scrollbar like the groups
   card below it. */
.room-main-page .room-left .section-nav .abena-v3-sidenav {
    width: 100%;
}

.room-main-page .room-left .title {
    font-family: Gilroy-Medium;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.room-main-page .room-left .title i {
    margin-left: 0.5rem;
    color: var(--abs-light-green);
}

.room-main-page .room-left .separator {
    height: 2.5rem;
}

.room-main-page .room-left .section-nav .dark-selected button.k-button,
.room-main-page .room-left .section-nav .dark-selected button.k-button .k-button-text {
    font-size: 13px !important;
}

.room-main-page .room-left .section-nav .dark-selected button.k-button {
    padding: 4px 9px !important;
}


.room-main-page .k-flex-layout {
    align-items: stretch;
}

.room-main-page .room-right {
    overflow: hidden;
    min-height: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--top-bar-height) - 5rem);
    gap: 0;
    padding: 1.5rem 2rem 1rem 0.75rem;
    /* border-box so the 24/16px vertical padding is inside the fixed height — otherwise the
       pane is 40px taller than its calc height and the grid pager spills below the viewport. */
    box-sizing: border-box;
}

/* Desktop only (≥1101px): the right pane has a fixed viewport height. Below 1101px the selectors
   stack above the grid and the whole area scrolls as one block (see the max-width:1100px
   stacked-selectors media query in Abena-v3.css), where the grid must keep its inline content
   height — so these rules must NOT apply there or the grid collapses. */
@media (min-width: 1100.02px) {
    .room-main-page .abs-grid {
        /* Fill the right pane's remaining space below the in-pane top bar (flex), instead of a
           fixed calc height that ignores the top bar and pushes the grid pager off-screen. */
        flex: 1 1 0;
        min-height: 0;
        height: auto;
    }

    /* The grid's Telerik Height="calc(100vh - 11rem)" inline style ignores the in-pane top bar and
       overshoots its container, clipping the pager. Fill the (correctly flex-sized) .abs-grid
       instead so the grid body scrolls internally and the pager stays inside the viewport. */
    .room-main-page .abs-grid > .k-grid {
        height: 100% !important;
    }
}

.room-main-page .group-grid .k-grid-header {
    display: none;
}

.room-main-page .group-grid .k-grid .k-table-alt-row {
    background-color: white;
}

.room-main-page .group-grid .k-grid .k-table-alt-row:hover {
    background-color: transparent !important;
}


span.k-icon.k-i-none {
    display: none;
}

.room-section-display {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tag-room {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 1.8125rem;
    min-width: 1.8125rem;
    height: 1.5rem;
    border-radius: 0.1875rem;
    font-size: 0.875rem;
    background-color: #26BAA4;
    border: 1px solid #26BAA4;
    color: white;
}

    .tag-room.V1 {
        background-color: #FBEFC6;
        border: 1px solid #F4D35E;
        color: #997A0B;
    }
    
    .tag-room.V3 {
        background-color: #DDF8F4;
        border: 1px solid #26BAA4;
        color: #187768;
    }

.room-main-page .room-grid .tag-room.empty {
    background-color: var(--abs-light-purple);
    border: 1px solid var(--abs-light-purple);
}


/* Room topbar search — white bordered style matching the design */
.room-top-bar .abena-v3-grid-search {
    background: #fff;
    border: 1px solid var(--sn-rail);
    border-radius: 0.5rem;
    transition: border-color 0.12s, box-shadow 0.12s;
}
.room-top-bar .abena-v3-grid-search:focus-within {
    border-color: var(--kendo-color-info-on-surface);
    box-shadow: 0 0 0 3px rgba(0, 68, 194, 0.10);
}
.room-top-bar .abena-v3-grid-search .search-with-icon {
    background-color: transparent;
    border: none;
    overflow: visible;
}
.room-top-bar .abena-v3-grid-search:focus-within i {
    color: var(--kendo-color-info-on-surface);
}

.room-main-page .room-selected-section-title {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.3125rem;
    line-height: 1;
    display: flex;
    align-items: center;
    color: #0D1740;
    margin: 0 0 1rem 0;
    align-self: stretch;
}

.room-top-bar {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.room-top-bar .top-part {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: inherit;
    gap: 1rem;
}

.room-top-bar .top-part .right-part {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: inherit;
    gap: 1rem;
}

.room-top-bar .bottom-part {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    height: inherit;
    border: 1px solid var(--abena-v2-border-default-color);
    border-radius: var(--abena-v2-default-border-radius);
    padding: 1rem;
    margin-top: 1rem;
}


/* MODAL room*/

.modal-room-form-item-text {
}

.modal-room-form-item-text-note {
}

.modal-room-form-item-group {
}

.modal-room-form-item-name {
}

.modal-room-style {
    background-color: white;
    border-color: grey;
}


/* GRID CSS TO CHECK */
.no-group-header .k-grouping-header {
    display: none;
}

.hide-first-x-button .k-grouping-header .k-indicator-container:first-of-type .k-button.k-button-icon.k-bare {
    display: none;
}


.room-edit {
    display: flex;
    gap: 1.5rem;
    flex-direction: column;
}

.room-edit .label {
    font-size: 0.75rem;
}

.room-edit .ligne-numero {
    height: 3.75rem;
    display: flex;
    gap: 1.25rem;
    flex-direction: column;
}

.room-edit .ligne-numero .numero {
    display: flex;
    gap: 0.3125rem;
    flex-direction: column;
}

.room-edit .ligne-lit {
    height: 3.75rem;
    display: flex;
    gap: 1.25rem;
    flex-direction: column;
}

.room-edit .ligne-lit .lit {
    display: flex;
    gap: 0.3125rem;
    flex-direction: column;
}

.room-edit .ligne-section {
    height: 5rem;
    display: flex;
    gap: 1.25rem;
    flex-direction: column;
}

.room-edit .ligne-section .section {
    display: flex;
    gap: 0.3125rem;
    flex-direction: column;
}

.room-edit .ligne-groupe {
    height: 5rem;
    display: flex;
    gap: 1.25rem;
    flex-direction: column;
}

.room-edit .ligne-groupe .groupe {
    display: flex;
    gap: 0.3125rem;
    flex-direction: column;
}

.room-edit .ligne-resident {
    height: 5rem;
    display: flex;
    gap: 1.25rem;
    flex-direction: column;
}

/*  .room-edit .ligne-resident .resident-dropdown-panel .nom-section .display-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width:25rem !important;
}*/

.room-edit .ligne-resident .resident {
    display: flex;
    gap: 0.3125rem;
    flex-direction: column;
}

.room-edit .ligne-resident .resident .button-group {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
}

.add-room {
    display: flex;
    gap: 2rem;
    flex-direction: column;
    padding: 0 0.5rem;
}

.add-room .first-and-last-numero {
    display: flex;
    gap: 1.25rem;
    flex-direction: row;
}

.add-room .ajout-lits {
    display: flex;
    gap: 1.25rem;
    flex-direction: row;
    padding: 0 0.5rem;
}

.add-section {
    height: 100%;
    display: flex;
    gap: 1.25rem;
    flex-direction: column;
    padding: 0 0.5rem;
}

.add-group {
    display: flex;
    gap: 1.25rem;
    flex-direction: column;
    padding: 0;
}

.group-edit{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.abena-v2-group-delete-button{
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    font-family: "Gilroy-Medium" !important;
    text-transform: none !important;
}

.abena-v2-text-input-room input{
    font-size: 0.875rem;
}

.abena-v2-text-input-room input::placeholder {
    font-family: "Gilroy";
    font-weight: 300;
    color: #99A1AF;
}

.edit-section-bottom {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}


.group-grid .edit-groupe {
    background-color: transparent;
    color: #262B32;
    border: none;
    height: 1.75rem;
    cursor: pointer;
}

.room-grid .room-grid-action {
    display: inline-flex;
    border-radius: 0.375rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 1.75rem;
    height: 1.75rem;
}
.room-grid .room-grid-action.button-view {
    background-color: var(--abs-light-turquoise-bg);
}
.room-grid .room-grid-action.button-view i {
    padding-left: 0.25rem;
    color: var(--abs-light-turquoise);
}

.room-grid .room-grid-action.button-edit {
    background-color: var(--abs-light-purple-bg);
}
.room-grid .room-grid-action.button-edit i {
    padding-left: 0.125rem;
    color: var(--abs-light-purple);
}

.room-grid .room-grid-action.button-exit {
    background-color: var(--abs-light-green-bg);
}
.room-grid .room-grid-action.button-exit i {
    padding-left: 0.125rem;
    color: var(--abs-light-green);
}

.room-grid .room-grid-action.button-delete {
    background-color: var(--abs-light-red-bg);
}
.room-grid .room-grid-action.button-delete i {
    padding-left: 0.1875rem;
    color: var(--abs-light-red);
}

.room-grid .k-grid-header .k-grid-header-table .k-table-thead .k-table-row th{
    text-align: left !important;
    justify-content: flex-start !important;
}

.empty-building-modal{
    background: #FFFFFF;
    border: 1px solid #EFF1F4;
    box-shadow: 0px 2px 3px rgba(0, 68, 194, 0.04);
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 2rem;
    gap: 1.5rem;
    width: 31.8125rem;
    height: 16.125rem;
}

.icone-building{
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 6px;
    background: #E9F0FD;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icone-building i {
    font-size: 2rem !important;
    color: #0058E9;
}

.empty-building-modal-texts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.empty-building-modal-title{
    font-size: 2rem;
    font-weight: 900;
    color: #252E53;
    text-align: center;
}

.empty-building{
    width: 100%;
    margin-top: 13.625rem;
    display: flex;
    justify-content: center;
}

.empty-building-modal-text{
    font-size: 1rem;
    font-weight: 500;
    color: #565D79;
    text-align: center;
}

.empty-building-modal .abena-v2-btn {
    border-radius: 12px !important;
    background-color: var(--abena-color-action-blue) !important;
    box-shadow: none;
}

.room-main-page .room-grid .tag-gir {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.75rem;
    min-width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    font-size: 1rem;
    background: #E3ECF4;
    border: 1px solid var(--primary);
    color: var(--primary);
    line-height: 1;
    padding: 0;
}

    .room-main-page .room-grid .tag-gir span{
        padding-top: 0.125rem;
    }

.abena-v2-grid tr.k-grouping-row {
    height: 4rem !important;
}

.abena-v2-grid .k-table-group-row {
    font-weight: 900 !important;
    color: #0a0c0d !important;
}
.abena-v2-grid .k-table-group-row span {
    padding-left: 0.5rem !important;
    padding-right: 1.125rem !important;
}
.abena-v2-grid .k-table-group-row i {
    color: var(--primary) !important;
    font-size: 1rem !important;
    padding-right: 0.625rem !important;
    font-weight: 600 !important;
}

.room-grid .k-grid-header thead tr{
    height: 3.25rem;
    background: #F3F4F6;
}

.room-grid .k-table-group-row span.telerik-blazor.k-icon.k-svg-icon {
    display: none !important;
}

.abena-v2-grid .k-table-group-row td {
    padding-left: 1px !important;
    background: #F3F4F6 !important;
    border-radius: 12px !important;
    border-top: 0.375rem solid transparent !important;
    border-bottom: 0.375rem solid transparent !important;
    background-clip: padding-box !important;
}
abena-v2-grid tr.k-grouping-row {
     background-color: transparent !important;
     height: auto !important;
}

.room-edit-modal-dropdown{
    background: white !important;
}

.room-edit-modal-section{
    color: var(--primary) !important;
    background: transparent !important;
    font-family: 'Gilroy-Heavy' !important;
    font-size: 0.625rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.031rem;
}


.room-edit-modal-section .k-svg-icon svg {
    display: none;
}

.room-edit-modal-section .k-svg-icon:before {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    margin-right: 1.125rem;
}

.abena-v2-grid td.k-table-td.k-command-cell.k-grid-content-sticky > span {
     display: flex;
     gap: 0.5rem;
 }

.rooms-groups-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.rooms-group-item {
    display: flex;
    width: 18rem;
    height: 1.1875rem;
    padding: 0.625rem 0.625rem 0.625rem 2rem;
    align-items: center;
    gap: 1rem;
    border-radius: 0.5rem;
    background: var(--grid-header-bg);
    box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    justify-content: space-between;
    white-space: nowrap;
}

.rooms-group-item.selected {
    background: #FFE7F4;
}

.rooms-group-title {
    font-family: Gilroy-Medium;
    font-size: 1rem;
    padding-right: 1rem;
    font-weight: 400;
    line-height: 100.015%;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rooms-group-item i {
    color: var(--abena-v2-url);
    font-size: 1.125rem;
}

.sections-reorder-tree-wrapper{
    height: 30rem;
    max-height: calc(100vh - 20rem);
    overflow-y: auto;
    padding: 1rem 1rem 1rem 0.5rem;
    border-radius: 0.875rem;
    background: #FFF;
    margin-top: 1rem;
    box-shadow: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.10), 0 0.25rem 0.375rem -0.25rem rgba(0, 0, 0, 0.10);
}

.abena-v2-modal-window.sections-reorder-modal{
    background-color: #F6F6F9;
}

.sections-reorder-modal .inner-content{
    padding: 0 !important;
    padding-bottom: 1rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.sections-reorder-modal .k-window-content{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
    padding-top: 0.25rem !important;
}

.sections-reorder-modal .bottom-bar{
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

.sections-reorder-modal .k-window-titlebar{
    padding: 2.75rem 2.875rem 0.5rem !important;
}

.sections-reorder-tree {
    color: black;
}
.sections-reorder-tree .k-table-tbody{
    display: flex;
    flex-direction: column;
    gap: 0.3125rem;
}

.sections-reorder-tree-item {
    color: black;
}

.sections-reorder-tree-item td > div {
    display: inline;
    font-size: 0.75rem;
    font-family: Gilroy-Medium;
    color: #364153;
    font-weight: 400;
    line-height: 1rem;
}

.sections-reorder-tree-item .k-svg-icon {
    width: 0.75rem;
}

.sections-reorder-tree-item .k-svg-icon:last-of-type{
    margin-right: 0.125rem;
}

.sections-reorder-tree-item td > div [blazicon] {
    font-size: 0.875rem;
    stroke: var(--primary);
    margin-right: 1.5rem;
    margin-left: 1.25rem;
    vertical-align: -0.1875rem;
}

.sections-reorder-tree-item td > .k-svg-i-caret-alt-right:before,
.sections-reorder-tree-item td > .k-svg-i-caret-alt-down:before{
    content: "";
    display: inline-block;
    width: 0.875rem;
    height: 0.875rem;
    background-size: contain;
    background-repeat: no-repeat;
}

.sections-reorder-tree-item td > .k-svg-i-caret-alt-right:before {
    background-image: url('/Images/icon-simple-chevron-right.svg');
}
.sections-reorder-tree-item td > .k-svg-i-caret-alt-down:before {
    background-image: url('/Images/icon-simple-chevron-down.svg');
}
.sections-reorder-tree-item td > .k-treelist-toggle.k-svg-i-caret-alt-right svg,
.sections-reorder-tree-item td > .k-treelist-toggle.k-svg-i-caret-alt-down svg {
    display: none;
}
.sections-reorder-tree-item td > .k-treelist-toggle.k-svg-i-caret-alt-right,
.sections-reorder-tree-item td > .k-treelist-toggle.k-svg-i-caret-alt-down {
    margin-right: 0.375rem;
    cursor: pointer;
}

.sections-reorder-tree .k-grid-header {
    visibility: collapse;
}
.sections-reorder-tree .k-grid-content {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.sections-reorder-tree.k-grid {
    border: none;
}

.sections-reorder-tree .k-table-td {
    padding: 0;
    border: none;
    background-color: transparent;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sections-reorder-tree.wrapping .k-table-td {
    text-overflow: clip;

}

.sections-reorder-tree colgroup{
    display: none;
}

.sections-reorder-tree .k-table-td:hover {
    background-color: transparent !important;
}

.sections-reorder-tree .k-table-row.k-selected > .k-table-td,
.sections-reorder-tree .k-table-alt-row:hover {
    background-color: transparent !important;
}

.sections-reorder-tree .k-table-row {
    background-color: transparent !important;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    position: relative;
}
.sections-reorder-tree .k-table-row .k-drag-cell > .k-icon{
    width: 1rem;
    height: 1rem;
}

.sections-reorder-tree .k-table-row td {
    display: flex;
    align-items: center;
    z-index: 1;
    padding-right: 0.5rem;
}

.sections-reorder-tree .k-grid-header {
    display: none;
}

.sections-reorder-tree .k-table-row td:has(div){
    flex-grow: 1;
    padding-left: 1.25rem;
}

.sections-reorder-tree .k-table-row td:has(div) .k-svg-icon:last-of-type {
    margin-right: 0.25rem;
}

.sections-reorder-tree .k-table-row:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    height: 2rem;
    width: calc(100% - 0.625rem);
    border-radius: 0.625rem;
    border: 1px solid #536477;
}

.sections-reorder-tree .k-table-row.section-lvl-2:before {
    width: calc(100% - 1.375rem);
}
.sections-reorder-tree .k-table-row.section-lvl-3:before {
    width: calc(100% - 2.125rem);
}
.sections-reorder-tree .k-table-row.section-lvl-4:before {
    width: calc(100% - 2.875rem);
}
.sections-reorder-tree .k-table-row.section-lvl-5:before {
    width: calc(100% - 3.625rem);
}

.sections-reorder-tree .k-table-row.section-type-0:before {
    background: var(--tree-color-establishment-modal);
}
.sections-reorder-tree .k-table-row.section-type-1:before {
    background: var(--tree-color-building-modal);
}
.sections-reorder-tree .k-table-row.section-type-2:before {
    background: var(--tree-color-floor-modal);
}
.sections-reorder-tree .k-table-row.section-type-3:before {
    background: var(--tree-color-service-modal);
}
.sections-reorder-tree .k-table-row.section-type-4:before {
    background: var(--tree-color-sub-service-modal);
}

.sections-reorder-tree .k-table-row div {
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    padding-right: 1rem;
}

.sections-reorder-tree .k-table-row div svg{
    color: var(--primary);
}

.sections-reorder-tree .k-table-row .prefix-icon{
    font-size: 0.875rem;
    margin-left: 1rem;
    margin-right: 1.5rem;
}

.sections-reorder-tree .k-table-row .k-svg-i-reorder {
    cursor: move;
}
.sections-reorder-tree .k-table-row .k-svg-i-reorder svg {
    display: none;
}

.sections-reorder-tree-item td > .k-svg-i-reorder:before {
    content: "";
    display: inline-block;
    width: 0.875rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/Images/icon-hamburger.svg');
}

.sections-reorder-tree .k-table-row div .fa-solid.fa-pen{
    color: var(--abena-v2-url);
    cursor: pointer;
}

.room-edit-label{
    padding-bottom: 0.219rem;    
}

.room-section-selected{
    background-color: #E8F5E9;
    color: #2E7D32;
    border: 1px solid #6BBF73;
    border-radius: 0.625rem;
    height: 2.5rem;
    box-shadow: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-left: 1rem;
    font-size: 0.875rem;
}

.room-section-selected span{
    padding-top: 0.25rem;
    font-size: 0.875rem;
}

.room-section-selected i{
    color: #6BBF73;
    background-color: #FFFFFF;
    border-radius: 5rem;
    width: 0.875rem;
    height: 0.875rem;
}

/*====================================== ROOM SEGMENTED TOGGLE BUTTON  =================================*/

.abena-v2-segmented-separate-buttons{
    display: flex;
    flex-direction: row;
    background: var(--bgcolor);
    border-radius: 0.625rem;
    justify-content: center;
}

.abena-v2-segmented-separate-buttons .k-button-group{
    gap: .75rem; !important;
    width: 100% !important;
}

.abena-v2-segmented-separate-buttons button {
    padding: 0.375rem 1rem;
    background-color: #FFFFFF;
    color: #000;
    border: 1px solid #8B8B8B80;
    border-radius: 0.625rem;
    font: var(--Gilroy-Medium);
    transition: background-color 0.3s, color 0.3s;
    width: 100%;
}

.abena-v2-segmented-separate-buttons button.k-selected {
    background-color: var(--primary);
    color: white;
    border-radius: 0.625rem;
    box-shadow: none;
}

.abena-v2-segmented-separate-buttons button:first-child {
    border-radius: 0.625rem;
    border-start-end-radius: 0.625rem !important;
    border-end-end-radius: 0.625rem !important;
}

.abena-v2-segmented-separate-buttons button:last-child {
    border-radius: 0.625rem;
    border-start-start-radius: 0.625rem !important;
    border-end-start-radius: 0.625rem !important;
}


.abena-v2-segmented-separate-buttons button:not(:first-child):not(:last-child) {
    border-start-end-radius: 0.625rem !important;
    border-end-end-radius: 0.625rem !important;
    border-start-start-radius: 0.625rem !important;
    border-end-start-radius: 0.625rem !important;
}


.sub-section-modal .sub-section-label {
    font-family: "Gilroy-Medium";
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    padding-top: 1.5rem;
}

.sub-section-modal .section-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 1.5rem;
    gap: 1.5rem;
    
    justify-content: space-between;

    width: auto;
    height: 7.25rem;

    background: #FFFFFF;
    border: 2px solid #D1D5DC;
    border-radius: 0.875rem;
    
    cursor: pointer;
}

.sub-section-modal .section-buttons .section-icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 2rem;
    color: var(--tree-color-service);
    width: 4rem;
    height: 4rem;
    border-radius: 0.625rem;
}

.sub-section-modal .section-buttons .section-icon.room-background {
    background: #DCE0DD;
}

.sub-section-modal .section-buttons .section-icon.floor-background {
    background: #D6EBEE;
}

.sub-section-modal .section-buttons .section-icon.service-background {
    background: #F0DBE4;
}

.sub-section-modal .section-buttons .section-icon .room {
    font-size: 1.75rem;
    color: #59635B;
}

.sub-section-modal .section-buttons .section-icon .floor{
    font-size: 1.75rem;
    color: #6BB7C4;
}

.sub-section-modal .section-buttons .section-icon .service{
    font-size: 1.75rem;
    color: #C87F9F;
}

.sub-section-modal .section-buttons .section-texts {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: flex-start;
    padding: 0;

    width: max-content;

    border-radius: 0;
}

.sub-section-modal .section-buttons .section-texts .section-title {
    font-family: 'Gilroy-Bold';
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;

}

.sub-section-modal .section-buttons .section-texts .section-subtitle {
    font-family: 'Gilroy-Medium';
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;

    color: #4A5565;
}

.sub-section-modal .section-buttons .right-icon {
    width: 24px;
    height: 24px;
    border-radius: 0;
}

.room-section-path{
    font-family: Gilroy-Bold;
}
.room-section-path:nth-of-type(5){
    font-family: Gilroy-Heavy;
}


.abena-v2-tree-item.section-type-0 td > div:before {
    background-color: var(--tree-color-establishment) !important;
}

.abena-v2-tree-item.section-type-1 td > div:before {
    background-color: var(--tree-color-building) !important;
}
.abena-v2-tree-item.section-type-2 td > div:before {
    background-color: var(--tree-color-floor) !important;
}
.abena-v2-tree-item.section-type-3 td > div:before {
    background-color: var(--tree-color-service) !important;
}
.abena-v2-tree-item.section-type-4 td > div:before {
    background-color: var(--tree-color-sub-service) !important;
}

.light-placeholder textarea::placeholder,
.light-placeholder input::placeholder {
    font-family: "Gilroy", sans-serif;
    font-weight: 300;
    color: #99A1AF;
}