// _panels.scss

%panel-elements {

    border: 0;
    border-radius: 0;
    box-shadow: none;

    .panel-heading {
        background-color: $white;
        padding: 6px 0;
        border-bottom: 0px solid $input-border;

        .panel-title {
            color: $gorilla;
            font-size: 18px;
        }

    }

    .panel-body {
        padding: 20px 0;
    }

    .panel-footer {
        background: none;
        border: 0px solid $gray-dark;
    }

}

.panel-default {
    @extend %panel-elements;

    border-bottom: 1px solid $warm-grey;
}

.panel-gray {
    background-color: $mouse;
    padding: 10px;
}

//This class is used to get a panel structure without bottom border
.panel-secondary {
    @extend %panel-elements;
}