//
// Variables
//
$panel-lg-padding: 35px;

//
// Panel
//
.panel {
    @include box-shadow(0 2px 0 rgba(0, 0, 0, 0.1));

    &.ui-sortable-helper {
        border-style: dashed;
    }

    .panel-heading {
        font-weight: bold;
    }
}

//
// Panel carousel
//
.panel-carousel {
    padding: $panel-body-padding;
}

//
// Panel heading
//
.panel-heading {
    position: relative;

    &[data-toggle="formengine-flex"],
    &[data-toggle="formengine-inline"] {
        cursor: pointer;
    }
}

//
// Panel condensed
//
.panel-condensed {
    .panel-heading {
        padding: 5px;
    }
}

//
// Panel collapse
//
.panel-heading-collapse-indicator {
    position: absolute;
    left: 2px;
    margin-top: -2px;
    top: 50%;
}

.panel-collapsed {
    .panel-heading {
        .caret {
            @include transition(all 0.25s ease-in-out);
            @include rotate(-90deg);
        }
    }

    .panel-collapse {
        display: none;
        visibility: hidden;
    }
}

.panel,
.panel-collapse {
    > .alert {
        border: none;
        border-top: 1px solid $panel-default-border;
        margin: 0;
        padding: 9px 12px;
    }

    > .form-section,
    > .tab-content > .form-section,
    > .tab-content > .tab-pane > .form-section {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    > .nav-tabs {
        border-top: 1px solid $panel-default-border;
        padding-top: 8px;

        > li {
            margin-left: -1px;
        }
    }

    > .table,
    > .table-fit {
        border: 0;
        margin: 0;
    }
}

.recordlist {
    .table-fit {
        margin-bottom: 0;
    }
}

//
// Panel hover
//
.panel-hover {
    .panel-default:hover > .panel-heading {
        background-color: lighten($panel-default-heading-bg, 3%);
    }
}

//
// Panel space
//
.panel-space {
    margin: 3em 0;
}

//
// Panel Tab
//
.panel-tab {
    border-radius: 0;
    border: 1px solid $nav-tabs-active-link-hover-border-color;
    background-color: $nav-tabs-active-link-bg;
}

.panel-tab + .panel-tab,
.panel-tab + .form-section {
    margin-top: -($line-height-computed+1);
}

.tab-pane {
    > .panel-tab:first-child {
        border-top: none;
    }
}

//
// Panel large
//
.panel-lg {
    .panel-body {
        padding: $panel-lg-padding;
    }

    .panel-heading,
    .panel-footer {
        padding: ceil($panel-lg-padding * 0.5) $panel-lg-padding;
    }

    .panel-carousel {
        padding: $panel-lg-padding;
    }
}
