﻿.BPT-TraceStyle-Header[aria-expanded='false'] > .BPT-TraceStyle-ExpandIcon {
    background-image: url(''); /*[url({plugin-image-icon-item-collapsed})]*/
    background-size: 10px 10px;
}

.BPT-TraceStyle-Header[aria-expanded='true'] > .BPT-TraceStyle-ExpandIcon {
    background-image: url(''); /*[url({plugin-image-icon-item-expanded})]*/
    background-size: 10px 10px;
}

.BPT-TraceStyle-Header[aria-expanded='false'] + .BPT-TraceStyle-Collapsed-Section {
	display: none;
}

.BPT-TraceStyle-Header:focus, .BPT-TraceStyle-Source:focus {
    background: TRANSPARENT; /*[{plugin-font-editor-selected-background-color rgba(0.2)}]*/
    border-color: transparent;
}

.BPT-TraceStyle-Header {
	display: -ms-grid;
	-ms-grid-columns: 12px 16px auto auto 1fr;
    border: 1px solid transparent;
}

.BPT-TraceStyle-ExpandIcon {
	background-repeat: no-repeat;
	width: 10px;
	height: 10px; 
	margin-top: 3px;
	-ms-grid-column: 1;
}

.BPT-TraceStyle-Header > .BPT-TraceStyle-HeaderCheckbox {
    margin: 0 0 0 3px;
    -ms-grid-column:  2;
    max-height: 18px;
    background-color: transparent;
    width: 10px;
    padding: 0;
}

.BPT-TraceStyle-HeaderName {
    -ms-grid-column: 3;
}

.BPT-TraceStyle-HeaderName:after {
    content: ":";
    color: TRANSPARENT; /*[{plugin-font-editor-color}]*/
    padding-right: 6px;
}

.BPT-TraceStyle-PropertyName {
    color: #FF0000; /*[{plugin-font-editor-html-attribute-name-color}]*/
    white-space: normal;
    word-wrap: break-word;
}

.BPT-TraceStyle-HeaderValue {
    -ms-grid-column: 5;
}

.BPT-TraceStyle-PropertyValue {
    color: #0000FF; /*[{plugin-font-editor-css-value-color}]*/
    white-space: normal;
    word-wrap: break-word;
}

.BPT-TraceStyle-HeaderColor {
	-ms-grid-column: 4;
}

.BPT-TraceStyle-Color {
	border: solid black 1px;
	margin: 2px;
	width: 10px;
	height: 10px; 
    padding: 0px;
}

.BPT-TraceStyle-Source {
	display: -ms-grid;
	-ms-grid-columns: 42px auto auto auto auto;
    border: 1px solid transparent;
}

.BPT-TraceStyle-Source > .BPT-TraceStyle-SourceCheckbox {
    margin-left: 29px;
    margin-right: 0;
    margin-top: 2px;
    -ms-grid-column: 1;
    max-height: 18px;
    background-color: transparent;
    width: 10px;
    padding: 0;
}

.BPT-TraceStyle-Selector {
	margin-left: 0px;
    color: #880000; /*[{plugin-font-editor-css-selector-color}]*/
	-ms-grid-column: 2;
    white-space: normal;
    word-wrap: break-word;
}

.BPT-TraceStyle-Separator {
    margin-left: 4px;
    margin-right: 4px;
	-ms-grid-column: 3;
}

.BPT-TraceStyle-SourceValue {
    -ms-grid-column: 5;
}

.BPT-TraceStyle-SourceColor {
	-ms-grid-column: 4;
}

.BPT-TraceStyle-FileReference {
	float: right;
}

.BPT-TraceStyle-NotWinning {
    text-decoration: line-through;
}

.BPT-TraceStyle-Item {
    width: calc(100% - 2px);
}
