:root {
    --b-sidebar-width: 220px;
    --altair-default-color: #DC931E;
}

.sidebar {
    padding-top: 1.5em;
    min-width: var(--b-sidebar-width, 220px);
    max-width: var(--b-sidebar-width, 220px);
    min-height: 30em;
    transition: margin .4s ease-in-out;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.25);
    overflow-x: hidden;
    z-index: 2;
    font-size: 0.8em;
}

.sidebar, .sidebar-content {
    top: 0;
    position: sticky;
}

.sidebar-brand a {
    color: #343a40;
}

.sidebar-scrollable {
    overflow-y: auto;
}

.sidebar-sticky .sidebar-nav {
    padding-bottom: 0;
}

.sidebar-sticky .sidebar-content {
    overflow-y: scroll;
    position: fixed;
    top: 0;
    z-index: 2;
    width: var(--b-sidebar-width, 220px);
}

.sidebar-nav {
    padding-bottom: 3.5rem;
    padding-left: 0;
    list-style: none;
}

.sidebar-link .feather, .sidebar-link svg {
    margin-right: .75rem;
    color: #fff;
}

.sidebar-link, a.sidebar-link {
    display: block;
    padding: .75rem 1.25rem;
    color: #343a40;
    transition: background .1s ease-in-out,color .1s ease-in-out;
    position: relative;
    text-decoration: none;
    opacity: 0.7;
}

    .sidebar-link:focus {
        outline: 0;
    }

    .sidebar-link.active {
        opacity: 1;
        font-weight: 500;
        background-color: rgba(0, 0, 0, .125);
        border-left: 5px solid var(--altair-default-color);
    }

.sidebar-item.active .sidebar-link:hover {
    opacity: 1;
}

.sidebar-item.active .sidebar-link:hover,
.sidebar-link:hover {
    cursor: pointer;
}

.sidebar-link:hover {
    margin-left: -2px;
    opacity: 0.75;
}

.sidebar-link.active:hover {
    margin-left: 0;
    opacity: 0.75;
}

.sidebar-subitem {
    padding-left: 0;
    list-style: none;
}

    .sidebar-subitem .sidebar-link {
        padding-left: 2.5rem;
    }

        .sidebar-subitem .sidebar-item.active .sidebar-link,
        .sidebar-subitem .sidebar-link:hover {
        }

.sidebar [data-toggle=sidebar-collapse] {
    position: relative;
}

    .sidebar [data-toggle=sidebar-collapse]:before {
        content: " ";
        border: solid;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 2px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 1.2rem;
        right: 1.25rem;
        transition: all .2s ease-out;
    }

    .sidebar [aria-expanded=true]:before,
    .sidebar [data-toggle=sidebar-collapse]:not(.collapsed):before {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        top: 1.4rem;
    }

.sidebar-brand a {
    font-weight: 500;
    font-size: 1.15rem;
    padding: 1.15rem 1.25rem;
    display: block;
}

.sidebar-brand:hover {
    text-decoration: none;
}

.sidebar-brand:focus {
    outline: 0;
}

.sidebar-brand .feather, .sidebar-brand svg {
    height: 24px;
    width: 24px;
    margin-left: -.15rem;
    margin-right: .375rem;
}

.sidebar-toggle {
    cursor: pointer;
}

.sidebar:not(.sidebar-collapsed).show {
    margin-left: calc(var(--b-sidebar-width, 220px) * -1);
}

.sidebar-collapsed.show {
    margin-left: calc(var(--b-sidebar-width, 220px) * -1);
}

html[data-useragent*="MSIE 10.0"] .show.sidebar-collapsed {
    margin-left: 0 !important;
}

.sidebar-label {
    background: transparent;
    padding: .375rem 1.25rem;
    font-size: .75rem;
}

.sidebar-bottom {
    padding: 1rem;
    width: inherit;
    font-size: .8rem;
    bottom: 0;
    position: relative;
    background: var(--bsb-dark-dark);
    min-width: var(--b-sidebar-width, 220px);
    max-width: var(--b-sidebar-width, 220px);
    z-index: 3;
}

.sidebar-badge {
    position: absolute;
    right: 15px;
    top: 14px;
}

.sidebar-collapse:not(.show) {
    display: none;
}

.sidebar-subitem:not(.show) {
    display: none;
}