* {
    margin: 0;
    padding: 0;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: right;
    }
}

.navbar-inverse {
    background-color: #49c;
}

.navbar-fixed-top.pop-up .navbar-toggle:not(.inside-page),
.navbar-fixed-top.pop-up .navbar-collapse:not(.inside-page) {
    display: none;
}

footer p {
    text-align: center;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    color: #dfdfdf;
}

.left-nav-holder {
    position: fixed;
    margin: 10px 15px 15px;
    width: 217px;
    clear: both;
    float: left;
    z-index: 1;
}

    .left-nav-holder .nav-root.mtree {
        border-radius: 1px 1px 3px 3px;
        border: 1px solid #ccc;
        padding: 4px 3px;
        opacity: 1;
    }

    .left-nav-holder ~ .body-content {
        margin: 10px auto 0;
        position: relative;
        width: calc(100% - 217px - 43px);
        left: calc(217px + 28px);
        clear: both;
        float: left;
    }

        .left-nav-holder ~ .body-content hr,
        .left-nav-holder ~ .body-content footer {
            margin-left: calc(-217px - 14px);
        }