html, body, #page {
    height: 100%
}

body.sp-viewport-control {
    background-color: #eeeeee;
}

body.sp-viewport-control .aui-page-header-main h1 {
    font-size: 18px;
    text-align: center;
}

body.sp-viewport-control .aui-page-header-main h1 svg {
    max-width: 30px;
    vertical-align: middle;
}

body.sp-viewport-control .aui-page-panel {
    padding: 10px 10px 60px 10px;
}

body.sp-viewport-control .aui-nav-heading {
    margin-bottom: 10px;
}

body.sp-viewport-control .sp-intro {
    padding: 6px 10px;
    margin: 6px 0 10px 0;
    background-color: #eee;
}

body.sp-viewport-control section#content {
    height: calc(100% - 72px);
}

body.sp-viewport-control section#content div.aui-page-panel {
    height: calc(100% - 88px);
    min-height: 400px;
}

body.sp-viewport-control #sp-footer {
    text-align: center;
}

body.sp-viewport-control #sp-footer svg {
    max-width: 50px;
}