.header-logo {
    justify-content: center;
}
.side-nav-bar {
    z-index: 999999999999;
}
.side-nav-bar a {
    display: block;
    height: 56px;
    padding-left: 20px;
    font-size: 1rem;
    line-height: 56px;
}
.inner-side-nav {
    position: sticky;
    top: 0;
    height: 90vh;
    overflow-y: auto;
}
.side-nav-bar .collapsible a {
    height: 36px;
    font-size: .9rem;
    font-weight: 300;
    line-height: 36px;
    color: #fff;
}

.side-nav-bar .fa-angle-down.rotate-icon {
    position: absolute;
    top: .8rem;
    right: 0;
    margin-right: 1.25rem;
}

.skin-light .side-nav-bar {
    max-width: 300px;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff
}

    .skin-light .side-nav-bar .logo-wrapper {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        height: 4.45rem
    }

        .skin-light .side-nav-bar .logo-wrapper a {
            height: 4.45rem;
            line-height: 4.45rem
        }

        .skin-light .side-nav-bar .logo-wrapper img {
            padding-top: 6%;
            padding-bottom: 7%
        }

    .skin-light .side-nav-bar .search-form {
        border-top: 0
    }

        .skin-light .side-nav-bar .search-form input[type="text"] {
            padding-left: 1.88rem;
            width: calc(100% - 1.88rem)
        }

        .skin-light .side-nav-bar .search-form .md-form input[type="text"] {
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            color: #9e9e9e !important;
            font-weight: 400
        }

            .skin-light .side-nav-bar .search-form .md-form input[type="text"]::-webkit-input-placeholder {
                color: #6c757d !important;
                font-weight: 400
            }

            .skin-light .side-nav-bar .search-form .md-form input[type="text"]::-moz-placeholder {
                color: #6c757d !important;
                font-weight: 400
            }

            .skin-light .side-nav-bar .search-form .md-form input[type="text"]:-ms-input-placeholder {
                color: #6c757d !important;
                font-weight: 400
            }

            .skin-light .side-nav-bar .search-form .md-form input[type="text"]::-ms-input-placeholder {
                color: #6c757d !important;
                font-weight: 400
            }

            .skin-light .side-nav-bar .search-form .md-form input[type="text"]::placeholder {
                color: #6c757d !important;
                font-weight: 400
            }

            .skin-light .side-nav-bar .search-form .md-form input[type="text"]:focus {
                border-bottom: 1px solid #1266f1;
                -webkit-box-shadow: none;
                box-shadow: none
            }

    .skin-light .side-nav-bar .collapsible {
        margin: 0
    }

        .skin-light .side-nav-bar .collapsible a {
            height: 46px;
            font-weight: 400;
            font-size: .8rem;
        }

        .skin-light .side-nav-bar .collapsible > li a.collapsible-header.active {
            background: #f6f9fc;
            border-radius: .375rem;
            margin-right: .5rem;
            margin-left: .5rem;
            -webkit-transition: all 0.3s linear;
            transition: all 0.3s linear
        }
.side-nav-bar  ul {
    list-style: none;
    list-style-type: none;
}
/* NEW FOR LEFT NAV THAT ALSO NEEDS TO SELECT THE SECTION LIST PAGE */
.side-nav-bar .collapsible .collapsible-header a {
    font-size: .9rem;
}

.skin-light .side-nav-bar .collapsible li .collapsible-header:hover {
    background-color: #f6f9fc;
    border-radius: .375rem;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.skin-light .side-nav-bar .collapsible li .collapsible-header.active {
    background: #f6f9fc;
    border-radius: .375rem;
    margin-right: .5rem;
    margin-left: .5rem;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}
/* END NEW FOR LEFT NAV THAT ALSO NEEDS TO SELECT THE SECTION LIST PAGE */

.skin-light .side-nav-bar .collapsible li .collapsible-header {
    color: rgba(0, 0, 0, 0.6);
    font-size: .9rem;
    margin-right: .5rem;
    margin-left: .5rem
}

.skin-light .side-nav-bar .collapsible li a:hover {
    background-color: #f6f9fc;
    border-radius: .375rem;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.skin-light .side-nav-bar .collapsible li a:not(.collapsible-header) {
    color: rgba(0, 0, 0, 0.6);
    white-space: pre;
    height: 36px;
    margin-right: .5rem;
    margin-left: .5rem
}

    .skin-light .side-nav-bar .collapsible li a:not(.collapsible-header):hover,
    .skin-light .side-nav-bar .collapsible li a:not(.collapsible-header):active,
    .skin-light .side-nav-bar .collapsible li a:not(.collapsible-header).active,
    .skin-light .side-nav-bar .collapsible li a:not(.collapsible-header):focus {
        color: rgba(0, 0, 0, 0.8)
    }

    .skin-light .side-nav-bar .collapsible li a:not(.collapsible-header):hover {
        background-color: #f6f9fc;
        border-radius: .375rem;
        margin-right: .5rem;
        margin-left: .5rem
    }

.skin-light .side-nav-bar .collapsible .fas:not(.rotate-icon),
.skin-light .side-nav-bar .collapsible .fab:not(.rotate-icon),
.skin-light .side-nav-bar .collapsible .far:not(.rotate-icon) {
    margin-right: 0;
    min-width: 1.8rem
}

.skin-light .side-nav-bar .collapsible-body a {
    background-color: transparent;
    padding-left: 49px
}

.skin-light .side-nav-bar .fa-angle-down.rotate-icon {
    margin-right: 1rem;
    margin-top: 0.2rem;
}

.side-nav-bar .collapsible .fas, .side-nav .collapsible .fab, .side-nav .collapsible .far {
    margin-right: 13px;
    font-size: .8rem;
}

.side-nav-bar-collapse {
    position: fixed;
    top: 65px;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    width: 30%;
    height: 100%;
    padding-bottom: 5rem;
}

@media (min-width:769px) {
    .side-nav-bar-collapse {
        width: 30%;
    }
}

@media (max-width:768px) {
    .side-nav-bar-collapse {
        width: 100%;
    }
    .side-nav-logo {
        display: none;
    }
}
    .side-nav-bar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }

    .side-nav-bar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
    }

    .side-nav-bar-collapse {
        background: white;
        z-index: 99999;
        text-align: left;
    }

        .side-nav-bar-collapse .navbar-nav ul li.nav-link {
            text-align: left;
        }

    .navbar-toggler.collapsed ~ .side-nav-bar-collapse {
        transition: left 500ms ease-in-out;
    }