/* Minification failed. Returning unminified contents.
(655,11): run-time error CSS1030: Expected identifier, found '.'
(655,21): run-time error CSS1031: Expected selector, found ')'
(655,21): run-time error CSS1025: Expected comma or open brace, found ')'
(662,50): run-time error CSS1030: Expected identifier, found '.'
(662,75): run-time error CSS1031: Expected selector, found ')'
(662,75): run-time error CSS1025: Expected comma or open brace, found ')'
(666,50): run-time error CSS1030: Expected identifier, found '.'
(666,75): run-time error CSS1031: Expected selector, found ')'
(666,75): run-time error CSS1025: Expected comma or open brace, found ')'
(846,15): run-time error CSS1030: Expected identifier, found '.'
(846,29): run-time error CSS1031: Expected selector, found ')'
(846,29): run-time error CSS1025: Expected comma or open brace, found ')'
(850,27): run-time error CSS1030: Expected identifier, found '.'
(850,41): run-time error CSS1031: Expected selector, found ')'
(850,41): run-time error CSS1025: Expected comma or open brace, found ')'
(915,3291): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,3302): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,3515): run-time error CSS1039: Token not allowed after unary operator: '-os-vah'
(915,3602): run-time error CSS1039: Token not allowed after unary operator: '-os-vaw'
(915,6013): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,6037): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,6059): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,6083): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,7583): run-time error CSS1039: Token not allowed after unary operator: '-os-scroll-percent-directional'
(915,7652): run-time error CSS1039: Token not allowed after unary operator: '-os-scroll-percent-directional'
(915,7708): run-time error CSS1039: Token not allowed after unary operator: '-os-viewport-percent'
(915,7797): run-time error CSS1039: Token not allowed after unary operator: '-os-viewport-percent'
(915,7847): run-time error CSS1039: Token not allowed after unary operator: '-os-scroll-percent-directional'
(915,7916): run-time error CSS1039: Token not allowed after unary operator: '-os-scroll-percent-directional'
(915,8895): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,8907): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,8936): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,8956): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,8983): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9002): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9027): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9053): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9076): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9105): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9135): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9163): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9183): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9209): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9236): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9260): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9290): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9321): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9347): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9373): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9409): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9451): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9494): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,9568): run-time error CSS1039: Token not allowed after unary operator: '-os-track-bg'
(915,9594): run-time error CSS1039: Token not allowed after unary operator: '-os-track-border'
(915,9631): run-time error CSS1039: Token not allowed after unary operator: '-os-track-border-radius'
(915,9762): run-time error CSS1039: Token not allowed after unary operator: '-os-track-bg-hover'
(915,9794): run-time error CSS1039: Token not allowed after unary operator: '-os-track-border-hover'
(915,9861): run-time error CSS1039: Token not allowed after unary operator: '-os-track-bg-active'
(915,9894): run-time error CSS1039: Token not allowed after unary operator: '-os-track-border-active'
(915,9956): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-bg'
(915,9983): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-border'
(915,10021): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-border-radius'
(915,10090): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-bg-hover'
(915,10123): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-border-hover'
(915,10192): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-bg-active'
(915,10226): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-border-active'
(915,10417): run-time error CSS1039: Token not allowed after unary operator: '-os-size'
(915,10440): run-time error CSS1039: Token not allowed after unary operator: '-os-padding-perpendicular'
(915,10472): run-time error CSS1039: Token not allowed after unary operator: '-os-padding-axis'
(915,10501): run-time error CSS1039: Token not allowed after unary operator: '-os-size'
(915,10563): run-time error CSS1039: Token not allowed after unary operator: '-os-size'
(915,10650): run-time error CSS1039: Token not allowed after unary operator: '-os-padding-perpendicular'
(915,10695): run-time error CSS1039: Token not allowed after unary operator: '-os-padding-perpendicular'
(915,10784): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-perpendicular-size'
(915,10830): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-max-size'
(915,10866): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-min-size'
(915,11033): run-time error CSS1039: Token not allowed after unary operator: '-os-padding-perpendicular'
(915,11079): run-time error CSS1039: Token not allowed after unary operator: '-os-padding-perpendicular'
(915,11113): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-interactive-area-offset'
(915,11218): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-perpendicular-size-hover'
(915,11320): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-perpendicular-size-active'
(915,11393): run-time error CSS1039: Token not allowed after unary operator: '-os-size'
(915,11416): run-time error CSS1039: Token not allowed after unary operator: '-os-padding-axis'
(915,11439): run-time error CSS1039: Token not allowed after unary operator: '-os-padding-perpendicular'
(915,11477): run-time error CSS1039: Token not allowed after unary operator: '-os-size'
(915,11552): run-time error CSS1039: Token not allowed after unary operator: '-os-padding-perpendicular'
(915,11599): run-time error CSS1039: Token not allowed after unary operator: '-os-padding-perpendicular'
(915,11690): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-max-size'
(915,11727): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-min-size'
(915,11834): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-perpendicular-size'
(915,11932): run-time error CSS1039: Token not allowed after unary operator: '-os-padding-perpendicular'
(915,11966): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-interactive-area-offset'
(915,12023): run-time error CSS1039: Token not allowed after unary operator: '-os-padding-perpendicular'
(915,12137): run-time error CSS1039: Token not allowed after unary operator: '-os-padding-perpendicular'
(915,12185): run-time error CSS1039: Token not allowed after unary operator: '-os-padding-perpendicular'
(915,12219): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-interactive-area-offset'
(915,12321): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-perpendicular-size-hover'
(915,12420): run-time error CSS1039: Token not allowed after unary operator: '-os-handle-perpendicular-size-active'
(915,12599): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,12614): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,12645): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,12667): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,12697): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,12737): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,12805): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,12836): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,12873): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,12927): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,12962): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,13003): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */

header {
    position: fixed;
    width: 100%;
    z-index: 1040;
}

#mainContainer {
    margin-top: 64px;
    min-height: 700px;
}

.display-none {
    display: none;
}

.display-block {
    display: block;
}

@media (max-width: 992px) {
    #mainContainer {
        margin-top: 76px;
    }
}

@media (max-width: 576px) {
    #mainContainer {
        margin-top: 64px;
    }
    #navbarSearchBtn{
        padding: 0px 16px;
    }
}

.notifications {
    padding: 0;
    margin-left: 16px;
    margin-right: 16px;
    background-color: white;
    width: auto;
    display: flex;
    flex-direction: column;
}

    .notifications li {
        padding: 5px 10px 5px 10px;
        min-height: 44px;
        position: relative;
        list-style: none;
    }

        .notifications li a:hover {
            color: #007639 !important;
        }

        .notifications li:last-of-type {
            padding: 5px 10px 0px 10px;
        }

            .notifications li:last-of-type .notification-wrap {
                border-bottom: none;
            }

        .notifications li .notifications-date {
            font-weight: 600;
            font-size: 0.875rem;
            width: 100%;
            display: flex;
        }

.notification-edit-container {
    flex-grow: 100;
    position: relative;
}

.notification-edit-btn {
    position: absolute;
    right: 0;
    top: -2px;
    padding: 0px 10px;
    border-radius: 20px;
}

.notification-edit-btn:hover, .notification-edit-btn:active {
    box-shadow: 0px 8px 8px -6px rgba(0, 0, 0, 0.10);
    background-color: #00331C;
}

.notifications li .notifications-date span {
    padding-left: 4px;
    font-weight: 600;
    border-left: 1px solid #00331C;
}

.notifications li .notifications-text {
    float: left;
    width: 100%;
    font-weight: 400;
    max-width: 680px;
}


.notifications-text p {
    margin-bottom: 0;
}

.notifications li .img-circle {
    float: right;
    margin-right: 20px;
}

.notifications li .notifications-delete {
    cursor: pointer;
    font-weight: bold;
    float: right;
    padding: 0 5px 5px 8px;
    position: absolute;
    right: 12px;
}


.notifications li .info {
    font-weight: 600;
}

.notifications li .notification-wrap {
    width: 100%;
    float: left;
    padding-bottom: 6px;
    border-bottom: 1px solid #E0E0E0;
    padding-top: 6px;
}

.notifications li.new .img-circle {
    float: right;
    margin: 2px 30px 0 0;
}


#notificationMenuCount .img-circle {
    position: fixed;
    text-indent: 0px;
    background-color: #D51317;
    color: #fff;
    font-size: 10px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
    padding: 0px 3px;
    display: inline-block;
    border-radius: 50%;
    align-content: center;
    margin-left: -12px;
    width: 18px;
    height: 18px;
}

#notificationSideMenuBtn {
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0;
}

.notification-side-menu {
    position: absolute;
    width: 400px;
    background: #F7F5F9;
    transition: width 0.4s ease-in-out;
    filter: drop-shadow(0px 7px 64px rgba(0, 0, 0, 0.07));
    right: 0;
    min-height: 640px;
    top: 62px;
}

.notification-side-ul {
    background: #F7F5F9;
    min-width: 400px;
    max-height: 640px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    margin-top: 14px !important;
    border-top: none;
    margin-right: -150%;
    overscroll-behavior: contain;
}

    .notification-side-ul::-webkit-scrollbar {
        width: 5px;
        display: block;
        border-radius: 3px;
    }

    .notification-side-ul::-webkit-scrollbar-thumb {
        background: #00331C;
        border-radius: 3px;
        border-right: none;
        border-left: none;
    }

    .notification-side-ul::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 3px;
        height: 80%;
    }

    .notification-side-ul::-webkit-scrollbar-track-piece:end {
        background: transparent;
        margin-bottom: 100px;
    }

    .notification-side-ul::-webkit-scrollbar-track-piece:start {
        background: transparent;
        margin-top: 100px;
    }

.notification-menu-close {
    position: relative;
    height: 100%;
    width: 20%;
    display: none;
}

.notification-edit-popup-container {
    position: absolute;
    background: white;
    right: 13px !important;
    top: 5px !important;
    padding: 10px 15px;
    border-radius: 20px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
    cursor: pointer;
    min-width: 0;
}

    .notification-edit-popup-container svg {
        margin-left: 5px;
    }

    .notification-edit-popup-container:hover, .notification-edit-popup-container:active {
        background-color: #002F19;
        color: white;
    }

        .notification-edit-popup-container:hover svg path {
            fill: white;
        }

        .notification-edit-popup-container:active svg path {
            fill: white;
        }

.notification-edit-btn:hover svg path {
    fill: white;
}

.notification-edit-btn:active svg path {
    fill: white;
}

.notification-edit-inner-container {
    display: inline-flex;
}

.notification-side-menu-header {
    height: 80px;
    background-color: white;
    position: fixed;
    background: white;
    z-index: 10;
    width: 400px;
    top: 62px;
}

.notification-side-ul .no-notifications {
    height: 240px;
    margin-bottom: 12px;
}

.notification-page .no-notifications {
    min-height: 300px;
}

    .notification-page .no-notifications li {
        margin-top: 5vh;
    }

@media (max-width: 992px) {
    .notification-side-menu {
        top: 74px !important;
    }

    .notification-side-ul {
        margin-top: 20px !important;
    }
}

@media (max-width: 992px) {

    .notification-page h1 {
        margin-left: 10px;
    }

    .notification-side-menu-header {
        top: 73px !important;
    }
}

@media (max-width: 768px) {
    .notification-side-menu {
        width: 100%;
        height: calc(100vh - 74px);
        position: fixed;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .notification-side-ul {
        width: 100%;
        height: 100%;
        max-height: calc(100% - 72px) !important;
        position: fixed !important;
        left: 0 !important;
        top: 59px !important;
        margin-top: 13px !important;
        border-top: 2px solid #F7F5F9;
    }

    .notification-menu-close {
        display: inline-flex;
    }

    .notification-side-menu-header {
        top: 73px;
        width: 100% !important;
    }

    .notification-container {
        margin-top: 100px;
    }

    .notification-side-ul .no-notifications {
        height: 60vh;
    }

        .notification-side-ul .no-notifications li {
            margin-top: 5vh;
        }
}


@media (max-width: 575.98px) {
    .notification-side-ul {
        max-height: calc(100% - 64px) !important;
        margin-top: 5px !important;
        min-width: 210px;
    }

    .notification-edit-btn {
        right: -15px;
    }

    .notification-side-menu-header {
        top: 65px !important;
    }
}

@media (max-width: 440px) {
    #notificationSideMenuBtn {
        padding-right: 10px;
    }
}

@media (max-width: 400px) {
    #notificationSideMenuBtn {
        padding-right: 16px;
    }

    .notification-page .notifications-date {
        padding-right: 35px;
    }

    .notification-edit-btn {
        right: -5px;
    }
}

.notification-page-container {
}

.scrolling .notification-side-menu-header {
    box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.10);
}

.notification-container {
    margin-top: 92px;
    font-family: 'Inter';
    font-weight: 500;
    letter-spacing: 0.08px;
    line-height: 24px;
    color: #002f19;
}

.notification-side-menu-header-text {
    position: relative;
    height: 100%;
    display: inline-flex;
    width: 78%;
}

    .notification-side-menu-header-text h3 {
        font-size: 1.5rem;
        color: #00331C !important;
        position: absolute;
        bottom: 4px;
        left: 18px;
    }


#notificationSideMenuCloseBtn {
    position: absolute;
    top: 20px;
    right: 8px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    align-content: center;
}

.notification-side-menu-container {
    width: 100%;
}

.notification-read-unnread-header, notification-page-read-unnread-header {
    margin-left: 16px;
    flex-shrink: 0;
    padding: 5px 0;
    color: #00331C;
    font-weight: bold;
    margin-top: 12px;
    font-size: 1.125rem;
}

.notification-page-read-unnread-header {
    font-weight: 500;
    font-size: 1.5rem;
    margin: 10px 0px 10px 16px;
}

.no-notifications-container {
    text-align: center;
}

    .no-notifications-container p {
        width: 100%;
    }

        .no-notifications-container p span {
            display: block;
            max-width: 300px;
            margin: 0 auto;
        }

.notification-view-all-link {
    text-align: right;
    padding: 16px 16px 16px 0;
    color: #00331C;
    text-underline-offset: 7px;
    font-weight: 600;
}

    .notification-view-all-link a:hover {
        color: #007639 !important;
    }

.notification-menu-li {
    cursor: pointer;
}

.notification-menu-li:hover {
    color: #007639 !important
}
.notification-menu-li.no-hover-style:hover {
    color: inherit !important;
    background-color: transparent !important;
    cursor: default;
}

#navbarNotificationBtn .show #notificationSideMenuSvgPath {
    fill: #007639 !important;
}


.codeTreePage {
    margin: 0;
    padding: 0;
}

    .codeTreePage .leftContent {
        margin: 0;
    }

.Areas a.Area {
    margin-bottom: 5px;
    height: 50px;
    line-height: 48px;
    font-size: 18px;
    text-align: center;
    display: block;
    color: white;
    font-weight: 600;
}

.node:not(.treeTableParent) .content {
    padding: 4px 8px 8px 8px;
}

.treeTableParent a.content {
    display: flex !important;
    align-items: center;
    margin-left: 20px;
}

.treeTableParent {
    height: 63px;
}

#ActiveId.current a.content {
    background: #008746;
    color: white;
}

.tableLevel .areabox {
    display: inline-flex;
}


.expand-collaps-arrows {
    flex-shrink: 0;
}

.areabox span {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.24px;
    color: white;
    background: #002F19;
    padding: 3px 6px;
    border-radius: 20px;
    min-width: 40px;
    text-align: center;
    margin-bottom: 3px;
}

.area_tree:not(first-of-type) li.tableLevel {
    margin-top: 10px;
}

.node .content .areabox span:not(:first-of-type) {
    margin-left: 6px;
}

/*Breadcrumbs mobile*/
.readPage, .codeTreePage {
    position: relative;
}

.area_tree {
    padding: 0;
    list-style-type: none;
    margin-top: -16px;
    margin-bottom: 0 !important;
}

    .area_tree .node {
        display: flex;
        padding: 0;
        margin: 0;
        width: 100%;
        overflow: hidden;
    }

    .area_tree li.treeBack1 {
        background-color: white;
        ;
    }

    .area_tree li.treeBack2 {
        background-color: white;
    }

    .area_tree li.node:hover {
        background-color: #dddddd;
    }

    .area_tree .node .content {
        left: 0;
        display: table-cell;
        width: 100%;
        overflow: hidden;
        vertical-align: top;
    }

    .area_tree ul .node {
        border-left: solid 2px #002f1940;
        border-bottom: solid 2px #002f1940;
    }

    .area_tree .node .content .top {
        float: none;
        clear: both;
    }

        .area_tree .node .content .top .bsab {
            float: left;
            line-height: 24px;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            letter-spacing: 0.08px;
        }

    .area_tree .node .content .title {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.32px;
        overflow: hidden;
        margin: 0;
        word-wrap: break-word;
        text-wrap: initial;
        float: none;
        clear: both;
    }

    .area_tree .node .content:hover {
        background: #E6F3ED;
    }

a.plusminus.not-open svg path {
    fill: #002f19;
}

a.plusminus.rotate-90 svg path {
    fill: #006c38;
}

a.plusminus:hover svg path {
    fill: #007639 !important;
}

.node:has(.rotate-90) {
    border-bottom: solid 2px #002f1940;
    border-left: 2px solid #006C38;
}



.node:not(.treeTableCodeParent) a.content:has( + .command span a.rotate-90) .title {
    color: #006C38 !important;
}

.node:not(.treeTableCodeParent) a.content:has( + .command span a.rotate-90) .bsab {
    color: #006C38 !important;
}

.area_tree .node .command {
    text-align: center;
    width: 44px;
    min-height: 55px;
    font-size: 30px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.area_tree.navigation-tree ul {
    padding-left: 0 !important;
}

.area_tree .node .command span {
    display: inline-block;
    width: 44px;
    height: 36px;
}

.area_tree .node .command-space {
    display: table-cell;
    width: 4px;
    background: #002f1940;
}

    .area_tree .node .command-space span {
        display: inline-block;
        width: 5px;
    }

.area_tree .node .command span a {
    width: 44px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plusminus:hover svg path {
    fill: #002F19 !important;
}

.area_tree li.tableLevel {
    background-color: white;
    border-bottom: solid 1px #f9f9f9;
}

    .area_tree li.tableLevel > .node .content .title {
        color: #002f19;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.08px;
    }

    .area_tree li.tableLevel > .node:hover {
        background-color: #E6F3ED !important;
    }

.area_tree a:hover {
    text-decoration: none;
}

.readPage .menu-overlay {
    top: 120px;
    height: calc(100dvh - 229px);
    margin-left: 28px;
    margin-top: 4px;
}

.menu-overlay .menu-wrapper {
    height: calc(100% - 61.778px);
    width: 100%;
}

.content-wrapper .content-main {
    margin-right: 16px;
    margin-left: 25px;
}

.menu-overlay .menu-wrapper .menu-content {
    max-height: 100%;
}

.tree-plus-minus {
    font-size: 18px;
}

.tree-close-icon .icon-close {
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 15px;
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer;
}

.menu-overlay {
    width: 410px;
}

.no-result-section {
    padding: 5px 0px 5px 0px;
    line-height: 30px;
    margin-top: 10px;
    text-align: center;
    margin-top: 50%;
}

    .no-result-section span {
        margin-left: 5px;
    }

.tree-header {
    display: none;
    width: 100%;
    height: 64px;
    position: relative;
    align-items: center;
}

    .tree-header h5 {
        margin: 0;
        margin-left: 1rem;
    }

    .tree-header .close-button {
        position: absolute;
        right: 16px;
        top: 10px;
        cursor: pointer;
    }

.z-1030 {
    z-index: 1030;
}

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

@media screen and (max-width: 1090px) and (min-width: 993px) {
    .menu-overlay-wrapper {
        width: 40%;
    }

    .content-wrapper {
        max-width: 60%;
    }

    .menu-overlay {
        width: auto !important;
        margin-left: 0 !important;
        margin-right: 1rem;
    }
}

@media screen and (max-width: 992px) {
    .menu-overlay-wrapper {
        display: none;
    }

    .menu-overlay {
        display: none;
    }

    .content-wrapper {
        max-width: 100%;
    }

    body:has( .display-tree ) {
        overflow: hidden;
    }

    .modal-backdrop:has(+ .display-tree ) {
        display: block !important;
        opacity: 0.5;
    }

    .menu-overlay .menu-wrapper {
        height: 100%;
    }

    .without-code-tool {
        height: 68px;
    }

        .without-code-tool .open-code-select-btn {
            margin: 5px auto 0 auto;
        }

    .menu-overlay-wrapper.display-tree {
        display: block;
        background: white;
        position: fixed !important;
        width: 95dvw;
        padding: 0;
        z-index: 1050;
        height: calc(100dvh - 110px);
        top: 100px;
        border-radius: 10px;
        left: 2.5dvw;
    }

    .display-tree .menu-wrapper {
        width: 100%;
    }

    .display-tree .menu-overlay {
        display: block;
        width: 100%;
        margin: 64px 0 0 0 !important;
        position: relative;
        top: 0;
        padding: 0 16px 16px 16px;
        height: calc(100% - 70px);
    }

    .display-tree .tree-header {
        display: flex;
        position: absolute;
        z-index: 1070;
        background: white;
        border-radius: 10px 10px 0px 0px;
    }

    .tree-header-scroll {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 10px -14px;
    }
}

/*! 
 * OverlayScrollbars
 * Version: 2.10.0
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */.os-size-observer,.os-size-observer-listener{box-sizing:border-box;direction:inherit;overflow:hidden;pointer-events:none;scroll-behavior:auto!important;visibility:hidden}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{left:0;position:absolute;top:0;writing-mode:horizontal-tb}.os-size-observer{border:inherit;bottom:0;box-sizing:inherit;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;left:0;margin:-133px;padding:inherit;right:0;top:0;transform:scale(.1);z-index:-1}.os-size-observer:before{box-sizing:inherit;content:"";flex:none;height:10px;padding:10px;width:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{border:inherit;box-sizing:border-box;flex:auto;margin:-133px;padding:inherit;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";height:100%;width:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{border:inherit;box-sizing:content-box;display:block;flex:auto;padding:inherit;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{bottom:0;direction:ltr;flex:none;overflow:hidden;right:0}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{border:none;box-sizing:border-box;contain:strict;flex:none;height:0;margin:0;max-height:1px;max-width:0;overflow:hidden;padding:0;position:relative;top:calc(100% + 1px);z-index:-1}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{height:1000%;min-height:1px;min-width:1px;width:1000%}[data-overlayscrollbars-initialize],[data-overlayscrollbars-viewport~=scrollbarHidden]{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;height:0!important;width:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{height:100%;margin:0;width:100%}html[data-overlayscrollbars-body]>body{margin:0;overflow:visible}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars-padding],[data-overlayscrollbars~=host]{align-items:stretch!important;display:flex;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){border:none;box-sizing:inherit;flex:auto!important;height:auto;margin:0;min-width:0;padding:0;position:relative;width:100%;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";height:var(--os-vah);min-height:1px;min-width:1px;pointer-events:none;position:absolute;width:var(--os-vaw);z-index:-1}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport],[data-overlayscrollbars]{overflow:hidden!important}[data-overlayscrollbars-padding~=noClipping],[data-overlayscrollbars~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport~=measuring]{overflow:hidden!important;scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=overflowXVisible]:not([data-overlayscrollbars-viewport~=measuring]){overflow-x:visible!important}[data-overlayscrollbars-viewport~=overflowXHidden]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=overflowXScroll]{overflow-x:scroll!important}[data-overlayscrollbars-viewport~=overflowYVisible]:not([data-overlayscrollbars-viewport~=measuring]){overflow-y:visible!important}[data-overlayscrollbars-viewport~=overflowYHidden]{overflow-y:hidden!important}[data-overlayscrollbars-viewport~=overflowYScroll]{overflow-y:scroll!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*{clip:rect(0,0,0,0)!important;border-width:0!important;display:none!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent))*-1)*var(--os-scroll-direction));contain:size layout;contain:size layout style;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{border:none!important;padding:0!important;position:relative}.os-scrollbar-handle{position:absolute}.os-scrollbar-handle,.os-scrollbar-track{height:100%;pointer-events:none;width:100%}.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle,.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{right:0;top:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional)*100%);transform:translateX(calc(var(--os-scroll-percent-directional)*-100%));width:calc(var(--os-viewport-percent)*100%)}.os-scrollbar-vertical .os-scrollbar-handle{height:calc(var(--os-viewport-percent)*100%);right:0;top:calc(var(--os-scroll-percent-directional)*100%);transform:translateY(calc(var(--os-scroll-percent-directional)*-100%))}@supports (container-type:size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional)*100cqw + var(--os-scroll-percent-directional)*-100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional)*100cqh + var(--os-scroll-percent-directional)*-100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{left:0;right:auto}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{bottom:0;top:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{background:var(--os-track-bg);border:var(--os-track-border);border-radius:var(--os-track-border-radius);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{background:var(--os-track-bg-hover);border:var(--os-track-border-hover)}.os-scrollbar-track:active{background:var(--os-track-bg-active);border:var(--os-track-border-active)}.os-scrollbar-handle{background:var(--os-handle-bg);border:var(--os-handle-border);border-radius:var(--os-handle-border-radius)}.os-scrollbar-handle:hover{background:var(--os-handle-bg-hover);border:var(--os-handle-border-hover)}.os-scrollbar-handle:active{background:var(--os-handle-bg-active);border:var(--os-handle-border-active)}.os-scrollbar-handle:before,.os-scrollbar-track:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.os-scrollbar-horizontal{height:var(--os-size);padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{bottom:calc(var(--os-padding-perpendicular)*-1);top:calc(var(--os-padding-perpendicular)*-1)}.os-scrollbar-horizontal .os-scrollbar-handle{height:var(--os-handle-perpendicular-size);max-width:var(--os-handle-max-size);min-width:var(--os-handle-min-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{bottom:calc(var(--os-padding-perpendicular)*-1);top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{bottom:var(--os-size);padding:var(--os-padding-axis) var(--os-padding-perpendicular);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular)*-1);right:calc(var(--os-padding-perpendicular)*-1)}.os-scrollbar-vertical .os-scrollbar-handle{max-height:var(--os-handle-max-size);min-height:var(--os-handle-min-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s;width:var(--os-handle-perpendicular-size)}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);right:calc(var(--os-padding-perpendicular)*-1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{left:calc(var(--os-padding-perpendicular)*-1);right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}.os-theme-none.os-scrollbar,[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px;box-sizing:border-box}.os-theme-dark{--os-handle-bg:rgba(0,0,0,.44);--os-handle-bg-hover:rgba(0,0,0,.55);--os-handle-bg-active:rgba(0,0,0,.66)}.os-theme-light{--os-handle-bg:hsla(0,0%,100%,.44);--os-handle-bg-hover:hsla(0,0%,100%,.55);--os-handle-bg-active:hsla(0,0%,100%,.66)}