.scroll-container {
    display: flex;
    overflow-y: auto;
}

.i-sdc-designer-sidebar-section-content-item-property-and-attribute {
    color: #666666;
    font-family: OpenSans-Semibold, sans-serif;
    font-size: 14px;
    border-bottom: 1px solid #cdcdcd;
    min-height: 72px;
    padding: 15px 10px 10px 18px;
    // position: relative;
    display:flex;

    .property-details {
        flex:1;
    }

    .property-buttons {
        flex: 0 0 auto;
        align-self: center;
    }
}

.i-sdc-designer-sidebar-section-content-item-property-and-attribute-label {
    display: block;
    font-weight: bold;
    &:hover {
        color: #3b7b9b;
    }
}

.i-sdc-designer-sidebar-section-content-item-property-and-attribute-label, .i-sdc-designer-sidebar-section-content-item-property-value {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 245px;
    white-space: nowrap;
    display: block;
}



/deep/ .expand-collapse-content {
    max-height: max-content;
    padding: 10px 0;

    .sdc-accordion .sdc-accordion-header {
        
            background-color: #e6f6fb;
            border-left: solid #009fdb 4px;
            box-shadow: 0 0px 3px -1px rgba(0, 0, 0, 0.3);
            margin-bottom: 2px;
            width: auto;
            height: auto;
            padding: 10px;
            color: #666666;
            font-family: OpenSans-Semibold, sans-serif;
            font-size: 14px;
        
    }

    /deep/.sdc-accordion .sdc-accordion-body {
        padding-left: 0;
    }
}