/* ==================== MainLayout Styling ==================== */

.mud-main-content {
    box-sizing: border-box;
    margin-top: var(--app-shell-bar-height);
    height: calc(100vh - var(--app-shell-bar-height));
    padding: 0px !important;
    padding-bottom: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--waterstons-scrollbar-thumb) var(--waterstons-scrollbar-track);
}

    .mud-main-content::-webkit-scrollbar {
        width: 12px;
        height: 12px;
    }

    .mud-main-content::-webkit-scrollbar-track {
        background: var(--waterstons-scrollbar-track);
    }

    .mud-main-content::-webkit-scrollbar-thumb {
        background-color: var(--waterstons-scrollbar-thumb);
        border-radius: 999px;
        border: 2px solid var(--waterstons-scrollbar-track);
    }

        .mud-main-content::-webkit-scrollbar-thumb:hover {
            filter: brightness(0.92);
        }

.app-shell-container {
    width: 100%;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ==================== App Shell Layout ==================== */

.app-shell-layout {
    margin-top: var(--app-shell-bar-height);
    height: 100vh;
    overflow: hidden;
    padding: 0 5vw;
    background-color: var(--waterstons-blue-primary);
    color: var(--waterstons-white);
}