// ============================
// Bootstrap collapse Modules
// ============================
.mod-bootstrap-collapse {
    .panel-group {
        margin-bottom: @line-height-base*2;
        .panel {
            margin-bottom: 0;
            background: transparent;
            border: none;
            position: relative;
            .box-shadow(none);
            .border-radius(0);
            +.panel {
                margin-top: 0px;
                border-top: 1px solid #CDD1DF;
            }
        }
        .panel-heading {
            padding: 0;
            .border-radius(0);
            position: relative;
            background: transparent;
            >.dropdown .dropdown-toggle {
                color: inherit;
            }
            a {
                color: @headings-color;
                display: block;
                font-size: 24px;
                line-height: 32px;
                font-family: @font-family-secondary;
                font-weight: 700;
                padding: 23px 70px 23px 0px;
                position: relative; // border: 1px solid #e6e8e8;
                .panel-heading_icon {
                    float: right;
                    font-style: normal;
                    &:before {
                        content: '\ec39';
                        font-size: 18px;
                        line-height: 35px;
                        font-family: @li;
                        font-weight: 300;
                        color: @headings-color;
                        right: 0px;
                        top: 50%;
                        font-style: normal;
                        position: absolute;
                        .translate(0, -50%);
                        text-align: center;
                        width: 35px;
                        height: 35px;
                        .box-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
                    }
                }


                &.collapsed {
                    background: transparent;
                    .panel-heading_icon {
                        &:before {
                            content: '\ec3c';
                        }
                    }
                }

                &:hover {}

                @media(max-width: 1199px) {
                    line-height: 20px;
                }
            }
            &:hover {}
            +.panel-collapse>.panel-body,
            +.panel-collapse>.list-group {}
        }
        .panel-body {
            .clearfix();
            padding: 0px 40px 6px 0px;
            border: none !important;

            [class*='heading-style-'] {
                text-transform: none;
                margin: 0;
                &+* {
                    margin-top: 13px;
                }
            }
        }
        .panel-footer {
            border-top: 0;
            +.panel-collapse .panel-body {
                border-bottom: 1px solid @panel-inner-border;
            }
        }
    }
}

.mod-bootstrap-collapse__ {
    &custom {
        .panel-group {
            margin-bottom: 30px;
            .panel {
                margin-bottom: 0;
                background: transparent;
                border: none;
                .box-shadow(none);
                +.panel {
                    // margin-top: 11px;
                }
            }
            .panel-heading {
                padding: 0;
                .border-radius(0);
                position: relative;
                background: transparent;
                >.dropdown .dropdown-toggle {
                    color: inherit;
                }
                a {

                    padding: 23px 0px 23px 40px;
                    position: relative;
                    border: none;
                    .panel-heading_icon {
                        float: left;
                        &:before {
                            content: '\ec37';
                            font-size: 24px;
                            line-height: 24px;
                            font-family: @li;
                            width: 24px;
                            height: 24px;
                            left: 0;
                            top: 50%;
                            position: absolute;
                            .translate(0, -50%);
                            .box-shadow(0px 0px 0px rgba(0, 0, 0, 0.0));
                        }
                    }


                    &.collapsed {
                        border: none;
                        background: transparent;
                        .panel-heading_icon {
                            &:before {
                                content: '\ec36';
                                color: @headings-color;
                            }
                        }
                    }

                    &:hover {}
                }
                &:hover {}
                +.panel-collapse>.panel-body,
                +.panel-collapse>.list-group {}
            }
            .panel-body {
                .clearfix();
            padding: 0px 40px 6px 40px;
                background: transparent;
            }
            .panel-footer {
                border-top: 0;
                +.panel-collapse .panel-body {
                    border-bottom: 1px solid @panel-inner-border;
                }
            }
        }
    }
}