html[data-layout] {
    background-color: var(--app-shell-bg, #f0f5f9);
    min-height: 100%;
}

html[data-layout][data-bs-theme="dark"] {
    --app-shell-bg: #15263a;
}

html[data-layout][data-bs-theme="light"],
html[data-layout]:not([data-bs-theme]),
html[data-layout][data-bs-theme=""] {
    --app-shell-bg: #f0f5f9;
}

body[data-sidebartype] {
    background-color: var(--app-shell-bg, #f0f5f9) !important;
    min-height: 100vh;
    min-height: 100dvh;
}

html[data-layout].h-100,
body[data-sidebartype].h-100 {
    height: auto !important;
}

body[data-sidebartype] #main-wrapper,
body[data-sidebartype] .page-wrapper,
body[data-sidebartype] .body-wrapper,
body[data-sidebartype] .body-wrapper > .container-fluid {
    background-color: var(--app-shell-bg, #f0f5f9) !important;
    min-height: 100vh;
    min-height: 100dvh;
}

body[data-sidebartype] #main-wrapper {
    box-sizing: border-box;
}

body[data-sidebartype] .body-wrapper > .container-fluid {
    display: flex;
    flex-direction: column;
    width: 100%;
}

body[data-sidebartype] #admin-content-area {
    flex: 1 0 auto;
    width: 100%;
}

body[data-sidebartype] .footer {
    height: auto;
    min-height: 60px;
    margin-top: auto;
}