html {

    position: relative;
    min-height: 100%;

}

.footer {

    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    margin-bottom: 35px;

}

.sidebar {

    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100; /* Behind the navbar */
    padding: 0;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);

}

.sidebar .nav-link {

    font-weight: 500;
    color: #333;

}

nav.sidebar a:hover {

    background-color: lightgrey;
}

nav.sidebar a {

    color: black;
    text-decoration: none;
}

nav.sidebar a.disabled {

    /* Make the disabled links grayish*/
    color: lightgrey;
    /* And disable the pointer events */
    pointer-events: none;

}

.sub-header {

    margin-bottom: 50px;

    padding-bottom: 15px;
    border-bottom: 1px solid #ddd

}