@import "../../../variables";

$border-color: darken($base-border-color, 0);

.cxb-section.cxm-collapsed{
    .cxe-section-body{
        display: none;
    }
}

.cxb-section.cxm-groupbox{
    //box-shadow: 0 1px 2px 0px $border-color;
    background-color: white;

    border-radius: 4px;
    border: 1px solid $border-color;

    .cxe-section-header{
        margin: 0;
        padding: .5rem;
        background-image: linear-gradient($base-back-color 60%, darken($base-back-color, 7));

        //border-bottom: 1px solid lighten($base-border-color, 5);
        //box-shadow: 0px 3px 2px -2px darken($base-border-color, 15);
        border-width: 0;
        border-top-left-radius : 4px;
        border-top-right-radius : 4px;
        background-color: $base-back-color;

        h4{
            margin: 0;
            padding: 0;
            font-size: .9rem;
        }
        h{
            margin: 0;
        }
    }
    .cxe-section-body{
        margin: 0;
        padding: .4rem;
    }
}