﻿.carna-sidebar {
    margin-top: 2em;
    border-top: 1px solid rgba(0,0,0,.125);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.list-group {
    border-radius: 0px;
    font-weight: bold;
    padding: 0;
}

    .list-group a {
        color: inherit;
        text-decoration: none;
        transition: 0.3s;
    }

        .list-group a:hover {
            color: #c3703b;
        }

.list-group-tier-0,
.list-group-tier-1 {
    border-left: 1px solid rgba(0,0,0,.125) !important;
    border-right: 1px solid rgba(0,0,0,.125) !important;
}

/* .list-group-collapse > .list-group-tier-2:last-child {
    border-bottom: none;
} */

.list-group-collapse > .list-group-tier-1 {
    padding-left: 2em;
}

.list-group-collapse > .list-group-tier-2 {
    padding-left: 3em;
}

.list-group-collapse > .list-group-tier-3 {
    padding-left: 4em;
}

.list-group-collapse > .list-group-tier-4 {
    padding-left: 5em;
}

.list-group-collapse > .list-group-tier-5 {
    padding-left: 6em;
}

.list-group-collapse > .list-group-tier-6 {
    padding-left: 7em;
}

.list-group-collapse > .list-group-tier-7 {
    padding-left: 8em;
}

    .list-group-collapse > .list-group-tier-1:first-child,
    .list-group-collapse > .list-group-tier-2:first-child,
    .list-group-collapse > .list-group-tier-3:first-child,
    .list-group-collapse > .list-group-tier-4:first-child,
    .list-group-collapse > .list-group-tier-5:first-child,
    .list-group-collapse > .list-group-tier-6:first-child,
    .list-group-collapse > .list-group-tier-7:first-child {
        border-top: none;
    }

.list-group-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    transition: 0.3s;
}

    .list-group-item:hover {
        background-color: rgba(187, 199, 196, 0.5);
    }

    .list-group-item.active {
        background-color: #051c2c;
        border: 1px solid #051c2c;
        color: white;
    }

        .list-group-item.active a:hover {
            color: white;
        }

.list-group-tier-0 {
    background-color: rgb(235, 235, 235);
}

.list-group-tier-1 {
    background-color: rgba(235, 235, 235, 0.1);
}

.list-group-tier-2 {
    border-top: none;
}

.list-group-toggler {
    padding: 0;
    margin: auto 0;
    margin-left: 1em;
    transform: rotate(0deg);
}

    .list-group-toggler.collapsed {
        transform: rotate(-90deg);
    }
