.panel-collapse {
    border: 0;

    .panel-heading {
        position: relative;
        border-bottom: 1px solid @input-border;

        &.active {
            .panel-title {
                color: @mae-lighter;
            }

            &:before {
                .opacity(0);
            }

            &:after {
                .opacity(1);
            }
        }

        &:before,
        &:after {
            position: absolute;
            left: 3px;
            bottom: 11px;
            font-family: @font-family-icon;
            font-size: 15px;
            .transition(all);
            .transition-duration(300ms);
        }

        &:before {
            content: '\f278';
        }

        &:after {
            content: '\f273';
            .opacity(0);
        }
    }

    .panel-title {
        font-size: 13px;
        .transition(all);
        .transition-duration(300ms);
        
        & > a {
            display: block;
            padding: 15px 20px 15px 27px;
        }
    }
}

.panel-group {
    .panel + .panel {
        margin: 0;
    }
}

.panel-body {
    color: @mae-light;
    background-color: @input-border;
    border-radius: 2px;
}