body {
    background: #E4F0F9;
}

.btn-color, .search-filter-keywords button.selected.btn-color {
    background: #081638;
}

#mainwrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 100vh;
}

#mainwrapper #dashboardwrapper {
    max-width: 100%;
    width: 100%;
    
    &:before {
        content: "";
        display: block;
        max-width: 1800px;
        width: 96vw;
        height: 400px;
        border-radius: 30px;
        margin: 2rem auto 0 auto;
        background: url(images/banner.jpg) no-repeat center center;
        background-size: cover !important;
    }
}

#dashboardTitleAndControls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 1rem;
    flex-wrap: wrap;
    max-width: 1140px;
    padding: 40px 40px 0 40px;
    margin: -7rem auto 1rem auto;
    border-radius: 16px;
    background: #e4f0f9;
    box-sizing: content-box;

    .themeview-title {
        order: 2;
        height: auto;
    }

    .dashboard-icon-wrapper {
        order: 3;
        margin-left: auto;
    }

    #currentTheme {
        order: 1;

        .theme-icon-wrapper {
            display: flex;
            width: auto;
            height: auto;
    
            img {
                max-height: 120px;
            }
        }
    }

    #themeNavigationInformation {
        max-width: 720px;
        padding: 16px 0;
        order: 4;
        font-size: 20px;
        font-weight: 600;
    }
}

#dashboardviews {
    max-width: 1140px;
    margin: 0 auto;
}

#dashboardwrapper .free-tile.title {
    padding: 0;
    margin-top: 2rem;
}

#footer {
    margin-top: auto;
}

.screenshot {
    #mainwrapper {
        display: block!important;
    }

    .mosaic-top-header, #footer {
        display: none!important;
    }
}