.with-sidebar {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.navbar-brand {
    margin-left: -135px;
}
.navbar-user {
    margin-right: -136px;
}

#tasklist .badge {
    vertical-align: middle;
    border-radius: 0px !important;
}

    .with-sidebar > * {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--s1) / 2 * -1);
        width: 100%;
        height: 100%;
    }

        /*Side Column*/
        .with-sidebar > * > * {
            margin: calc(var(--s1) / 2);
            flex-grow: 1;
            height: 100%;
        }

        /*Data Column*/
        .with-sidebar > * > :last-child {
            margin-left: 8px;
            flex-basis: 0;
            flex-grow: 999;
            min-width: calc(50% - var(--s1));
            width: 100%;
            height: 100%;
        }