#navbar {
    background-color: black !important;
}
#sidebar {
    background-color: black !important;
    display: flex;
    min-height:100vh;
    flex-direction: column;
}

.footer {
    border-top:1px solid #a0a0a0;
    background-color:#e0e0e0;
    padding:5px;
    text-align:end;
}
.person_image {filter: grayscale(100%);}
.person_text {font-size:0.9em;}

.bg-lightgray {background-color:#efefef;}
.bg-darkgray {background-color:#0f0f0f;}
.footer-padding {padding:5px;}
.grayborder {border:1px solid #afafaf;}
.image-grayscale {filter: grayscale(100%);}
.text-white {color:#ffffff;}
.left-right-padding {padding-left:2px; padding-right:2px;}


/**boostrap overrides *****/
    .container {
        margin-left: 0 !important;
        margin-right: auto; /* Or set to 0 if you want no right margin */
    }