/*
Given we don't have just one main section but also aside and footer we need to
rename r-main from app-portal.bundle.v1.0.0.css into lv-container
*/
.lv-container {
    display: block;
    clear: left;
    padding-top: 25px;
    padding-bottom: 32px;
    width: calc(100% - 72px);
    flex: 0 0 calc(100% - 72px);
    margin: 0 auto 0 36px;
}

@media only screen and (min-width: 1024px) {
    .lv-container {
        max-width: 1200px;
        margin: 0 auto;
    }
}

body.is-main-navigation-open .lv-container {
    padding-top: 0;
}

.is-header-with-detached-search .lv-container {
    padding-top: 0;
}

.is-main-navigation-open .lv-container {
    max-width: none;
}