.accordion-wrapper {
    padding: .5em;

    .panel {
        margin: 0;
        border: none;
        box-shadow: none;

        >h2,
        >h3,
        >h4,
        >h5,
        >h6 {
            margin: 0;
            font-size: @md3-font-size;
        }
    }

    .panel-heading {
        width: 100%;
        text-align: left;
        border-top: 2px solid @brand-color;
        border-right: none;
        border-bottom: none;
        border-left: none;
        border-radius: 0px;
        background: @white;

        &:hover {
            background: @brand-table-color;
        }

        &.collapsed {
            border-color: @lightest-grey;
        }

        .glyphicon {
            float: right;
            color: @brand-color;
        }
    }

    .panel-body {
        margin-top: 3px;
        border: 1px solid @lightest-grey;
        background-color: @white;
    }
}