@import "_panel.less";
@import "_library.less";

@baseFontSize:          14px;
@baseLineHeight:        18px;

.ui-sortable-helper {
    background: #fff;
    .box-shadow(0 0 4px #ddd);
}
.ui-sortable-placeholder {
    background: #f2f2f2;
    .box-shadow(inset 0 0 4px #ddd);
}

#header {
    #gradient > .vertical(#2b618d, #2e485f);
    height: 116px;
}

.legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 27px;
    font-size: 19.5px;
    line-height: 36px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #E5E5E5;
}

.heading-with-icon{
    display: flex;
    align-items: center;
    img{
        display: block;
        border:1px solid #aaa;
        margin-right: 15px;
        border-radius: 4px;
    }
}
.panel-heading{
}
.panel-accordion{
    .panel-heading{
        position: relative;
        .accordion-icon{
            position: absolute;
            right: 15px;
            top: 50%;
            width: 13px;
            height: 13px;
            margin-top: -7px;
            .fa;
            &:before{
                content: "\f067";
            }
        }
    }
    &.active{
        .panel-heading .accordion-icon{
            &:before{

                content: "\f068";
            }
        }
    }
}

@import "_custom-shared.less";