html,body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.bodyClass {
    margin: 0 !important;
    width: 100%;
    height: 100%;
    background-color: var(--surface-a) !important;
}
.layout-wrapper {
    width: 100%;
    height: 100%;
}

.layout-header {
    width: 100%;
    height: 56px;
    border-bottom: 1px solid var(--text-color-secondary);
}

.layout-header-left {
    padding: 0 0.5rem;
    width: 180px;
    display: flex !important;
    align-items: center !important;
}

.layout-main {
    width: 100%;
    height: calc(100% - 56px);
}

.layout-content-wrapper {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.layout-left-menu {
    flex-shrink: 1;
    height: 100%;
}