.main-body-container {
    overflow-y: auto;
    padding-left: 16px !important;
    padding-top: 16px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    height: calc(100vh - 88px);
}

    .main-body-container:has(.bg-block-logo) {
        background-color: aliceblue;
    }

.appbar-top {
    background-color: #f7f7f7 !important;
}

.appbar-bottom {
    background-color: #f7f7f7 !important;
    height: 24px;
    padding: 0;
}

.appbar-bottom-text {
    line-height: 24px;
}

.page-content {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 104px);
}
/*Main*/
.page-header {
    flex-shrink: 0;
}

.page-body {
    flex: 1 1 auto;
    overflow-y: auto;
    height: 100%;
    width: 100%;
    
}


.page-footer {
    flex-shrink: 0;
}

/*Sub*/
.page-sub-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.page-sub-header {
    flex: 0 0 auto;
}

.page-sub-body {
    flex: 1;
    overflow-y: auto;
}

.page-column-contaier {
    display: flex;
    height: 100%;
}

.page-column-10 {
    width: 10%;
}
.page-column-20 {
    width: 20%;
}
.page-column-30 {
    width: 30%;
}
.page-column-40 {
    width: 40%;
}
.page-column-50 {
    width: 50%;
}

.page-column-fill {
    flex: 1; /* Fill the remaining space */
}

/*TABS*/
.tab-content-scroll {
    height: calc(100% - 48px);
    overflow-y: auto;
    box-sizing: content-box;
}

.tab-content-scroll-100 {
    height: 100%;
    overflow-y: auto;
    box-sizing: content-box;
}