/* ----------------------------------------------------------------------------
    Panels
---------------------------------------------------------------------------- */


.panel-group .panel {
    .box-shadow(none);
    .border-radius(0);

    border: none;

    .panel-heading {
        .border-radius(0);

        padding: 0;
        border: none;
        border-bottom: none;

        a {
            &:extend(.base-clr-bg);

            position: relative;
            display: block;
            width: 100%;
            padding: 15px 15px 15px 50px;
            font-size: @font-size-large;
            line-height: 22px;
            color: @text-white;

            &.collapsed {
                background-color: @white-alt;
                color: @text-gray;

                &:before {
                    content: '+';
                }
            }

            &:hover,
            &.collapsed:hover, {
                background-color: @gray-lighter;
                color: darken(@text-gray, 10%);
            }

            &:before {
                position: absolute;
                left: 10px;
                display: inline-block;
                width: 30px;
                content: '-';
                font-size: 26px;
                font-weight: @thin-weight;
                text-align: center;
                line-height: inherit;
                color: inherit;
            }
        }
    }

    .panel-heading + .panel-collapse .panel-body {
        padding: 16px 30px;
        border: 1px solid #dadfe4;
        border-top: none;
    }

    & + .panel {
        margin-top: 8px;
    }
}