#allStylesButton {
    float: right;
    border: 1px solid transparent;
    margin: 0px;
    padding: 0px;
}

#allStylesButton.BPT-ToolbarToggleButton-StateOn {
    border-color: TRANSPARENT; /*[{f12-toolbar-button-selected-border-color}]*/
}

#allStylesButton.BPT-ToolbarToggleButton-StateOn .allStylesButton {
    background-position-y: -18px;
}

.allStylesButton {
    background-image: url('images/i_just_my_code.png'); /*[url({plugin-image-icon-dom-explorer-show-all-styles})]*/
    background-size: 18px 54px;
    background-repeat: no-repeat;
}

.BPT-ComputedStyle-PropertyName {
    color:TRANSPARENT;                  /* [{plugin-font-editor-html-attribute-name-color}] */
    -ms-grid-column: 2;
 }

.BPT-ComputedStyle-HeaderColon {
    -ms-grid-column: 3;
}

.BPT-ComputedStyle-Color {
    border: solid black 1px;
    margin: 2px;
    padding:0px;
    width:11px;
    height: 11px; 
    -ms-grid-column: 4; 
}

.BPT-ComputedStyle-PropertyValue {
    -ms-grid-column: 5;
}

.BPT-ComputedStyle-FileReference {
    float: right;
}

.BPT-ComputedStyle-Filter {
    float: left;
}

.BPT-ComputedStyle-Filter-InputText {
    margin: 2px;
    font-size: 9pt;
    font-family: "Segoe UI", Arial, sans-serif; /*[{plugin-font-family} , Arial, sans-serif]*/
}

.BPT-ComputedStyle-AllStyles {
    float: right;
    margin-top: 3px;   
}

.BPT-ComputedStyle-AllStyles-Text {
    float: right;
    margin-top: 1px;
    font-family: "Segoe UI", Arial, sans-serif; /*[{plugin-font-family} , Arial, sans-serif]*/
}

.BPT-ComputedStyle-AllStyles-CheckBox {
     float: right;
}

.BPT-ComputedStyle-NotWinning {
    text-decoration: line-through;
}

#computedStylesNoResultsMessage {
    clear: both;
    margin-left: 6px;
}

#computedStylesView .BPT-ExpandingList-Header {
    display: -ms-grid;
    -ms-grid-columns: 17px auto 8px auto 1fr;
}

#computedStylesView .BPT-HTML-Tag {
    color: TRANSPARENT; /*[{plugin-font-editor-css-selector-color}]*/
}