/** Automatically converted from _index.css **/
/***** Begin TestManagement Area *****/
/** Automatically converted from Common.css **/
/* Test Hub View Styles */
html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}

.testmanagement-plans-combo {
  position: relative;
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  height: 24px;
  padding: 3px !important;
  margin: 6px 2px 1px 16px;
  width: 84%;
  -ms-flex: auto;
  /* IE 10 */
  flex: auto;
  font-size: 13px;
}

.testmanagement-plans-combo .watermark {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
}

.testmanagement-testplans-pane {
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
}

.menu-item.right-align.testplan-filter, .menu-item.right-align.testplan-filter.toggle-on, .menu-item.right-align.testplan-filter.hover {
  margin-top: 6px;
  margin-right: 1px;
  height: 24px;
}

.menu-item.right-align.testplan-filter.hover {
  outline: none !important;
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.menu-item.right-align.testplan-filter.toggle-on, .menu-item.right-align.testplan-filter.hover, .menu-item.right-align.testplan-filter.focus {
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: rgba( 43, 136, 216 ,  1 );
  border-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
}

.menu-item.toggle-showDetails-bar {
  float: right;
}

.menu-item.toggle-filter-bar {
  float: right;
}

.toggle-filter-bar.toggle-on, .toggle-filter-bar.hover, .toggle-filter-bar.focus {
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: rgba( 43, 136, 216 ,  1 );
  border-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
}

.testmanagement-suites-tree {
  position: absolute;
  top: 72px;
  left: 12px;
  right: 0;
  bottom: 0;
  overflow: auto;
}

.hub-content-with-breadcrumb {
  overflow: hidden;
}

.hub-content-with-breadcrumb .testmanagement-suites-tree {
  top: 50px;
}

.hub-content-with-breadcrumb .testmanagement-view-left-pane {
  padding-top: 5px;
}

.hub-content-with-breadcrumb .testplan-splitter-container.hub-content {
  position: absolute;
  top: 47px;
}

.testmanagement-testplans-pane .hidden {
  display: none;
}

.drag-suite-tile .drag-suite-line {
  border-bottom: 2px solid rgba(0, 0, 0, .55);
  border-bottom: 2px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
  margin-top: 8px;
  margin-left: -150px;
}

.drag-suite-tile .tree-drag-tile.drag-droppable {
  margin-left: 100px;
  margin-top: 1px;
}

.order-testcases-grid .grid-row.upper-drop-guide {
  border-top: 1px solid rgba(0, 0, 0, .55);
  border-top: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.order-testcases-grid .grid-row.lower-drop-guide {
  border-bottom: 1px solid rgba(0, 0, 0, .55);
  border-bottom: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.order-testcases-grid .grid-row-selected .grid-cell, .order-testcases-grid .grid-row-selected {
  cursor: move;
}

.order-tests-panel {
  position: absolute;
  top: 45px;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block;
  max-width: 792px;
  min-width: 500px;
  height: 40px;
  margin-left: 21px;
  background-color: rgba( 218, 218, 218 ,  1 );
  background-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.order-testcases-panel-loading, .order-testcases-panel-text {
  float: left;
  margin: 10px;
  position: absolute;
}

.order-tests-buttons {
  float: right;
  margin: 5px;
  position: absolute;
  margin-left: 640px;
}

.order-tests-done {
  position: absolute;
}

.order-tests-cancel {
  margin-left: 75px;
}

.order-tests-cancel-panel-button, .order-tests-done-panel-button {
  width: 70px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.order-testcases-grid-area {
  position: absolute;
  top: 85px;
  bottom: 0;
  left: 0;
  right: 0;
}

.drag-tile-testcase {
  height: 60px;
  width: 88px;
  position: absolute;
  font-size: 7pt;
  cursor: default;
  margin: 6px 6px 6px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  background-color: white;
  padding: 3px 6px 3px 3px;
  opacity: 0.7;
  border-width: 1px 1px 1px 6px;
  border-style: solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-left-color: #ff9d00;
}

.drag-tile-item-count {
  font-size: 25px;
  text-align: center;
  vertical-align: middle;
}

.drag-tile-item-type {
  text-overflow: ellipsis;
  font-size: 12px;
  text-align: center;
  display: block;
  white-space: nowrap;
  overflow: hidden;
}

.test-view-grid-area, .test-edit-grid-area {
  position: absolute;
  top: 45px;
  bottom: 0;
  left: 0;
  right: 0;
}

.test-view-filter-bar ul {
  margin-top: 5px;
  margin-bottom: 0px;
}

.test-view-filter-bar .filter-bar {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  margin: 0px 10px;
}

.test-edit-grid-area {
  top: 38px;
}

.testcases-grid, .bulk-edit-tests-grid, .datasets-grid, .order-testcases-grid {
  height: 100%;
}

.testcases-grid.grid.has-grid-message-area .grid-header {
  top: 2.4em;
}

.testcases-grid.grid.has-grid-message-area .grid-canvas {
  top: 4.6em;
}

.testcases-grid.grid.has-grid-message-area .message-area-control {
  margin: 0px 12px;
}

.testpoint-outcome-filter {
  text-transform: none;
}

.testpoint-outcome-shade {
  height: 17px;
  width: 20px;
  float: left;
}

.tester-filter, view-filter {
  text-transform: none;
}

.tester-filter .menu .menu-item img.identity-picture {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.tester-filter .menu .menu-item > .icon {
  width: 20px;
  height: 20px;
}

.test-hub-view .hub-title {
  margin-right: 220px;
}

.test-hub-view .requirement-toolbar {
  float: left;
  position: relative;
  top: 13px;
  padding: 0px;
  margin-left: -3px;
}

.test-hub-view .requirement-icon .menu-bar .menu-item {
  padding: 0px;
}

.test-hub-view .requirement-icon .menu-bar .menu-item .icon {
  padding: 0px;
}

.test-hub-view .pivot-filter {
  padding: 0px 5px 0px 9px;
  border: 1px solid transparent;
  border-bottom: 0;
}

.test-hub-view .tfs-service-status-notification.message-area-control {
  padding-top: 2px;
  padding-bottom: 2px;
}

.testmanagement-suites-tree .node.focus > a.node-link .node-content {
  padding-right: 22px;
}

.test-hub-view .icon-xt {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

.error-message-holder .icon-info {
  vertical-align: middle;
  margin-right: 5px;
}

.filters .control-busy-overlay {
  opacity: 0.0;
  filter: initial;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#testsuite-requirementid {
  text-transform: none;
  margin-left: 22px;
}

.test-view-right-pane {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.test-view-right-pane .hub-pivot-toolbar {
  overflow: auto;
}

.test-hub-view .rightPane .hub-no-content-gutter {
  padding-left: 0px;
}

.test-hub-view table.witform-layout {
  table-layout: auto;
}

.test-outcome-column-text {
  margin-left: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.test-hub-view .hub-content .rightPane .right-hub-content {
  top: 40px;
}

.configurations-view-explorer .toolbar > .menu-bar > .menu-item > .drop,
.testmanagement-view-left-pane .toolbar > .menu-bar > .menu-item > .drop,
.test-view-right-pane > .leftPane .toolbar > .menu-bar > .menu-item > .drop,
.testmanagement-charts-view .toolbar > .menu-bar > .menu-item > .drop {
  padding-left: 5px;
}

.test-hub-view div.shared-step-link {
  margin-left: 20px;
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}

.tests-with-ads .hub-content {
  top: 0px;
}

.drag-testcase-tile {
  height: 48px;
  width: 76px;
  position: absolute;
  cursor: default;
  margin: 6px 6px 6px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  background-color: rgba( 199, 224, 244 ,  1 );
  background-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  padding: 3px;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.test-run-footer .menu-bar .menu-item.focus,
.test-hub-view .toolbar .menu-item.focus {
  border:  1px dashed;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
  font-weight: bold !important;
}

.tests-with-ads .message-area-control.visible ~ .hub-content {
  top: 39px;
}

.tests-with-ads .message-area-control.visible ~ .visible ~ .hub-content {
  top: 78px;
}

/* End TestHub View Styles */
/* Test Run */
.testRunTitle {
  font-size: 15px;
  padding-top: 5px;
  position: relative;
  white-space: nowrap;
}

.testRunTitle .title {
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 3px;
  float: left;
  overflow: hidden;
  max-width: calc(100% - 80px);
  text-overflow: ellipsis;
}

.test-run-options {
  float: right;
}

.testcase-description-toggle-btn, .testcase-title-separator-icon, .test-run-mark-status-menu-items {
  float: left;
}

.testcase-description-toggle-btn :hover {
  cursor: pointer;
}

.testcase-title-separator-icon {
  margin: 6px 0px;
}

.testcase-description-toggle-icon {
  margin: 4px;
}

.testcase-description-toggle-btn {
  margin-top: 1px;
  color: inherit;
}

.testcase-description-toggle-btn:hover, .testcase-description-toggle-btn.active {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  outline: 1px solid rgba( 199, 224, 244 ,  1 );
  outline: 1px solid rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.testcase-description-toggle-btn:active {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  outline: 1px solid rgba( 199, 224, 244 ,  1 );
  outline: 1px solid rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.test-run-steps-list {
  border-top:  1px solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  -ms-flex: 1;
  -webkit-box-flex: 1;
  overflow-y: auto;
  clear: both;
}

.test-run-steps-list p {
  margin: 0px;
  white-space: pre-wrap;
}

.test-run-steps-list .items {
  list-style-type: none;
  padding: 0px;
  margin-top: 0px;
}

.test-run-steps-list > .items > li {
  position: relative;
  outline: none;
  margin: 0;
  min-height: 32px;
  cursor: default;
}

.test-run-steps-list > .items > li.grid-row-selected {
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  outline: none;
}

.test-run-steps-list > .items > li.grid-row-current {
  border: 1px dashed transparent;
}

.test-run-footer {
  background-color: rgba(0, 90, 158, 1);
  background-color: var(--communication-foreground,rgba(0, 90, 158, 1));
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  position: absolute;
  bottom: 0px;
  height: 26px;
  min-width: 100%;
  max-width: 100%;
  overflow: auto;
}

.testRun-SaveClose-toolbar .menu-bar .drop {
  cursor: pointer;
}

.test-run-footer > .menu-bar > .menu-item.hover,
.test-run-footer > .menu-bar > .menu-item.hover.focus {
  background-color: rgba( 0, 90, 158 ,  1 );
  background-color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
  outline: none;
  text-decoration: none;
}

.test-run-footer .menu {
  display: block;
}

.test-run-footer .sub-menu {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  max-height: 33%;
  max-width: 100%;
}

.test-run-bug-menu {
  max-width: 45% !important;
}

.testrun-testcase-configuration, .test-run-build-footer {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 2px;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.test-run-build-footer {
  margin-right: 20px !important;
}

.test-run-view {
  height: 100%;
  width: 100%;
}

.test-run-view .test-run {
  height: calc(100% - 26px);
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
}

.stepResults-buttons-column {
  text-align: right;
  position: absolute;
  white-space: nowrap;
  right: 0px;
  top: 0px;
}

.stepResults-buttons-column > .menu-bar > .menu-item {
  padding: 4px 0px 4px 0px;
}

.test-run-mark-status-menu-items > .menu-bar > .menu-item {
  padding: 0px 0px 4px 0px;
}

.test-run-footer .menu-item.hover > span,
.stepResults-buttons-column .menu-item.hover > span,
.test-run-mark-status-menu-items .menu-item.hover > span {
  text-decoration: none;
}

.stepResults-buttons-column .menu-item.hover.icon-only,
.test-run-mark-status-menu-items .menu-item.hover.icon-only {
  outline: none;
  background-color: inherit;
}

.stepResults-buttons-column .menu-item.icon-only.hover.focus,
.test-run-mark-status-menu-items .menu-item.icon-only.hover.focus {
  outline: 1px solid rgba( 199, 224, 244 ,  1 );
  outline: 1px solid rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.stepResults-buttons-column .menu-bar .menu-item .icon {
  margin-right: 2px;
  margin-left: 2px;
}

.stepResults-index-column {
  position: absolute;
  padding-left: 10px;
}

.stepResults-detail-column {
  padding-left: 40px;
  padding-right: 50px;
  font-size: 12px;
}

.attachment-list-container {
  margin-top: 10px;
}

.test-step-attachment {
  margin-bottom: 2px;
}

.test-step-attachment-size {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.test-step-attachment-images img.test-step-attachment-image {
  border: none;
  padding-bottom: 14px;
  height: 85px;
  width: auto;
  max-width: 120px;
  min-width: 50px;
}

.test-step-attachment-images {
  margin-top: 8px;
}

.test-step-attachment-images a {
  position: relative;
  margin-right: 8px;
}

.test-step-attachment-images a:hover {
  text-decoration: none;
}

.test-step-attachment-images a > div {
  display: inline;
}

.test-step-attachment-image-name {
  display: inline;
  position: absolute;
  top: -5px;
  left: 0px;
  width: 100%;
  height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 2px;
  background-color: rgba( 0, 0, 0 ,  1 );
  background-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  font-size: 11px;
  line-height: 17px;
  word-wrap: normal;
}

.subStepResults-detail-column {
  padding-left: 50px;
  padding-right: 50px;
  font-size: 13px;
}

.stepResults-actionParameters, .stepResults-expectedResultParameters {
  margin-top: 5px;
}

.stepResultTable {
  width: 100%;
  word-wrap: break-word;
  word-break: normal;
  margin-top: 5px;
  margin-bottom: 5px;
}

.test-result-comment-container,
.test-case-description-container {
  margin-top: 5px;
  font-size: 13px;
  position: relative;
  clear: both;
}

.description-watermark {
  position: absolute;
  top: 0px;
  left: 10px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  cursor: text;
  font-size: 13px;
  padding-left: 3px;
}

.testcase-description-label {
  font-size: 14px;
  margin: 3px 10px;
}

.testcase-description-text-area {
  position: relative;
  min-height: 35px;
  max-height: 105px;
  margin-bottom: 3px;
  padding-left: 10px;
  overflow: auto;
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  outline: none;
  font-size: 12px;
}

.step-comment-textarea,
.test-result-comment-textarea {
  padding-bottom: 0.5em;
  padding-left: 10px;
  width: 100%;
  overflow: hidden;
  resize: none;
  border: 1px solid;
  border-color: #757575;
  outline: none;
  font-size: 12px;
}

.stepResults-action,
.stepResults-expectedResult {
  overflow-x: hidden;
}

.stepResults-action p,
.stepResults-expectedResult p {
  text-indent: 0px !important;
}

.title-edit-div {
  outline: none;
  position: relative;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  cursor: text;
  word-wrap: break-word;
  white-space: normal;
  margin: 2px;
  min-height: 17px;
  font-weight: normal !important;
  border:  1px solid;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
}

.test-step-parameter-value {
  white-space: pre;
}

.test-step-parameter-value-input {
  font-weight: normal !important;
  border:  1px solid;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
  width: 85%;
  margin: 2px;
  padding: 2px;
}

.inline-edit-toolbar {
  position: absolute;
  top: -30px;
  left: 16px;
  border:  2px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .55);
  box-shadow: 3px 3px 4px var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.inline-edit-toolbar:after {
  content: '';
  display: block;
  position: absolute;
  left: 16px;
  border-color: rgba( 218, 218, 218 ,  1 ) transparent transparent transparent;
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 ) transparent transparent transparent;
  border-style: solid;
  border-width: 6px;
}

.inline-edit-toolbar .menu-bar {
  background: rgba(0, 120, 212, 1);
  background: var(--communication-background,rgba(0, 120, 212, 1));
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  white-space: nowrap;
}

.inline-edit-toolbar .menu-bar > .menu-item {
  padding: 2px 2px 2px 2px;
}

.inline-edit-toolbar > .menu-bar > .menu-item.hover,
.inline-edit-toolbar > .menu-bar > .menu-item.hover.focus {
  background-color: rgba( 0, 90, 158 ,  1 );
  background-color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
  outline: none;
  text-decoration: none;
}

.inline-edit-toolbar > .menu-bar > .menu-item.focus {
  border:  1px dashed;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
  font-weight: bold !important;
}

.inline-edit-error {
  position: absolute;
  background: rgba( 255, 255, 255 ,  1 );
  background: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  padding: 5px;
  border: solid 1px rgba(0, 0, 0, .55);
  border: solid 1px var(--text-secondary-color,rgba(0, 0, 0, .55));
  z-index: 100;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}

.test-step-invalid {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.test-result-comment-textarea {
  max-height: 95px;
}

.step-comment-textarea.step-comment-textarea-focusout {
  background-color: transparent;
}

.testRun-SaveClose-toolbar .menu-bar {
  background: rgba(0, 90, 158, 1);
  background: var(--communication-foreground,rgba(0, 90, 158, 1));
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  white-space: nowrap;
}

.testRun-SaveClose-toolbar .menu-bar .sub-menu {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  white-space: nowrap;
}

.testRun-SaveClose-toolbar .menu-bar > .menu-item {
  padding: 6px 6px 5px 6px;
  max-height: 29px;
  background: rgba(0, 90, 158, 1);
  background: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.testRun-SaveClose-toolbar > .menu-bar > .menu-item.hover,
.testRun-SaveClose-toolbar > .menu-bar > .menu-item.hover.focus,
.testRun-SaveClose-toolbar > .menu-bar > .menu-item.hover.icon-only {
  background-color: rgba( 0, 90, 158 ,  1 );
  background-color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
  outline: none;
  text-decoration: none;
  padding: 6px 6px 5px 6px;
  border:  1px solid;
  border-color: rgba( 255, 255, 255 ,  1 );
  border-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.inline-edit-toolbar > .menu-bar > .menu-item.hover.icon-only {
  background-color: rgba( 0, 90, 158 ,  1 );
  background-color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.testRun-SaveClose-toolbar > .menu-bar > .menu-item .text {
  text-decoration: none;
}

.testRun-SaveClose-toolbar > .menu-bar > .menu-item.focus {
  padding: 0px 6px 0px 6px;
  border:  1px dashed;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
  font-weight: bold !important;
}

.testRun-SaveClose-toolbar > .menu-bar > .menu-item > .menu-item-icon {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

div.expectedResult-header, div.comment-header {
  margin-top: 10px;
  font-size: 10px;
}

.test-run-view .hub-progress {
  top: 0px;
}

.test-case-navigator {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.test-case-navigator .toolbar .drop {
  width: 16px;
}

.test-case-navigator > .toolbar > .menu-bar > .menu-item,
.test-case-navigator > .toolbar .menu-item.drop-visible.focus.hover {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 15px;
  margin-left: 0px;
  border: none;
}

.test-case-navigator > .toolbar .menu-item.drop-visible.focus {
  border:  1px dashed;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
  font-weight: bold !important;
}

.test-case-navigator > .toolbar .sub-menu .menu-item.iteration-test-case {
  padding-left: 15px;
}

.test-case-navigator .toolbar {
  padding-left: 0px;
  text-align: center;
  height: 30px;
  border: 1px solid transparent;
  margin: 0px;
}

.test-case-navigator .toolbar .menu-bar {
  white-space: nowrap;
}

.test-case-navigator .toolbar .menu-bar .menu-item.drop-visible > span {
  white-space: nowrap;
  font-weight: bold;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.test-case-navigator .sub-menu .icon {
  position: absolute;
  right: 5px;
}

.test-case-navigator .sub-menu.menu {
  max-width: 100%;
  max-height: 100%;
}

.test-case-navigator .sub-menu li.menu-item:first-child {
  margin-left: 2.5px;
}

.test-case-navigator .menu.sub-menu li.menu-item {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 2px;
  padding-right: 30px;
  text-align: left;
}

.test-case-navigator .toolbar > .menu-bar > li.menu-item .text {
  vertical-align: top;
  display: inline-block;
  max-width: 200px;
}

.test-case-navigator > .toolbar > .menu-bar > .menu-item.mtr-navigation-dropdown,
.test-case-navigator > .toolbar .menu-item.drop-visible.focus.hover.mtr-navigation-dropdown {
  padding-right: 6px;
  margin-right: 0px;
}

.test-case-navigator > .toolbar > .menu-bar > .menu-item.mtr-prev, .test-case-navigator .mtr-prev.focus.disabled {
  position: absolute;
  left: 6px;
  padding: 5px 15px 5px 10px !important;
  border: none !important;
}

.test-case-navigator .mtr-prev.focus {
  border:  1px dashed;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
  font-weight: bold !important;
}

.test-case-navigator > .toolbar > .menu-bar > .menu-item.mtr-next, .test-case-navigator .mtr-next.focus.disabled {
  position: absolute;
  right: 0px;
  padding: 5px 15px 5px 3px !important;
  border: none !important;
  margin-right: 0px;
}

.test-case-navigator .mtr-next.focus {
  border:  1px dashed;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
  font-weight: bold !important;
  padding-right: 15px;
}

.test-case-navigator .mtr-next .bowtie-triangle-right {
  position: absolute;
  right: -6px;
  top: 6px;
}

.test-case-navigator .mtr-prev .bowtie-triangle-left {
  position: absolute;
  left: -4px;
  top: 6px;
}

.test-result-attachments-menu-item .icon {
  position: absolute;
  right: -2px;
  margin: 0px;
  top: 8px;
}

.test-result-attachments-menu-item span.text {
  padding-right: 15px;
}

.test-result-attachments > .sub-menu > .test-result-attachments-menu-item {
  padding-left: 2px;
  padding-right: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
}

.test-runner-info-dropdown {
  width: 150px;
}

.test-run-user-name, .test-run-user-email {
  position: relative;
  left: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.test-run-user-name {
  color: rgba( 0, 0, 0 ,  1 ) !important;
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
  top: 3px;
}

.test-run-user-email {
  font-size: 10px;
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  bottom: 5px;
}

.test-run-info-submenu-item {
  min-height: 36px;
  padding-left: 14px !important;
  padding-top: 7px !important;
}

.additional-menu-items:hover {
  background-color: #F2F7FD !important;
  outline: #0066FB solid 1px !important;
}

.stop-recording-container:focus {
  outline: black auto 5px;
  outline-offset: 2px;
}

.bug-menu-item-header {
  padding-left: 2px;
  padding-right: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  font-weight: bold;
  cursor: default !important;
  pointer-events: none;
}

.test-run-footer-menu-bar {
  max-width: 50%;
}

.test-run-footer .test-run-footer-menu-bar > li.menu-item {
  max-width: 50%;
}

.test-run-footer-menu-bar .menu-item .text {
  text-decoration: none;
}

.test-step-attachment-zoomedImageDiv {
  position: fixed;
  margin: 20px;
  overflow: hidden;
  border: 2px solid rgba(0, 0, 0, .55);
  border: 2px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
  z-index: 50;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.test-step-attachment-zoomedImageDiv img {
  position: relative;
  width: auto;
  height: auto;
  border: none;
}

.test-step-attachment-image-zoomedArea {
  position: absolute;
  border:  1px solid;
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: 0.5;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  z-index: 50;
}

.hubrefresh-testplan-page-link {
  text-decoration: underline;
  cursor: pointer;
  color: #0078d4;
  font-weight: bold;
}

.test-plan-iteration-dates-info {
  text-align: right;
}

.test-plan-iteration-dates-info,
.test-point-count {
  float: right;
  margin-right: 25px;
  position: relative;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.create-test-plan-dialog-iteration-dates-label {
  font-size: 8pt;
  padding-left: 5px;
}

.suite-name-input-cell {
  width: 100%;
}

.create-test-plan-title-cell {
  min-width: 85px;
}

.create-test-plan-dropdown-option {
  padding-bottom: 2px;
  margin-bottom: 2px;
  border-bottom: 1px solid rgba(0, 0, 0, .55) !important;
  border-bottom: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55)) !important;
}

.test-plan-iteration-remaining-days {
  font-size: 12px;
}

.test-plans-suites-toolbar {
  margin: 2px 2px 2px 16px !important;
  border-top: none;
}

.stepResultTable .stepResults-inlineedit-column .menu-bar .menu-item.icon-only {
  position: relative;
  left: 1px;
  top: -3px;
  margin: 0px;
  padding: 0px;
}

.stepResultTable .stepResults-inlineedit-column .menu-bar .menu-item span {
  margin: 0px;
}

.stepResultTable .stepResults-inlineedit-column .menu-bar {
  padding: 0px;
}

/*The .hoverClass style is present so that we can simulate the hover behavior from tests*/
li:hover:not(.inline-edit-mode) .stepResultTable .stepResults-inlineedit-column, li.hoverClass:not(.inline-edit-mode) .stepResultTable .stepResults-inlineedit-column {
  display: inline-block;
}

li .stepResultTable .stepResults-inlineedit-column {
  display: none;
}

.grid-row-current .stepResultTable .stepResults-inlineedit-column {
  display: inline-block;
}

.selected-iteration-text {
  font-weight: bold;
}

/* End Test Run */
.bulk-edit-test-count {
  float: right;
  margin: 20px;
}

.bulk-edit-tests-grid .grid-id-cell,
.bulk-edit-tests-grid .grid-cell-selected.grid-id-cell {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.bulk-edit-tests-grid .grid-cell-uneditable,
.bulk-edit-tests-grid .grid-cell-selected.grid-cell-uneditable {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.bulk-edit-tests-grid .grid-row-selected .grid-cell-uneditable {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bulk-edit-tests-grid .grid-cell-shared-step-title {
  font-weight: bold;
}

.bulk-edit-tests-grid .invalid-workitem-row .grid-testCaseTitle-cell {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bulk-edit-tests-grid .testcase-title-cell {
  border-top: solid;
  border-top-width: 1px;
  border-top-color: rgba( 166, 166, 166 ,  1 );
  border-top-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.datasets-view-grid {
  position: absolute;
  top: 38px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.datasets-view-right-pane {
  margin-left: 0px;
}

.datasets-view-explorer, .configurations-view-explorer {
  margin-top: 10px;
}

.datasets-list-container {
  position: absolute;
  top: 55px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: auto;
}

.datasets-grid.editable-grid .grid-cell.plain-text-cell {
  white-space: pre;
  min-height: 25px;
}

.datasets-grid.editable-grid .grid-content-spacer {
  height: 0px;
}

.datasets-grid.editable-grid .grid-row-selected .grid-cell-selected {
  border-width: 2px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  padding: 5px;
}

.test-edit-grid-area .editable-grid .grid-cell-selected {
  border-width: 2px;
}

.rightPane .far-right-pane-title {
  left: 0;
  right: 0;
  margin-left: 20px;
  min-height: 24px;
  margin-right: 20px;
  font-family: Segoe UI Light,Segoe UI,Tahoma,Arial,Verdana;
  font-weight: lighter;
  font-size: 18px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.test-hub-view .far-right-pane-list-container {
  top: 120px;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  overflow: auto;
  margin: 0px 10px;
}

/* Extend the default width for the TestManagement   */
.test-hub-view .hub-splitter.splitter.horizontal > .leftPane {
  width: 330px;
}

.test-hub-view .hub-splitter.splitter.horizontal > .rightPane,
.test-hub-view .hub-splitter.splitter.horizontal > .handleBar {
  left: 330px;
}

.test-hub-view .right-hub-splitter.horizontal > .rightPane {
  width: 35%;
  display: block;
}

.test-hub-view .right-hub-splitter.horizontal > .handleBar,
.test-hub-view .right-hub-splitter.horizontal > .leftPane {
  right: 35%;
}

.test-hub-view .right-hub-splitter.vertical > .rightPane {
  height: 40%;
  display: block;
}

.test-hub-view .right-hub-splitter.vertical > .handleBar,
.test-hub-view .right-hub-splitter.vertical > .leftPane {
  bottom: 40%;
}

.test-hub-view .splitter.no-split.vertical .test-view-right-pane .leftPane {
  height: auto !important;
}

.test-hub-view .rightPane .rightPane .hub-pivot.far-right-pane-pivot {
  position: absolute;
  top: 40px;
}

.test-hub-view .rightPane .rightPane .work-item-form {
  margin-top: 5px;
  top: 70px;
}

.test-hub-view .rightPane .rightPane .work-item-form .workitem-info-bar {
  margin-bottom: 20px;
}

.testmanagement-charts-view {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.testmanagement-charts-view .chart-hosts-list {
  top: 45px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

.assign-tester-identity-dialog .description {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  margin: 0 0 15px 0;
  line-height: 20px;
}

.assign-tester-identity-dialog .main-table td.dialog-search-container {
  width: 450px;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  display: block;
}

.assign-tester-identity-dialog .main-table td.dialog-search-container input {
  border: none !important;
}

.assign-tester-identity-dialog .table-section {
  float: left;
  margin-left: 10px;
}

.assign-tester-identity-dialog .main-table td {
  min-height: 20px;
  vertical-align: top;
}

.assign-tester-identity-dialog .main-table td:first-child {
  padding-right: 16px;
}

.assign-tester-identity-dialog .section {
  clear: both;
  padding-top: 10px;
}

.assign-tester-identity-dialog .browse-context {
  height: 100%;
}

.testcases-grid .icon-search {
  margin-left: 10px !important;
}

.testcases-grid .sub-menu .html .old-context-menu-text {
  padding-left: 30px !important;
}

.testcases-grid .sub-menu .html .new-context-menu-text {
  padding-left: 4px !important;
}

.assign-configuration-search-box input {
  width: 100%;
  padding-right: 20px;
  padding-left: 5px;
  height: 25px;
  outline: none;
  border:  2px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.assign-configuration-search-box .bowtie-edit-remove {
  position: absolute;
  top: 5px;
  right: 20px;
  color: black;
  cursor: pointer;
  display: none;
  margin-right: 4px;
}

.assign-configuration-search-box .bowtie-search {
  position: absolute;
  top: 5px;
  right: 5px;
}

.assign-configuration-search-box .icon-drop {
  visibility: hidden;
}

.test-configuration-search-grid {
  width: 100%;
  height: 235px;
  top: -10px;
}

.test-configuration-search-grid .grid-canvas {
  overflow-x: hidden;
  top: 30px !important;
}

.test-configuration-search-grid .grid-cell {
  text-align: left;
}

.test-case-selector-table {
  width: 100%;
  margin-bottom: 15px;
  padding-left: 1px;
  padding-right: 1px;
}

.test-configuration-search-grid input#chk_isAssignedAll {
  margin-top: 10px !important;
  margin-left: 5px !important;
}

.test-case-selector {
  width: 100%;
  padding-top: 10px;
}

.test-case-selector td.label {
  padding-bottom: 10px;
}

.test-case-selector .selector {
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.test-case-selector-table table {
  width: 100%;
}

.test-case-selector .selection-name {
  width: 100%;
  height: 100%;
  min-height: 21px;
  padding-right: 18px;
  padding-left: 4px;
  outline: none;
}

.test-case-selector .selection-name:focus {
  outline: 1px solid rgba( 199, 224, 244 ,  1 );
  outline: 1px solid rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.test-case-selector .drop-icon {
  width: 18px;
  height: 21px;
  position: relative;
  float: right;
  margin-right: -1px;
  margin-top: -20px;
}

td.test-case-selection-grid-parent {
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  min-height: 0px;
}

.test-case-selection-grid .grid-canvas {
  overflow-x: hidden;
}

.test-case-selection-grid input#chk_isSelectedAll {
  margin-top: 10px !important;
  margin-left: 5px !important;
}

.assign-config-dialog .message-area-control {
  margin-bottom: 8px;
}

.assign-config-dialog .error-message .close-action {
  top: 4px;
}

.test-configuration-search-grid .grid-cell input {
  margin-top: 2px !important;
}

.test-case-selection-grid .grid-cell input {
  margin-top: 2px !important;
}

.test-configuration-search-grid .grid-header-column > .sort-handle {
  top: 6px !important;
  right: 2px !important;
  left: auto;
}

.test-case-selection-grid .grid-header-column > .sort-handle {
  top: 6px !important;
  right: 2px !important;
  left: auto;
}

.icon-assign-config {
  width: 20px;
  display: inline-block;
  background-image: url("../../_content/icon-assign-config.png");
  background-repeat: no-repeat;
  position: relative;
  top: -2px;
}

.configuration-filter {
  text-transform: none;
}

.bowtie-brand-mtm {
  color: #68217a;
}

.bowtie-media-play-fill {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.bowtie-search-filter-fill {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.bowtie-folder-query {
  color: #dcb67a;
}

.bowtie-icon-small {
  font-size: 12px;
}

.bowtie-icon-large {
  font-size: 16px;
}

.bowtie-dot {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.bowtie-status-pause {
  color: rgba( 43, 136, 216 ,  1 );
  color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
}

.bowtie-folder-plan {
  color: #dcb67a;
}

.bowtie-math-minus-circle {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-icon-margin-correction {
  margin-bottom: 15px;
}

.partially-succeeded.bowtie-status-warning {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.bowtie-status-help {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.bowtie-status-waiting {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.bowtie-status-run-not-executed {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.bowtie-status-no-fill {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-play-fill {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.menu-item .bowtie-play-resume-fill {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.bowtie-no-fill-not-applicable {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.bowtie-chevron-right, .bowtie-chevron-left, .bowtie-arrow-up, .bowtie-arrow-down {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.bowtie-white-fill {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

span.test-step-repro-attachment {
  margin-left: 15px;
}

.test-step-repro-attachment img.test-step-attachment-image {
  height: 100px;
  width: 100px;
  padding-bottom: 14px;
}

.test-step-repro-attachment .test-step-attachment-image-name {
  display: inline;
  margin-top: 100px;
  position: absolute;
  margin-left: -100px;
  overflow: hidden;
}

.tcm-window-list .filtered-list-popup .filtered-list-control.window-selector-control .filtered-list > li.current-item {
  font-weight: normal;
}

.tcm-window-list .filtered-list-popup .filtered-list-control.window-selector-control {
  padding-bottom: 0px;
}

.tcm-window-list .filtered-list-popup .filtered-list-control {
  font-size: 12px;
}

.tcm-window-list .filtered-list-popup {
  min-width: 314px;
  max-width: 314px;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  font-size: 11px;
  box-shadow: 0 2.5px 5px rgba(0, 0, 0, 0.4);
}

.tcm-window-list .filtered-list-control .filtered-list > li.new-selection {
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  background-color: rgba( 222, 236, 249 ,  1 ) !important;
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 ) !important;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.tcm-window-list .filtered-list-popup .window-guidance {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  padding: 5px;
  border-top:  1px solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.tcm-window-list .filtered-list-popup .window-guidance-text {
  margin-left: 16px;
  vertical-align: middle;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /*IE10+*/
}

.window-guidance .bowtie-status-info {
  float: left;
  margin-bottom: 3px;
}

.window-command-selected {
  background-color: rgba( 0, 90, 158 ,  1 );
  background-color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
  outline: none;
  text-decoration: none;
  padding: 6px 6px 5px 6px;
}

.testRun-screenshot-window-list div:focus {
  outline: none !important;
}

.testRun-actionLog-window-list div:focus {
  outline: none !important;
}

.testRun-screenshot-window-list ul:focus {
  outline: none !important;
}

.testRun-actionLog-window-list ul:focus {
  outline: none !important;
}

.verify-bug-details-message-dialog {
  font-size: 18px;
  margin-bottom: 18px;
}

.verify-bug-details-message-dialog .dialog-subtitle {
  font-size: 18px;
  margin-bottom: 18px;
  white-space: normal;
  overflow: initial;
}

.verify-bug-details-message-dialog .dialog-details {
  font-size: 18px;
  margin-bottom: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.test-data-collector-message-dialog {
  font-size: 14px;
}

.test-data-collector-message-dialog .dialog-heading {
  margin-bottom: 18px;
}

.test-data-collector-message-dialog .dialog-content {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding: 10px;
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  font-size: 13px;
}

.test-data-collector-message-dialog .dialog-content .dialog-content-info .dialog-content-info-icon {
  float: left;
  margin-right: 5px;
  font-size: 15px;
}

.test-data-collector-message-dialog .dialog-content .dialog-content-info .dialog-content-info-text {
  margin-left: 20px;
}

.test-data-collector-message-dialog .dialog-content .dialog-content-more-info {
  margin-top: 5px;
}

.test-data-collector-message-dialog .dialog-content .dialog-content-more-info .dialog-content-more-info-1-icon {
  float: left;
  margin-left: 2px;
}

.test-data-collector-message-dialog .dialog-content .dialog-content-more-info .dialog-content-more-info-1-text {
  margin-bottom: 5px;
  margin-left: 20px;
}

.test-data-collector-message-dialog .dialog-content .dialog-content-more-info .dialog-content-more-info-2-icon {
  float: left;
  margin-left: 2px;
}

.test-data-collector-message-dialog .dialog-content .dialog-content-more-info .dialog-content-more-info-2-text {
  margin-left: 20px;
}

.relaunch-message-dialog {
  font-size: 14px;
}

.relaunch-message-dialog .info-icon {
  float: left;
  margin-right: 5px;
  font-size: 15px;
}

.relaunch-message-dialog .reopen-guidance {
  margin-left: 20px;
  margin-bottom: 15px;
}

.testRun-recording-toolbar-control {
  height: 40px;
  font-size: 14px;
  box-shadow: 0 0px 5px rgba( 51, 51, 51 ,  1 );
  box-shadow: 0 0px 5px rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  position: relative;
}

.testRun-recording-toolbar .recording-info {
  float: left;
  line-height: 40px;
  margin-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 150px);
}

.testRun-recording-toolbar .stop-recording-container {
  float: right;
  margin-right: 15px;
  background-color: #0078d4;
  padding: 5px;
  max-width: 110px;
  height: 30px;
  margin-top: 5px;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  padding-left: 14px;
  padding-right: 14px;
  cursor: default;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.stop-recording-container:hover {
  cursor: pointer;
  background-color: rgba( 0, 90, 158 ,  1 );
  background-color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.testRun-recording-toolbar .stop-recording-container.disabled {
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  cursor: default;
}

.dataCollector-inprogress {
  position: relative !important;
}

.dataCollector-inprogress .dataCollector-recording-icon {
  position: absolute;
  top: 8px;
  left: 25px;
  z-index: 1000;
  background: rgba( 218, 10, 0 ,  1 );
  background: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.relaunch-message-dialog .relaunch-guidance {
  margin-left: 20px;
}

.guidance-message-dialog .guidance-data {
  margin-left: 20px;
}

.guidance-message-dialog .info-icon {
  float: left;
}

.testrunner-about-dialog .version-data {
  padding-top: 20px;
}

.testrunner-about-dialog .anchor-tag {
  margin-top: 10px;
}

.DTR-anchor-link:focus {
  outline: 2px solid rgba( 0, 69, 120 ,  1 );
  outline: 2px solid rgba( var(--palette-primary-shade-30,0, 69, 120) ,  1 );
}

.runner-message-holder .runner-message-area-control.info-message {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
}

.runner-message-holder .runner-message-area-control {
  position: relative;
  padding: 5px;
  word-wrap: break-word;
}

.runner-message-area-control.closeable .message-header {
  margin-right: 16px;
}

.runner-message-area-control.closeable .message-header .message-header-icon {
  float: left;
}

.runner-message-area-control.closeable .message-header .message-header-text {
  margin-left: 22px;
}

.runner-message-area-control .close-action {
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 2px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  font-size: 10px;
}

.testplan-selector-menu .bowtie-chevron-down-light {
  float: right;
  position: absolute !important;
  right: 5px !important;
}

.testplan-selector-control .filtered-list {
  outline: 0px;
}

.testplan-selector-control .filtered-list > li > .filtered-list-favorite {
  position: relative !important;
}

.testmanagement-testplans-pane .filtered-list-popup {
  position: absolute !important;
  top: 30px !important;
  left: 26px !important;
  width: 84% !important;
  max-width: none !important;
  min-width: 0px !important;
  background-color: rgba( 255, 255, 255 ,  1 ) !important;
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ) !important;
}

.testplan-selector-menu .selected-item-text {
  width: 94% !important;
  vertical-align: top !important;
}

body.web-test-runner {
  overflow-x: auto;
}

/** Automatically converted from ExportHtml.css **/
.export-html .test-plan, .export-html .test-suite {
  padding-left: 0px;
  display: block;
  margin-top: 1em;
  font-weight: bolder;
  margin-left: 0px;
}

.export-html .test-suite-properties {
  font-weight: normal;
}

.export-html .test-suite-testcases {
  font-weight: normal;
  margin: 0px;
  margin-right: 5px;
}

.export-html .test-plan-child, .export-html .test-suite-child {
  padding-left: 20px;
  font-weight: normal;
  overflow: visible;
}

.export-html .test-plan-parent {
  font-weight: normal;
  margin-top: 5px;
}

.export-html .test-case-child {
  padding-left: 15px;
  font-weight: normal;
}

.export-html .test-suite-radiobutton {
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: normal;
  white-space: nowrap;
  display: inline-block;
}

.export-html .test-suite-and-child-radiobutton {
  margin-bottom: 10px;
  font-weight: normal;
  white-space: nowrap;
  display: inline-block;
}

.export-html label, export-html input {
  display: inline-block !important;
  margin-right: 20px;
  margin-left: 3px;
}

export-html input {
  display: inline-block;
  margin-left: 3px;
  vertical-align: bottom;
  margin-bottom: 0px;
}

.ui-dialog .export-as-html-email-dialogue.ui-dialog-content {
  overflow: auto;
}

.export-as-html-email-dialogue table {
  line-height: normal !important;
}

.export-as-html-email-dialogue .message-form {
  padding-bottom: 30px;
}

.export-as-html-email-dialogue .message-form tr {
  vertical-align: top;
}

.export-as-html-email-dialogue .message-form .body-container {
  overflow: hidden;
  padding-bottom: 20px;
}

.ui-dialog .export-as-html-email-dialogue .email-read-only-body {
  max-height: 320px !important;
}

/** Automatically converted from QuickStart.css **/
/* Test Hub quick start Styles */
.quickstart-test-hub-content-column {
  float: left;
  width: 33%;
  overflow: hidden;
  padding-left: 10px;
}

.quickstart-test-hub-image-container {
  height: 260px;
  overflow: hidden;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  margin-right: 10px;
  margin-top: 10px;
}

.quickstart-test-hub-image-container img {
  width: 100%;
}

.quickstart-test-hub-button-container {
  text-align: center;
  margin-top: 10px;
}

.quickstart-automated-test-button {
  margin-top: 26px;
}

.quickstart-test-hub-column-content {
  margin-bottom: 25px;
  margin-top: 20px;
}

.quickstart-manual-test-header-alignment {
  padding-left: 100px;
}

.quickstart-automated-test-header-alignment, .quickstart-load-test-header-alignment {
  padding-left: 70px;
}

/** Automatically converted from SharedParameterStyles.css **/
.datasets-view-right-pane-content {
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.shared-param-dataset-rename {
  position: absolute;
}

div.datasets-view-properties {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.datasets-view-properties .work-item-view {
  margin-left: 10px;
}

.datasets-values-view-right-pane .datasets-view-grid,
.datasets-values-view-right-pane .toolbar {
  margin-left: 10px;
}

.reference-testcases-pane-title {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 300;
  font-size: 18px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.referenced-testcases-view-explorer {
  top: 79px;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.referenced-testcases-list-container {
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  overflow: auto;
}

.referenced-testcases-list-container.tree-view > ul.tree-children li > a:hover {
  text-decoration: underline;
}

.test-hub-datasets-view .test-case-pane-filter.pivot-filter .title {
  max-width: 15em;
}

.datasets-properties-view-right-pane .state-transition-graph-spacer {
  min-width: 200px;
}

.datasets-properties-view-right-pane .workitem-tool-bar li[command=copy-work-item] {
  display: none;
}

.datasets-grid .grid-header {
  text-transform: none;
}

.datasets-grid .grid-header-column .title.editable-param-name {
  outline: none;
  outline-offset: 0px;
  margin: 0px;
  font-size: 12px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  width: 100%;
  padding-right: 2px;
  border: solid 1px;
}

.datasets-grid .grid-header-column .title {
  padding-right: 23px;
  top: 0px;
  bottom: 0px;
}

.datasets-grid .grid-header-column div.title .parameter-delete-icon {
  display: none;
}

.datasets-grid .grid-header-column div.title:hover .parameter-delete-icon {
  display: block;
}

.datasets-grid div.grid-header-column:focus .parameter-delete-icon {
  display: block;
}

.datasets-grid div.grid-header-column:focus {
  border:  2px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.datasets-grid .grid-header .grid-header-column > .title {
  top: 0px;
}

.datasets-grid .grid-header-column .title.editable-param-name.parameter-name-invalid {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.datasets-grid .parameter-delete-icon {
  position: absolute;
  top: 4px;
  right: 0px;
  cursor: pointer;
  margin-right: 8px;
  margin-left: 2px;
}

.datasets-grid .grid-header-column .title.parameter-name-invalid {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.datasets-grid .grid-header-column {
  text-transform: none;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.datasets-grid .grid-header-column:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

/** Automatically converted from AssignTestersToSuite.css **/
.ui-dialog .ui-dialog-content.assign-tester-to-suite-dialogue {
  overflow-y: auto;
}

.assign-tester-to-suite-dialogue .select-testers-summary {
  position: relative;
  margin-bottom: 10px;
}

.assign-tester-to-suite-dialogue .assign-tester-message-form-container {
  margin-top: 10px;
  height: 65%;
  padding: 0 10px;
  position: absolute;
}

.assign-tester-to-suite-dialogue .message-form,
.assign-tester-to-suite-dialogue .message-form > table,
.assign-tester-to-suite-dialogue .message-form-container,
.assign-tester-to-suite-dialogue .message-form .richeditor-container,
.assign-tester-to-suite-dialogue .richeditor-editarea {
  height: 100% !important;
}

.assign-tester-to-suite-dialogue .message-form {
  padding-bottom: 30px;
}

.assign-tester-to-suite-dialogue .message-form tr {
  vertical-align: top;
}

.assign-tester-to-suite-dialogue .message-form .body-container {
  height: 100%;
  overflow: hidden;
  padding-bottom: 20px;
}

.assign-tester-to-suite-dialogue .email-note-class textarea {
  width: 100%;
  height: 100px;
}

.assign-tester-to-suite-dialogue .email-count-error {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.assign-tester-to-suite-dialogue .email-characters-count {
  float: right;
}

.assign-tester-to-suite-dialogue .email-new-note-label {
  display: inline-block;
}

.assign-tester-to-suite-dialogue .email-note-class textarea {
  resize: none;
  overflow-y: auto;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.assign-tester-to-suite-dialogue .assign-tester-message-form-container .message-form .browse-identities-popup {
  position: fixed;
}

.assign-tester-to-suite-dialogue .message-form .email-to-row,
.assign-tester-to-suite-dialogue .message-form .email-remove-tester-info-row,
.assign-tester-to-suite-dialogue .message-form .send-email-row {
  vertical-align: top;
  padding-top: 2px;
}

.assign-tester-to-suite-dialogue .message-form .send-email-row {
  height: 20px;
}

.assign-tester-to-suite-dialogue .message-form .email-subject-row .label {
  width: 55px;
}

.assign-tester-to-suite-dialogue .notify-testers-checkbox {
  position: relative;
  margin-bottom: 5px;
}

.assign-tester-to-suite-dialogue .message-form .send-email-row .send-email {
  position: relative;
  margin-top: 10px;
}

.assign-tester-to-suite-dialogue .notify-testers-checkbox label {
  display: inline-block;
  padding-left: 15px;
  text-indent: -12px;
}

.assign-tester-to-suite-dialogue .notify-testers-checkbox input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
}

.assign-tester-to-suite-dialogue .messagearea-container {
  margin-bottom: 5px;
}

.assign-tester-to-suite-dialogue .assign-tester-message-form-container #members-list {
  max-height: 71px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 5px;
}

.assign-tester-to-suite-dialogue .select-tester-identity-picker .identity-picker-search-box {
  width: 646px;
}

.assign-tester-to-suite-dialogue .select-tester-identity-picker input {
  border: none;
}

.assign-tester-to-suite-dialogue .select-tester-identity-picker {
  width: 650px;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  overflow-y: auto;
  max-height: 100px;
}

/** Automatically converted from TestRunAnalysis.css **/
/**************************
    Override the list 
    style from core.css
**************************/
.testmanagement-rendered-markdown ul {
  padding-left: 32px;
}

.testmanagement-rendered-markdown ol {
  padding-left: 32px;
}

.testmanagement-rendered-markdown li {
  list-style: inherit;
}

/*************************
    Common View
**************************/
.explorer-right-hub-content {
  height: 100%;
}

.explorer-right-hub-content .viewContainer {
  height: 100%;
}

.explorer-right-hub-content .viewContainer .inline-error {
  margin-top: 0;
}

/*************************
    Common Query Controls
**************************/
.query-result-grid-info {
  font-family: Segoe UI Light, Tahoma, Arial, Verdana;
  font-size: 18px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  height: 36px;
  padding: 2px 2px 2px 2px;
  margin-left: 6px;
  overflow: hidden;
  margin-right: 22px;
  border: 1px transparent;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.query-result-grid-info table {
  width: 100%;
}

.query-result-grid-info .status-indicator {
  margin-left: 2px;
}

.query-result-grid-info .query-title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 500px;
  padding-right: 10px;
}

.query-result-grid-info .query-status {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 2px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-size: 16px;
  text-align: right;
  padding-right: 10px;
}

.query-result-grid-info tr.no-title .query-title {
  padding-right: 0px;
}

.query-result-grid-info tr.no-title .query-status {
  text-align: left;
  padding-top: 10px;
}

.query-results-view-toolbar {
  height: 38px;
  padding-top: 6px;
}

.query-results-view > .query-results-view-grid.grid {
  position: absolute;
  left: 16px;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  top: 38px;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.query-results-view > .query-results-view-grid.has-gutter {
  left: 0;
}

.query-results-view {
  height: 100%;
}

/*************************
    Test Run Summary view
**************************/
.test-run-summary-view {
  height: 95%;
}

.test-run-summary-status-duration {
  font-size: 12px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.test-run-summary-charts-view {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.test-run-summary-charts-view .chart-hosts-list {
  position: absolute;
  top: 0px;
  bottom: 1em;
  left: 0px;
  right: 0px;
  overflow: auto;
}

.test-run-summary-charts-view .chart-hosts-list:focus {
  border: 2px solid;
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.test-run-summary-charts-view > .chart-hosts-list > .chart-hosts-list-items > .chart-container > .header > .ellipsis-menubar {
  display: none;
}

.test-run-summary-text {
  margin-left: 20px;
  margin-right: 10px;
  overflow: hidden;
}

.test-run-summary-text .test-run-summary-text-view-container {
  position: absolute;
  top: 0px;
  bottom: 2em;
  left: 0;
  right: 0;
  margin-left: 20px;
  overflow: auto;
}

.test-run-summary-text-view-title {
  width: 100%;
  margin-top: 10px;
  font-size: 18px;
  font-family: 'Segoe UI Light';
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  border-bottom:  1px solid;
  border-bottom-color: rgba( 244, 244, 244 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.test-run-summary-text-view-state,
.test-run-summary-error {
  padding-top: 5px;
  margin-top: 1px;
  font-size: 12px;
  font-family: 'Segoe UI';
  margin-bottom: 10px;
}

.test-run-summary-comments {
  margin-top: 1px;
  font-size: 12px;
  font-family: 'Segoe UI';
  display: inline-table;
  white-space: pre;
}

.test-run-summary-no-content {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.testmanagement-runexplorer-view .query-editor-view {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.testmanagement-runexplorer-view .query-editor-toolbar {
  height: 38px;
}

.testmanagement-runexplorer-view .query-editor-view .query-editor-results-grid {
  height: 100%;
}

.testmanagement-runexplorer-view .query-editor-view .content {
  position: absolute;
  top: 38px;
  bottom: 0;
  height: auto;
}

.testmanagement-runexplorer-view .query-editor-view .query-editor-filter-view {
  overflow: auto;
}

/*************************
    Common View
**************************/
.explorer-right-hub-content {
  height: 100%;
}

/*************************
    Common Controls
**************************/
.goto-item-control {
  white-space: nowrap;
}

.goto-item-control .combo {
  display: inline-block;
  width: 100%;
  max-width: 200px;
  min-width: 60px;
}

.goto-item-control button {
  vertical-align: top;
  display: inline-block;
  padding: 0 6px;
  margin: 0 6px 0 4px;
  height: 21px;
}

/*************************
    Common View Styles
**************************/
/*.test-sidebar-content-separator
{
    width: auto;  
    background-color: $testManagementSidebarSeparatorBackgroundColor;
    height: 1px;
    margin-bottom: 6px;
    margin-top: 6px;
    margin-left: 16px;
}*/
.goto-run-action-container {
  margin-left: 16px;
  position: relative;
  top: 10px;
}

.goto-run-action-container .goto-run-action {
  font-size: 11px;
}

.goto-run-action-container .goto-run-action .combo {
  height: 1.7em;
}

.goto-run-action-container .goto-run-action button {
  font-size: 11px;
  min-width: auto;
}

/*************************
    RunExplorer View
**************************/
.testmanagement-runexplorer-treetoolbar {
  position: relative;
  top: 0;
}

.testmanagement-runexplorer-view .testmanagement-runexplorer-treesplitter {
  position: absolute;
  top: 34px;
  bottom: 0;
  left: 0;
  right: 0;
}

.testmanagement-runexplorer-view .query-filter {
  height: 100%;
  margin-right: 16px;
}

.testmanagement-runexplorer-view .pivot-view li.selected a {
  position: relative;
  top: -1px;
}

/*************************
    RunExplorer Controls
**************************/
.testmanagement-runsexplorertree .top-separator {
  padding-top: 10px;
  border-top:  1px solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  margin-right: 10px !important;
  padding-bottom: 10px;
}

.testmanagement-runsexplorertree .top-separator-none {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: none;
  margin-right: 10px !important;
}

.testmanagement-runsexplorertree {
  padding-left: 12px;
}

.test-grid-icon-cell {
  padding: 1px !important;
}

.test-section-header {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 18px;
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 244, 244, 244 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  font-weight: normal;
}

.test-section-header .header-action {
  display: inline-block;
  margin-left: 8px;
  vertical-align: top;
}

.summary-item label {
  width: 90px;
  display: inline-block;
}

.test-run-summary-text-view-container .summary-item label {
  width: 150px;
}

/* Test Result View */
.test-result-view-title {
  font-size: 16px;
  font-weight: bold;
  margin-top: 4px;
}

.test-result-title {
  margin-left: 4px;
  padding-left: 5px;
}

.test-result-view-title .test-result-title {
  vertical-align: middle;
}

.test-result-title-html .icon {
  vertical-align: inherit !important;
}

.test-result-view-status-container {
  white-space: nowrap;
  margin-top: 4px;
  margin-bottom: 8px;
}

.test-result-view-status {
  margin-left: 4px;
  display: inline-block;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-size: 14px;
}

.error-info-section {
  margin-bottom: 8px;
  white-space: nowrap;
  padding-top: 8px;
}

.stackTrace-info-section {
  margin-bottom: 8px;
  padding-top: 8px;
}

.error-info-section .error-message {
  white-space: pre-wrap;
  margin: 0;
  font-family: Menlo, Consolas, Courier New, monospace;
  padding: 5px 5px 5px 0px;
  display: inline-block;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.stackTrace-info-section .stack-trace {
  margin: 0;
  white-space: pre;
  font-family: Menlo, Consolas, Courier New, monospace;
  padding: 5px 5px 5px 0px;
  display: inline-block;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.test-result-summary-section {
  width: 50%;
  display: inline-block;
  padding-right: 20px;
  vertical-align: top;
}

.test-result-summary-markdown-comment {
  word-wrap: break-word;
}

.result-summary-view {
  height: 100%;
  overflow: hidden;
}

.result-summary-view .menu-bar .menu-item.right-section {
  position: absolute;
}

.result-summary-view .menu-bar .menu-item.right-section.next-text-result {
  right: 80px;
}

.result-summary-view .menu-bar .menu-item.right-section.prev-text-result {
  right: 40px;
}

.result-summary-view .menu-bar .menu-item.right-section.navigate-back {
  right: 0px;
}

.result-summary-view-container {
  position: absolute;
  overflow: auto;
  width: 100%;
  top: 38px;
  bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.summary-item {
  padding-bottom: 2px;
}

.result-summary-view-toolbar {
  height: 38px;
  padding-top: 6px;
}

.test-result-summary-section div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.test-result-summary-status-duration {
  padding: 5px;
  font-size: 12px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-top: 0;
}

.test-result-analysis-section {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.test-result-summary-comment {
  display: inherit;
  white-space: pre-line;
  word-break: break-all;
  padding-right: 20px;
}

.attachments-section {
  margin-bottom: 8px;
  white-space: nowrap;
  padding-top: 8px;
  min-width: 100%;
  display: inline-block;
  padding-right: 20px;
  vertical-align: top;
}

.bugs-section {
  margin-bottom: 8px;
  white-space: nowrap;
  padding-top: 8px;
  min-width: 100%;
  display: inline-block;
  padding-right: 20px;
  vertical-align: top;
}

.linked-requirements-section {
  margin-bottom: 20px;
  white-space: nowrap;
  padding-top: 8px;
  padding-right: 20px;
  display: inline-block;
  vertical-align: top;
  min-width: 100%;
}

.test-attachments-table {
  margin-right: 8px;
}

.test-attachments-table td.no-combo {
  white-space: nowrap;
  width: 1%;
  padding-left: 8px;
  padding-bottom: 2px;
}

.result-summary-icon, .iteration-expand-all-icon, .iteration-collapse-all-icon {
  display: inline-block;
  width: 22px;
  height: 20px;
  overflow: hidden;
  vertical-align: middle;
}

.explorer-hub-title {
  margin-left: 11px !important;
}

textarea#comment {
  width: 100%;
  height: 115px;
  resize: none;
}

textarea#test-run-comment-textarea {
  width: 100%;
  height: 145px;
  resize: none;
}

.update-run-comment-view #test-run-comment-label {
  padding-bottom: 8px;
}

.update-run-comment-view .mark-down-info {
  text-align: right;
}

analysis-owner {
  width: 100%;
  height: 4px;
}

.attachment-table, .test-result-recent-bugs-table, .test-result-recent-linked-requirements-table {
  max-width: 100%;
  word-break: break-all;
  line-height: 1;
}

.attachment-table th, .test-result-recent-bugs-table th, .test-result-recent-linked-requirements-table th {
  text-align: left;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-weight: normal;
}

.attachment-table tr, .test-result-recent-bugs-table tr, .test-result-recent-linked-requirements-table tr {
  vertical-align: top;
  font-weight: normal;
  white-space: normal;
}

.attachment-table table td, .test-result-recent-bugs-table td, .test-result-recent-linked-requirements-table td {
  border-spacing: 0px;
  display: table-cell;
  vertical-align: top;
}

.run-attachment-table {
  max-width: 100%;
  word-break: break-all;
  line-height: 1;
}

.run-attachment-table tr td, .attachment-table tr td, .test-result-recent-bugs-table tr td, .test-result-recent-linked-requirements-table tr td {
  padding-right: 5px;
}

.run-attachment-table th, .attachment-table th, .test-result-recent-bugs-table th, .test-result-recent-linked-requirements-table th {
  text-align: left;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-weight: normal;
  padding-right: 5px;
  padding-bottom: 8px;
}

.result-attachments-noitems, .result-bugs-noitems, .result-linked-requirements-noitems {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.test-results-delete-link {
  cursor: pointer;
}

/*************************
    Update analysis dialog
**************************/
.result-analysis-view .mark-down-info {
  text-align: right;
}

.result-analysis-view .identity-picker-container .identity-picker-search-box .identity-picker-resolved-close {
  display: none !important;
  /* this is a hack to hide the close icon in identity picker. !important is needed because the icon is displayed from javascript in runtime */
}

.result-analysis-view .identity-picker-container .identity-picker-search-box .identity-picker-search-drop-icon {
  visibility: visible;
}

/** Automatically converted from TestResultIterations.css **/
.test-result-iterations-view-container .test-step-details-summary-item {
  padding-bottom: 10px;
}

.test-result-iterations-view-container .test-step-details-summary-item label {
  width: 110px;
  display: inline-block;
}

.test-result-iterations-view-container .test-step-detail {
  padding-left: 44px;
}

.test-result-iterations-view-container .test-step-parameters-table, .test-result-iterations-view-container .test-step-details-table {
  max-width: 100%;
  word-wrap: break-word;
  line-height: 15px;
  display: inline-table;
}

.test-result-iterations-view-container .test-step-comment {
  line-height: 15px;
}

.test-result-iterations-view-container .test-step-comment-value {
  font-style: italic;
  word-wrap: break-word;
  word-break: break-word;
  width: 100%;
  display: inline-block;
}

.test-result-iterations-view-container .test-step-section, .test-result-iterations-view-container .shared-test-step-section {
  white-space: nowrap;
  width: 70%;
  display: inline-block;
  padding-right: 20px;
  vertical-align: top;
}

.test-result-iterations-view-container .test-step-details-table tr {
  vertical-align: top;
  font-weight: normal;
  white-space: normal;
  height: 20px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.test-result-iterations-view-container .test-step-attachment-section {
  margin-bottom: 8px;
  padding-top: 12px;
  width: 25%;
  display: inline-block;
  padding-right: 20px;
  vertical-align: top;
}

.test-result-iterations-view-container .test-step-details-table tr:last-child {
  border-bottom: 0px;
}

.test-result-iterations-view-container .attachment-table {
  max-width: 100%;
  word-wrap: break-word;
  line-height: 25px;
  margin-left: 17px;
  vertical-align: middle;
}

.test-result-iterations-view-container .test-step-details-table {
  border-collapse: separate;
  padding-left: 12px;
  padding-bottom: 20px;
  width: 100%;
}

.test-result-iterations-view-container .test-step-parameters-table tr {
  vertical-align: top;
  font-weight: normal;
  white-space: normal;
  height: 20px;
}

.test-result-iterations-view-container .test-step-parameters-table td {
  width: 110px;
}

.test-result-iterations-view-container .test-step-details-table .test-step-details-key {
  width: 110px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.test-result-iterations-view-container .iteration-details-section-header {
  font-size: 14px;
  border-bottom: none;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.test-result-iterations-view-container .iteration-title-border {
  border-width: thin;
  padding-top: 5px;
  padding-bottom: 4px;
  border-bottom: 0px;
}

.test-result-iterations-view-container .iteration-title-left-section {
  min-width: 200px;
}

.test-result-iterations-view-container .iteration-details-title-style {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 600;
  display: inline;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.test-result-iterations-view-container .screenshot-title {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  display: inline;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.test-result-iterations-view-container .iteration-details-title-icon-style {
  vertical-align: top;
  padding-top: 13px;
}

.test-result-iterations-view-container .expandable-section {
  padding-left: 0px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-top: 5px;
}

.test-result-iterations-view-container .iteration-chevron {
  cursor: pointer;
  text-indent: 0;
  padding-bottom: 20px;
  text-decoration: none;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.test-result-iterations-view-container .iterations-attachment-section {
  display: inline;
}

.test-result-iterations-view-container .iterations-shared-steps-section {
  padding-left: 26px;
}

.test-result-iterations-view-container .attachment-header-name {
  width: 40%;
}

.test-result-iterations-view-container .attachment-header-size {
  width: 10%;
}

.test-result-iterations-view-container .test-step-inline-title {
  display: inline-block;
}

.test-result-iterations-view-container .test-step-expected-result {
  vertical-align: top;
  padding-top: 11px;
}

.test-result-iterations-view-container .result-step-thumbnail {
  width: 80px;
  height: 80px;
  border: 1px solid rgba(0, 0, 0, .55);
  border: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.test-result-iterations-view-container .snapshot-attachment {
  display: inline-flex;
  display: -ms-inline-flexbox;
  padding-right: 10px;
}

.test-result-iterations-view-container .test-step-result-attachment-header {
  padding-bottom: 10px;
}

.test-result-iterations-view-container .test-step-result-attachment-row {
  padding-bottom: 10px;
}

.test-result-iterations-view-container .test-step-result-attachment-name {
  display: inline-block;
  word-wrap: break-word;
}

.test-result-iterations-view-container .test-step-result-attachment-size {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-left: 5px;
}

.test-result-iterations-view-container .test-step-result-snapshot-container {
  padding-bottom: 10px;
}

.test-result-iterations-view-container .test-step-index {
  vertical-align: top;
  padding-top: 13px;
  width: 32px;
}

.test-result-iterations-view-container .test-step-title {
  vertical-align: top;
}

.test-result-iterations-view-container .shared-step-substeps:not(:last-child) {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.test-result-iterations-view-container .test-step-container:nth-child(odd) {
  background: rgba( 244, 244, 244 ,  1 );
  background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  padding-left: 16px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  margin-right: 0px;
}

.test-result-iterations-view-container .test-step-container:nth-child(even) {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding-left: 16px;
}

.test-result-iterations-view-container .accordion-section {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  margin-bottom: 5px;
  margin-right: 20px;
}

.test-result-iterations-view-container .iteration-details-section-header {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 18px;
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 244, 244, 244 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  margin-left: 17px;
}

.test-result-iterations-view-container .test-step-title {
  white-space: pre-wrap;
}

.test-result-iterations-view-container .test-step-expected-result-value,
.test-result-iterations-view-container .test-step-comment-value,
.test-result-iterations-view-container .test-step-title {
  word-wrap: break-word;
}

.test-result-iterations-view-container .p-tag-padding {
  -webkit-margin-after: 0px;
  margin-bottom: 0px;
  white-space: pre-wrap;
}

.test-result-iterations-view-container .test-step-comment-title {
  vertical-align: top;
  padding-top: 11px;
}

.test-result-iterations-view-container .iteration-comment {
  display: inline-block;
  white-space: pre-wrap;
  margin-left: 17px;
  word-wrap: break-word;
  width: 98%;
}

.test-result-iterations-view-container .iteration-duration-format {
  padding: 5px;
  font-size: 12px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-top: 0;
}

.test-result-iterations-view-container .iterations-attachment-section {
  margin-bottom: 8px;
  white-space: nowrap;
  padding-top: 8px;
  width: 50%;
  display: inline;
  padding-right: 20px;
  vertical-align: top;
}

.test-result-iterations-view-container .result-teststeps-noitems {
  margin-left: 17px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

/** Automatically converted from Admin.css **/
.retention-header {
  margin-left: 20px;
}

.retention-settings-container {
  margin-left: 20px;
  margin-right: 20px;
  border-top:  1px solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.retention-settings-container .retention-settings {
  margin-left: 10px;
}

.retention-settings-table {
  margin-top: 10px;
  margin-bottom: 10px;
  min-width: 700px;
}

.retention-settings-table td.info-cell {
  width: 85%;
  vertical-align: top;
}

.retention-settings-table td.combo-data {
  vertical-align: top;
}

.retention-settings-table .info-details {
  padding-bottom: 30px;
  padding-left: 10px;
  padding-top: 10px;
  font-weight: lighter;
}

.retention-settings button {
  margin-top: 20px;
  margin-right: 30px;
}

.retention-settings ul {
  margin-top: 0px;
  padding-left: 15px;
}

.retention-settings-container .message-area-control {
  margin-top: 10px;
}

/** Automatically converted from TestResultsExtension.css **/
/*************************************************************
		Test Results Extension
**************************************************************/
.test-results-extension-view {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
}

.test-results-extension-view .fixed-section {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

/*************************************************************
		Main Sections
**************************************************************/
.build-status-text {
  font-weight: bold;
  margin-left: 15px;
  margin-top: 10px;
  font-size: 12px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.test-results-extension-view .head-section {
  overflow: hidden;
  height: 120px;
  /* TODO: Place it in .tt file and reuse */
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.test-results-extension-view .body-section {
  top: 124px;
  min-height: 200px;
}

/*************************************************************
		Body Sections - Left side containing test result list
**************************************************************/
.test-results-extension-view .controls-section {
  height: 38px;
  overflow: hidden;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.test-results-extension-view .controls-section.no-border-bottom {
  border-bottom: none;
}

.test-results-extension-view .results-section {
  position: absolute;
  top: 38px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: auto;
}

.testresult-outcome-shade {
  height: 17px;
  width: 20px;
  float: left;
}

.test-results-grid .grid-cell.testresult-testCell-level1 {
  text-indent: 0px !important;
  padding-left: 16px;
}

.test-results-grid .grid-cell.testresult-testCell-level2 {
  text-indent: 0px !important;
  padding-left: 32px;
}

.test-results-grid .grid-cell.testresult-testCell-level3 {
  text-indent: 0px !important;
  padding-left: 48px;
}

.test-results-extension-view .results-section .test-results-grid .grid-header-column:focus {
  border: 2px solid;
}

.test-results-extension-view .results-section .test-results-grid .grid-header-column:focus > .title {
  padding: 0px;
  padding-left: 2px;
}

.test-results-extension-view .results-section .test-results-grid .grid-header-column > .title {
  padding-left: 2px;
}

/*************************************************************
		Column Options Dialog 
**************************************************************/
.test-results-column-options-host {
  position: relative;
}

.test-results-column-options {
  position: relative;
  height: 100%;
}

.test-results-column-options .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.test-results-column-options .content > .available {
  position: absolute;
  left: 0;
  right: 50%;
  top: 0;
  bottom: 0;
  padding-left: 24px;
}

.test-results-column-options .content > .selected {
  position: absolute;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  padding-left: 24px;
}

.test-results-column-options .content .list-container {
  position: absolute;
  left: 0;
  top: 23px;
  right: 4em;
  bottom: 0;
  padding-left: 24px;
}

.test-results-column-options .content .buttons {
  position: absolute;
  right: 0;
  width: 4em;
  top: 23px;
  bottom: 0;
  text-align: center;
}

.test-results-column-options select {
  width: 100%;
  height: 100%;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.test-results-column-options button {
  padding: 1px;
  width: 24px;
  height: 24px;
  margin-bottom: 2px;
}

/*****************************************************************
		Body Sections - right side containing test result details
******************************************************************/
.test-results-extension-view .test-result-details-header-section {
  height: 75px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  min-width: 300px;
}

.test-results-extension-view .test-result-details {
  top: 75px;
}

.test-results-extension-view .result-summary-view-container {
  overflow-x: scroll;
  position: absolute;
  top: 0;
}

/*****************************************************************
	Common styles
******************************************************************/
.test-results-extension-view .left {
  float: left;
}

.test-results-extension-view .right {
  float: right;
}

.test-results-extension-view .message-area-part, .test-results-extension-view .no-test-message-area {
  margin: 10px 20px 20px 20px;
}

.test-results-extension-view .no-test-message-area {
  top: 40px;
}

.test-results-extension-view .test-results-details-part {
  overflow-y: auto;
}

/********************************************************************************
		Head section (contains: summary charts, trend charts, full screen button)
*********************************************************************************/
.test-results-summary-charts-section .chart,
.test-results-trend-charts-section .chart {
  float: left;
  margin: 5px 5px 0px 5px;
  height: 100px;
}

.test-results-summary-charts-section .chart .chart-heading,
.test-results-trend-charts-section .chart .chart-heading {
  text-align: left;
  padding-left: 10px;
}

.test-results-summary-charts-section .chart .value-surface {
  text-align: left;
  float: left;
  padding: 10px;
}

.test-results-trend-charts-section {
  margin-top: 20px;
}

.test-results-summary-charts-section .chart .main-value {
  font-size: 15px;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 600;
}

.test-results-summary-charts-section .chart .increment-value {
  font-size: 12px;
}

.test-results-summary-charts-section .chart .chart-surface {
  float: left;
}

.test-results-summary-charts-section .chart .main-value.fail-indicator,
.test-results-summary-charts-section .chart .increment-value.fail-indicator {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.test-results-summary-charts-section .chart .main-value.pass-indicator,
.test-results-summary-charts-section .chart .increment-value.pass-indicator {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.test-results-summary-charts-section .separator,
.test-results-trend-charts-section .separator {
  float: left;
  width: 2px;
  height: 60px;
  margin-top: 30px;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.test-results-extension-view .full-screen-toggle.menu-bar {
  position: relative;
}

.test-results-summary-charts-section .chart .legend-surface {
  float: left;
  margin-top: 8px;
  margin-left: 10px;
}

.test-results-summary-charts-section .chart .legend-color {
  width: 8px;
  height: 8px;
  margin-top: 5px;
  display: inline-block;
}

.test-results-summary-charts-section .chart .legend-text {
  margin-left: 5px;
  font-size: 12px;
}

.test-results-summary-charts-section .chart .legend-value {
  margin-left: 3px;
  font-size: 10px;
}

/********************************************************************************
		middle section (contains: tool bars, group by, filter, related requirements)
*********************************************************************************/
.test-results-extension-view .toolbar {
  border-bottom: none;
  border-top: none;
  margin: 0;
}

.test-results-extension-view .filter {
  border-bottom: none;
  border-top: none;
  margin: 0;
  padding-top: 10px;
}

.test-results-relatedartifacts-addartifactbox-container .bowtie-triangle-down {
  position: absolute;
  padding-top: 8px;
  right: 10px;
  cursor: pointer;
}

.test-results-relatedartifacts-addartifactbox {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 1px;
  width: 100%;
  height: 20px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.test-results-requirement-linked-to-test-method {
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  font-size: 14px;
}

.test-results-selected-requirement {
  list-style-type: none;
}

.test-results-relatedartifacts-addartifactbox .mention-autocomp-title {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.test-results-selected-requirement a {
  text-decoration: none;
  cursor: default;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.test-results-delete-requirement-warning-icon {
  font-size: 32px;
  line-height: normal;
}

/*************************************************************
		bottom section (contains: details section)
**************************************************************/
.test-results-extension-view .test-result-header {
  padding: 10px 10px 5px 20px;
}

.test-results-extension-view .test-result-histogram {
  padding: 10px 10px 5px 10px;
  cursor: pointer;
}

.test-results-extension-view .test-result-details-test-title {
  font-size: 18px;
  padding-bottom: 2px;
  display: block;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: normal;
}

.test-results-extension-view .test-result-details-test-title a {
  outline-offset: -4px;
  padding: 0px 5px 2px 5px;
}

.test-results-extension-view .test-result-history-link a {
  outline-offset: -1px;
  padding-right: 2px;
  padding-left: 2px;
}

.test-results-extension-view .test-result-failed-on {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.test-results-extension-view .trend-histogram {
  margin: 15px 10px 0px 10px;
  cursor: pointer;
}

.test-results-extension-view .test-result-failing-since {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.no-results-div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.no-results-div .no-results-image {
  width: 160px;
  height: 160px;
  margin-top: 32px;
}

.no-results-div .no-results-message {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  margin-top: 17px;
  font-size: 28px;
  font-weight: 300;
}

.no-results-div .no-results-suggestion {
  margin-top: 16px;
}

/*************************************************************
		Test Results Section in Build Summary tab
**************************************************************/
.aborted-runs-icon {
  padding-right: 20px;
  margin-bottom: 6px;
}

.test-results-summary-extension-view .test-results-summary-charts-section:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.test-results-summary-extension-view .test-tab-link {
  margin: 4px 0px 6px 15px;
}

.test-results-summary-extension-view .tia-link {
  margin: 4px 0px 6px 15px;
}

.test-results-summary-extension-view .test-run-link-table {
  position: relative;
}

.test-results-summary-extension-view .test-run-link-table td {
  padding: 2px;
  margin: 0;
}

.test-results-summary-extension-view .test-run-link-table th {
  text-align: left;
}

.test-results-summary-extension-view .test-run-link-table thead td {
  padding-left: 3px;
}

.test-results-summary-charts-section .legend-container {
  padding-right: 10px;
}

.test-results-extension-view .pivot-value-style {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 600;
}

.test-results-extension-view .outcome-icon-indent {
  padding-left: 20px;
  text-indent: 0px !important;
}

/*************************************************************
		Detailed Charts in Build Summary tab
**************************************************************/
.test-results-detailed-chart-ellipsis-menubar {
  float: right;
}

/*************************************************************
		Test Results Extension In Build
**************************************************************/
.test-results-extension-view .test-results-in-build-test-tab {
  min-width: 875px;
}

.test-results-extension-view .test-results-in-build-test-tab .head-section {
  border-top:  1px solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

/*************************************************************
		Test Results Extension In Release
**************************************************************/
.test-results-extension-view .test-results-in-release-environment-selector {
  float: right;
}

.test-results-extension-view .test-results-in-release-body {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 0;
  padding-right: 10px;
}

.test-results-extension-view .test-results-in-release-body .pass-percent-chart .value-surface,
.test-results-extension-view .test-results-in-release-body .aborted-runs-chart .value-surface,
.test-results-extension-view .test-results-in-release-body .run-duration-chart .value-surface,
.test-results-extension-view .test-results-in-release-body .not-reported-chart .value-surface {
  margin-left: 20px;
  margin-top: 10px;
}

/***************************************************************
    Test Results Preview Attachment
****************************************************************/
.test-result-console-log {
  margin-left: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ui-dialog-content.ui-widget-content.testresults-attachment-preview-dialog {
  position: relative;
  margin: 0px;
}

.testresults-attachment-preview-dialog .controls-section {
  height: 26px;
  overflow: hidden;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  position: absolute;
}

.testresults-attachment-preview-dialog .preview-section {
  position: absolute;
  top: 26px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: auto;
}

.testresults-attachment-preview-dialog .right {
  float: right;
}

.testresults-attachment-preview-dialog .preview-section .content .data {
  white-space: pre;
  font-family: Menlo, Consolas, Courier New, monospace;
  padding: 5px 5px 5px 5px;
}

.bowtie-transfer-download {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
  cursor: pointer;
}

/** Automatically converted from TestResultHistory.css **/
/*************************
  Result History CSS
**************************/
.result-history-view .test-result-history-section {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  bottom: 0;
  overflow: auto;
}

.test-result-history-link {
  margin-left: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.result-history-view .result-history-group-cell {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.result-history-view .result-history-group-cell-title {
  font-size: 15px;
  font-weight: 600;
}

.result-history-view .result-history-group-cell-status-container {
  margin-left: 10px;
}

.result-history-view .result-history-group-cell-status-text {
  color: rgba( 218, 218, 218 ,  1 );
  color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.result-history-view .result-history-group-cell-latest-result-subtle-text, .result-history-view .result-history-group-cell-failing-since-subtle-text {
  padding-left: 4px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.result-history-view .latest-result-container, .result-history-view .failing-since-container,
.result-history-group-cell-head .result-branch-container, .result-history-group-cell-head .result-history-status-container {
  width: auto;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.result-history-view .result-history-group-cell-subtle {
  padding-top: 10px;
}

.result-history-view .result-history-table {
  width: 100%;
  table-layout: fixed;
  font-size: 13px;
  margin-top: 10px;
}

.result-history-view .result-history-table thead td:first-child {
  padding: 0 0 7px 20px;
}

.result-history-view .result-history-table .result-history-col-primary {
  padding: 10px 20px 7px 20px;
  max-width: 473px;
}

.result-history-view .result-history-table thead td {
  padding: 0 0 7px 0;
}

.result-history-view .result-history-table thead td {
  text-align: left;
  font-size: 13px;
  border-top: none;
  border-bottom: none;
}

.result-history-view .result-history-table thead td:last-child {
  padding: 0 20px 7px 0;
}

.result-history-view .result-history-table thead .result-history-col-history {
  text-align: right;
}

.result-history-view .result-history-table .result-history-col-history {
  width: 422px;
}

.result-history-view .result-history-row {
  border-bottom:  1px;
  border-bottom-color: rgba( 244, 244, 244 ,  1 ) solid;
  border-bottom-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ) solid;
}

.result-history-view .result-history-row:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.result-history-view .result-history-table tbody td {
  vertical-align: middle;
}

.result-history-view .history-histogram-container {
  padding-right: 20px;
  padding-top: 16px;
}

.result-history-view .controls-section {
  overflow: hidden;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-top:  1px solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.result-history-view .left {
  float: left;
}

.result-history-view .right {
  float: right;
}

.result-history-view .result-history-toolbar, .result-history-view .result-history-toolbar-left {
  border: none;
}

.result-history-view .fixed-section {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.result-history-view .groupby-section {
  padding-top: 8px;
}

.result-history-view .filters-section {
  padding-top: 5px;
  padding-bottom: 5px;
}

.result-history-view .control-separator {
  width: 1px;
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  height: 2em;
  border-left: 1px solid transparent;
  margin-top: 8px;
}

/*************************
    Recent Exploratory Session
**************************/
.explorer-hub-title .exploratory-session-hub-title {
  padding: 2px 2px 2px 2px;
  margin-left: 6px;
}

/** Automatically converted from TestConfigurationStyles.css **/
.configurations-view-right-pane, .variable-view-right-pane {
  position: absolute;
  left: 0;
  top: 40px;
  right: 0;
  bottom: 0;
  overflow: auto;
}

.configuration-tab-title, .variable-tab-title {
  margin-left: 11px !important;
}

.configuration-details, .variable-details {
  padding-top: 25px;
  max-width: 800px;
}

.configuration-details-table {
  width: auto;
  height: 170px;
}

.variable-details-table {
  width: auto;
  height: 113px;
}

.variable-view-right-pane .test-variable-values {
  padding-top: 30px;
  padding-left: 16px;
  max-width: 825px;
}

.test-variable-values-table {
  margin-top: 20px;
}

.test-variable-values-table .test-variable-value-row {
  height: 40px;
  vertical-align: top;
}

.test-variable-value-row .test-variable-value-cell {
  width: 825px;
}

.test-hub-configurations-view .configuration-variables-pane-filter.pivot-filter .title {
  max-width: 15em;
}

.test-configuration-title-input, .test-variable-title-input {
  border: 1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-width: thin;
  outline: none;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  height: 30px;
  width: 100%;
  padding-left: 5px;
}

.configuration-description-label-td, .variable-description-label-td {
  vertical-align: top;
  padding-top: 8px;
}

.configuration-description-value-cell, .variable-description-value-cell {
  vertical-align: top;
  padding-top: 5px;
}

.configuration-title-label-cell, .configuration-description-label-cell, .configuration-state-label-cell,
.variable-title-label-cell, .variable-description-label-cell {
  min-width: 80px;
  padding-left: 15px;
  padding-right: 30px;
}

.configuration-title-label-cell, .configuration-state-label-cell, .variable-title-label-cell {
  white-space: nowrap;
}

.configuration-description-input, .variable-description-input {
  width: 100%;
  height: 4.5em;
  border: 1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-width: thin;
  resize: none;
  padding-left: 5px;
  outline: none;
}

.default-config-checkbox {
  margin-left: 10px;
}

.configuration-state-combo {
  padding-left: 3px;
}

.configuration-state-combo-class {
  height: 30px;
}

.configuration-variables-grid {
  padding-top: 30px;
  padding-left: 15px;
}

.configuration-variables-grid-layout {
  position: relative;
  min-height: 60px;
  margin-bottom: 15px;
}

.add-configuration-variable {
  margin-left: 15px;
}

.add-variable-value {
  margin-top: 10px;
}

.add-new-value-container {
  padding: 0 4px;
  cursor: pointer;
  display: inline-block;
}

.add-new-value-container:hover {
  background: rgba( 222, 236, 249 ,  1 );
  background: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.add-new-value-container.disabled {
  color: rgba( 200, 200, 200 ,  1 );
  color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  cursor: default;
}

.add-new-value-container.disabled:hover {
  background: none;
}

.add-new-value-container.disabled .add-new-value-link {
  text-decoration: line-through !important;
}

.add-new-value-container.disabled .add-icon {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.add-new-value-container .add-new-value-link {
  line-height: 22px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

.add-new-value-container .add-icon {
  margin: 0 9px 0 1px;
  vertical-align: middle;
}

.add-new-value-empty-div {
  height: 15px;
}

.test-variable-value-row-delete-button-cell {
  vertical-align: middle;
  width: 24px;
}

.configuration-variables-grid-layout .grid-header-canvas {
  width: 100%;
}

.configuration-variables-grid-layout .grid-canvas {
  top: 2.2em;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 315px;
}

.configuration-variables-grid-layout-grid-row {
  border: none;
}

.configuration-variables-grid-layout-grid-row .combo:focus,
.configuration-variables-grid-layout-grid-row .combo.focus {
  border-width: 2px;
}

.configuration-variables-grid-layout .grid-canvas .grid-row-current {
  border:  1px dashed;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.configuration-variables-grid-layout .grid-canvas .grid-row-selected {
  border:  1px dashed;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.configuration-variables-grid-layout .grid-canvas .grid-row .grid-cell {
  padding-top: 5px;
}

.configuration-variables-grid-value-combo {
  height: 2.0em;
  width: 100%;
  float: left;
  border-right: 1px;
  border-right-color: rgba( 200, 200, 200 ,  1 );
  border-right-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-right-style: solid;
  border-right-width: thin;
}

.configuration-variable-grid-remove {
  float: left;
  width: 20px;
  padding-left: 2px;
  padding-top: 1px;
  height: 24px;
  border: hidden;
}

.variable-value-remove {
  float: left;
  width: 20px;
  padding-left: 2px;
  margin-top: 3px;
  height: 25px;
  border: hidden;
  padding-right: 20px;
}

.configuration-variables-label {
  padding-bottom: 6px;
}

/*
* Left Hub
*/
.test-hub-configurations-view .leftPane {
  overflow: auto;
  height: 100%;
}

/* Left hub content should scroll and have some padding at the top
   to account for the splitter collapse icon */
.test-hub-configurations-view .left-hub-content {
  top: 16px;
}

.test-hub-configurations-view .left-hub-content:hover {
  overflow: auto;
}

.testmanagement-view-left-pane {
  padding-left: 10px;
}

.configuration-tree li.configuration-node {
  clear: both;
}

.configuration-tree li.configuration-node > ul.tree-children {
  margin-left: 16px;
}

.configuration-tree .node-content {
  min-height: 24px;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  text-overflow: ellipsis;
  border: 1px solid transparent;
}

.configuration-tree .node-content .node-icon {
  margin-right: 4px;
}

.configuration-tree .node-content label.dirty {
  font-style: italic;
}

.configuration-tree .node-content .icon {
  float: left;
}

.configuration-tree .node-section label {
  font-weight: bold;
  padding-left: 10px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.configuration-tree .link {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}

ul.tree-children {
  padding-left: 10px;
  list-style-type: none;
}

.configuration-node.selected > div.node-content,
.configuration-node.hover > div.node-content {
  background-color: rgba( 199, 224, 244 ,  1 );
  background-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.configuration-groups .tree-icon + label {
  margin: 5px;
  display: inline-block;
  font-weight: bold;
  font-size: 1.17em;
}

.configuration-groups .tree-icon {
  width: 11px;
  height: 20px;
  float: left;
  margin-top: 7px;
}

.configuration-tree .node-link label {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
  white-space: pre;
}

.invisibleIcon {
  visibility: hidden;
}

.node-remove {
  position: absolute;
  top: 1px;
  right: 6px;
  height: 16px;
  width: 16px;
  display: none;
}

.node-content:hover > .node-link .node-remove {
  display: inline-block;
  background: url("../../_content/tfs-icons.png") no-repeat -1296px 50% !important;
}

.icon.folder {
  overflow: hidden;
}

.icon.folder:before {
  position: relative;
  content: url("../../_content/tfs-icons.png");
  left: -2352px;
  top: -16px;
}

.icon.file {
  overflow: hidden;
}

.icon.file:before {
  position: relative;
  content: url("../../_content/tfs-icons.png");
  left: -1360px;
  top: -16px;
}

.configuration-tree > ul.tree-children li.expanded > div.node-content > .tree-icon {
  overflow: hidden;
}

.configuration-tree > ul.tree-children li.expanded > div.node-content > .tree-icon:before {
  position: relative;
  content: url("../../_content/tfs-icons.png");
  left: -7728px;
  top: -16px;
}

.configuration-tree > ul.tree-children li.collapsed > div.node-content > .tree-icon {
  overflow: hidden;
}

.configuration-tree > ul.tree-children li.collapsed > div.node-content > .tree-icon:before {
  position: relative;
  content: url("../../_content/tfs-icons.png");
  left: -7600px;
  top: -16px;
}

.configuration-group-expanded .tree-icon {
  overflow: hidden;
}

.configuration-group-expanded .tree-icon:before {
  position: relative;
  content: url("../../_content/tfs-icons.png");
  left: -7728px;
  top: -16px;
}

.configuration-group-collapsed .tree-icon {
  overflow: hidden;
}

.configuration-group-collapsed .tree-icon:before {
  position: relative;
  content: url("../../_content/tfs-icons.png");
  left: -7600px;
  top: -16px;
}

.configuration-tree > ul.tree-children li > div.node-content > .configuration-definition-node {
  overflow: hidden;
}

.configuration-tree > ul.tree-children li > div.node-content > .configuration-definition-node:before {
  position: relative;
  content: url("../../_content/tfs-icons.png");
  left: -7760px;
  top: -16px;
}

/** Automatically converted from CodeCoverageExtension.css **/
/*************************************************************
		Code Coverage Extension Style
**************************************************************/
.code-coverage-extension-view .message-area-part {
  margin: 4px 0px 6px 15px;
}

.code-coverage-extension-view .code-coverage-summary-frame {
  height: 100%;
  width: 100%;
  position: absolute;
  border: 0px;
}

.code-coverage-extension-view .code-coverage-summary-part {
  overflow: auto;
}

.code-coverage-summary-chart {
  min-width: 900px;
}

.code-coverage-extension-view .code-coverage-summary-charts-section {
  min-width: 0;
}

.code-coverage-extension-view .code-coverage-summary-charts-section:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.summary-charts-section .config-summary-chart-section {
  clear: both;
}

.config-summary-chart-section .config-stat-chart-section {
  float: left;
  margin: 10px 20px 0px 15px;
  height: 100px;
}

.config-summary-chart-section .config-summary-build-platform {
  float: left;
  margin: 10px 20px 0px 15px;
  height: 100px;
  padding-top: 14px;
  padding-bottom: 30px;
  padding-right: 2px;
  text-align: left;
  font-weight: bold;
}

.config-summary-chart-section .config-stat-chart-section .chart-heading {
  text-align: left;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-left: 0px;
}

.config-summary-chart-section .config-stat-chart-section .chart-content {
  width: 100px;
  float: left;
}

.config-summary-chart-section .config-stat-chart-section .chart-content .value-surface {
  float: left;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 2px;
  padding-right: 2px;
  width: 100px;
}

.config-summary-chart-section .config-stat-chart-section .chart-content .value-surface .main-value {
  font-size: 14px;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 600;
  display: inline-block;
  width: 60%;
  float: left;
  text-align: left;
  font-weight: bold;
}

.config-summary-chart-section .config-stat-chart-section .chart-content .value-surface .increment-value-improved {
  font-size: 11px;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 600;
  display: inline-block;
  width: 31%;
  text-align: right;
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.config-summary-chart-section .config-stat-chart-section .chart-content .value-surface .increment-value-worsened {
  font-size: 11px;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 600;
  display: inline-block;
  width: 31%;
  text-align: right;
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.build-config-summary-stamp span {
  display: block;
}

.bowtie-icon.bowtie-arrow-up-right.success {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
  display: inline-block;
  float: right;
  width: 9%;
  font-size: 8px;
  font-weight: 800;
  padding-left: 1px;
}

.bowtie-icon.bowtie-arrow-down-right.error {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  display: inline-block;
  float: right;
  width: 9%;
  font-size: 8px;
  font-weight: 800;
  padding-left: 1px;
  margin-left: 0px;
  margin-right: 0px;
}

.config-summary-chart-section .config-stat-chart-section .chart-content .stat-surface {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 2px;
  padding-right: 2px;
  width: 100px;
}

.config-summary-chart-section .config-stat-chart-section .chart-content .stat-surface .coverage-stat {
  font-size: 12px;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 600;
  float: left;
  text-align: left;
  width: 100%;
}

.config-stat-link-section {
  float: left;
  min-height: 20px;
  clear: both;
  margin-left: 15px;
}

.config-stat-link-section-span {
  font-size: 12px;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 600;
  float: left;
  text-align: left;
  min-height: 20px;
}

.config-stat-link-not-available-text {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.config-summary-chart-section .separator {
  float: left;
  width: 2px;
  height: 60px;
  margin-top: 35px;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.covered-bar {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  float: left;
  min-height: 13px;
  border-style: solid;
  border-color: rgba( 43, 136, 216 ,  1 );
  border-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
}

.not-covered-bar {
  background-color: rgba( 199, 224, 244 ,  1 );
  background-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  float: left;
  min-height: 13px;
  border-style: solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.config-summary-chart-section .config-stat-chart-section .chart-content .bar-chart-container {
  position: relative;
  width: 100%;
  height: 0px;
  padding-top: 3px;
}

.code-coverage-module-details {
  height: 100%;
  min-width: 1000px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
  z-index: 0;
  min-height: 450px;
  background: white;
}

.code-coverage-module-details .coverage-details-list-container {
  padding: 0px 24px;
}

.code-coverage-module-details .coverage-details-list-container .code-coverage-details-list {
  overflow-x: hidden;
}

.code-coverage-module-details .coverage-details-list-container .coverage-module-link {
  height: initial;
}

.code-coverage-module-details .bar-chart-container {
  margin-top: 1px;
}

.code-coverage-module-details .bar-chart-container .covered-bar {
  background: rgba( 186, 216, 10 ,  1 );
  background: rgba( var(--palette-accent2,186, 216, 10) ,  1 );
  border-width: 0;
  min-height: 16px;
}

.code-coverage-module-details .bar-chart-container .not-covered-bar {
  background: rgba( 218, 10, 0 ,  1 );
  background: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  border-width: 0;
  min-height: 16px;
}

.code-coverage-module-details .build-config-selector {
  padding: 9px 9px 9px 29px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.code-coverage-module-details .build-config-picklist > div {
  border: none;
  background: none;
  width: 400px;
}

.code-coverage-module-details .code-coverage-summary-container {
  height: 130px;
  display: flex;
  align-items: center;
  background: rgba( 248, 248, 248 ,  1 );
  background: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
}

.code-coverage-module-details .module-filterbar-container {
  padding-left: 20px;
}

.code-coverage-module-details .toolbar-grid-separator {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

/** Automatically converted from ResultGrid.css **/
.test-results-extension-view .test-results-grid .new-failure-indicator {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  margin-left: 10px;
  margin-right: 5px;
  vertical-align: top;
  font-size: 9px;
  font-weight: bold;
}

.test-results-extension-view .test-results-grid .result-indicator-separator {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  margin-left: 1px;
  margin-right: 1px;
  vertical-align: top;
  font-size: 10px;
  font-weight: bold;
}

.test-results-extension-view .test-results-grid .flaky-result-indicator {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: top;
  font-size: 9px;
  font-weight: bold;
}

.test-results-extension-view > .test-results-grid.grid {
  position: absolute;
}

/** Automatically converted from Widgets.css **/
/************ Trend widget configuration blade styles */
.test-results-chart-configuration .chart-picker {
  margin-top: 15px;
}

.test-results-chart-configuration .chart-picker-container, .test-results-chart-configuration .measure-control-container {
  border: 0;
}

.test-results-chart-configuration .combo.input-text-box.aggregator-drop-down {
  float: left;
  width: 182px;
}

.test-results-chart-configuration .text-of {
  float: left;
  width: 20px;
  margin: 5px 6px 0 6px;
  text-align: center;
}

.test-results-chart-configuration .combo.input-text-box.filter-drop-down {
  float: right;
  width: 184px;
}

.test-results-chart-configuration .tr-trend-release-environment-container.settings-field {
  padding-bottom: 10px;
}

.test-results-chart-configuration .tr-trend-workflow-container {
  padding-bottom: 10px;
}

.test-results-chart-configuration .tr-trend-workflow-label {
  display: block;
  padding-bottom: 10px;
  font: 14px Segoe UI, Arial, sans-serif;
}

.test-results-chart-configuration .tr-trend-release-radio-container {
  margin-left: 40px;
  display: inline-block;
  font: 14px Segoe UI, Arial, sans-serif;
}

.test-results-chart-configuration .tr-trend-build-radio-container {
  margin-left: 30px;
  display: inline-block;
  font: 14px Segoe UI, Arial, sans-serif;
}

/************ Trend widget configuration blade styles */
/*************************************************************
		Test Result widgets
**************************************************************/
.vsts-test-result-trend-widget {
  width: 100%;
  height: 100%;
}

.vsts-test-result-trend-widget .tri-widget-title-container {
  padding: 8px 14px 0 14px;
  overflow: hidden;
}

.vsts-test-result-trend-widget .tri-widget-title-text {
  padding-right: 10px;
  font-size: 16px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  float: left;
  max-width: 95%;
}

.vsts-test-result-trend-widget .tri-widget-body {
  position: absolute;
  top: 40px;
  /* If top is changed, please change _chartConfigOptions.height appropriately in the widget code */
  right: 0;
  bottom: 0;
  left: 0;
}

/************ Test chart widget configuration blade styles */
.tcm-chart-configuration .tcm-chart-source-radio {
  display: inline-block;
  margin-left: 20px;
}

/************ For analytics POC groupby widget */
/*TODO: See if this should be moved to different file or have all widget css here.*/
.groupby-analytics-widget {
  margin: 0 15px 15px 15px;
}

.groupby-analytics-widget .groupby-analytics-widget-grid {
  position: absolute;
  top: 0px;
  left: 15px;
  right: 15px;
  bottom: 30px;
}

.groupby-analytics-widget .groupby-analytics-widget-grid .grid-row {
  border-top:  1px solid;
  border-top-color: rgba( 234, 234, 234 ,  1 );
  border-top-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.groupby-analytics-widget .groupby-analytics-widget-grid .grid-row:last-child {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.groupby-analytics-widget .groupby-analytics-widget-grid .groupby-analytics-header {
  font-size: 14px;
  font-family: Segoe UI;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.groupby-analytics-widget .groupby-analytics-widget-grid .groupby-analytics-cellcontent {
  font-size: 12px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

/********* For analytics test trend widget ********/
.test-trend-widget-metric-combo-container {
  display: flex;
  width: 399px;
}

.test-trend-widget-metric-combo-container .test-trend-widget-metric-combo {
  flex: 1;
}

.singular-test-trend-widget-metric-section {
  width: 159px;
}

/** Automatically converted from ExploratorySessionView.css **/
/*************************
    Recent Exploratory Session
**************************/
.exploratory-session-view {
  height: 100%;
  position: relative;
}

.exploratory-session-view .horizontal.splitter > .leftPane {
  border-right:  1px solid;
  border-right-color: rgba( 234, 234, 234 ,  1 );
  border-right-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.explorer-hub-title .exploratory-session-hub-title {
  padding: 2px 2px 2px 2px;
  margin-left: 6px;
}

.exploratory-session-view .session-duration-chart .duration-unit {
  float: left;
  padding-top: 22px;
}

.exploratory-session-view .pivot-filter {
  line-height: 21px;
}

.testmanagement-runexplorer-view .session-team-filter .session-team-picklist {
  min-width: 200px;
  min-height: 36px;
}

.exploratory-sessions-layout.fixed-section {
  border-top:  1px solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  margin: 0px 10px;
  height: 100%;
}

.exploratory-sessions-details-part {
  height: 100%;
}

.exploratory-sessions-details-part .head-section {
  padding-top: 10px;
  height: 130px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  position: relative;
  z-index: 10;
  overflow-y: hidden;
  white-space: normal;
}

.exploratory-sessions-summary-charts-section {
  height: 100%;
  overflow: hidden;
  display: inline-block;
  white-space: normal;
  width: 1400px;
}

.exploratory-sessions-summary-charts-section .separator {
  float: left;
  width: 2px;
  height: 90px;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.exploratory-sessions-summary-charts-section .workitem-unexplore-chart {
  width: 290px;
}

.exploratory-sessions-summary-charts-section .workitem-explore-chart {
  width: 290px;
}

.exploratory-sessions-summary-charts-section .workitem-filed-chart {
  width: 250px;
}

.exploratory-sessions-summary-charts-section .owner-chart {
  width: 300px;
}

.exploratory-sessions-summary-charts-section .session-duration-chart {
  min-width: 150px;
}

.exploratory-sessions-summary-charts-section .chart {
  float: left;
  margin: 4px 5px 0px 5px;
  height: 100px;
}

.exploratory-sessions-summary-charts-section .chart .chart-heading,
.exploratory-session-summary .chart .chart-heading {
  text-align: left;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-left: 10px;
}

.exploratory-sessions-summary-charts-section .chart .value-surface,
.exploratory-session-summary .chart .value-surface {
  text-align: left;
  float: left;
  padding: 5px 10px 10px 10px;
}

.exploratory-sessions-summary-charts-section .chart .main-value,
.exploratory-session-summary .chart .main-value {
  font-size: 24px;
}

.exploratory-sessions-summary-charts-section .chart .duration-value .main-value {
  font-size: 24px;
}

.exploratory-sessions-summary-charts-section .chart .chart-surface,
.exploratory-session-summary .chart .chart-surface {
  float: left;
}

.exploratory-sessions-summary-charts-section .chart .main-value.fail-indicator {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.exploratory-sessions-summary-charts-section .chart .main-value.pass-indicator {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.exploratory-sessions-summary-charts-section .chart .legend-row .color-rectangle-container,
.exploratory-session-summary .chart .legend-row .color-rectangle-container {
  vertical-align: 1px;
}

.exploratory-sessions-summary-charts-section .chart .legend-surface,
.exploratory-session-summary .chart .legend-surface {
  float: left;
  margin-top: 8px;
  margin-left: 10px;
}

.exploratory-sessions-summary-charts-section .chart .legend-color,
.exploratory-session-summary .chart .legend-color {
  width: 8px;
  height: 8px;
  margin-top: 5px;
  display: inline-block;
}

.exploratory-sessions-summary-charts-section .chart .legend-text,
.exploratory-session-summary .chart .legend-text {
  margin-left: 5px;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100px;
  display: inline-block;
}

.exploratory-sessions-summary-charts-section .chart .legend-value,
.exploratory-session-summary .chart .legend-value {
  margin-left: 3px;
  font-size: 12px;
  vertical-align: 4px;
}

.passed-on-rerun-div {
  margin-left: 10px;
}

.passed-on-rerun-text {
  font-family: "Segoe UI Semibold", "Segoe UI", Sans-Serif;
  font-size: 9px !important;
  color: #828282;
  line-height: 12px;
  vertical-align: top;
}

.exploratory-session-summary .count-area .header {
  padding-bottom: 10px;
  font-size: 10px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.exploratory-session-summary .count-area .sub-header {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  font-size: 18px;
  padding-bottom: 20px;
}

.exploratory-session-summary .count-area .sub-header .workitem-url {
  float: left;
  padding-right: 10px;
}

.exploratory-session-summary .count-area .sub-header .workitem-url a {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.exploratory-session-summary .count-area .sub-header .workitem-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.exploratory-session-summary .count-area .sub-header .workitem-url a:hover,
.exploratory-session-summary .count-area .sub-header .workitem-url a:focus {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  text-decoration: underline;
  outline: none;
}

.exploratory-session-summary .details {
  overflow-y: auto;
  height: 100%;
}

.exploratory-session-summary .details .count-area {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding: 10px;
  min-width: 550px;
  width: 100%;
  display: inline-block;
}

.exploratory-session-summary .details .count-area .separator {
  float: left;
  width: 1px;
  height: 55px;
  margin-left: 15px;
  margin-right: 15px;
  background-color: rgba( 166, 166, 166 ,  1 );
  background-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.exploratory-session-summary .details .count-area .summary-tile {
  float: left;
}

.exploratory-session-summary .chart-table-row {
  display: inline-block;
  width: 550px;
  height: 140px;
}

.exploratory-session-summary .count-area .title {
  padding-bottom: 5px;
}

.exploratory-session-summary .count-area .highlighted-content {
  float: left;
  font-size: 24px;
  padding-right: 5px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.exploratory-session-summary .count-area .content {
  float: left;
  padding-top: 13px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.exploratory-session-summary .chart {
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 10px;
  width: 250px;
  height: 100px;
}

.exploratory-session-summary .bugs-by-priority,
.exploratory-session-summary .bugs-by-state {
  float: left;
}

.exploratory-session-view .toolbar {
  border-bottom: none;
  border-top: none;
  margin: 0;
}

.exploratory-session-view .controls-section {
  height: 38px;
  overflow: hidden;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.exploratory-session-view .filter {
  border-bottom: none;
  border-top: none;
  margin: 0;
  padding-top: 10px;
}

.exploratory-session-view .left {
  float: left;
}

.exploratory-session-view .right {
  float: right;
}

.exploratory-session-view .fixed-section {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.exploratory-session-view .summary-section,
.exploratory-session-view .exploratory-session-result-section,
.exploratory-session-view .exploratory-session-summary {
  height: 100%;
}

.exploratory-session-view .results-section {
  position: absolute;
  top: 38px;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 10px;
  overflow-x: auto;
}

.exploratory-session-view .exploratory-session-grid.grid {
  position: static;
}

.exploratory-sessions-summary-charts-section .chart .duration-value {
  text-align: left;
  float: left;
  padding: 10px 5px 10px 10px;
}

.exploratory-session-view .splitter .leftPane .grid-cell {
  font-size: 13px;
}

.exploratory-session-view .splitter .leftPane .grid-header .title {
  font-size: 13px;
}

.exploratory-session-view .splitter .leftPane .grid-canvas .grid-expand-collapse {
  text-indent: 0px !important;
}

.exploratory-session-view .exploratory-session-spillter {
  position: absolute;
  top: 130px;
  bottom: 0;
  left: 0;
  right: 0;
}

.exploratory-session-view .grid-header .grid-header-column:focus {
  border: 2px solid;
}

.exploratory-session-view .grid-header .grid-header-column:focus > .title {
  padding: 0px;
  padding-left: 2px;
}

.exploratory-session-view .grid-header .grid-header-column > .title {
  padding-left: 2px;
}

.exploratory-session-spillter .toolbar .menu-bar {
  padding: 1px;
}

.full-screen-mode .full-screen-mode-exploratory-sessions.exploratory-sessions-summary-charts-section,
.full-screen-mode .full-screen-mode-exploratory-sessions.hub-title,
.full-screen-mode .full-screen-mode-exploratory-sessions.hub-pivot {
  display: none !important;
}

.full-screen-mode .full-screen-mode-exploratory-sessions.exploratory-session-spillter,
.full-screen-mode .full-screen-mode-exploratory-sessions.hub-content,
.full-screen-mode .full-screen-mode-exploratory-sessions.right-hub-content,
.full-screen-mode .full-screen-mode-exploratory-sessions.hub-pivot-content {
  top: 0 !important;
}

.full-screen-mode .full-screen-mode-exploratory-sessions.exploratory-session-spillter {
  z-index: 100;
}

.full-screen-mode .full-screen-mode-exploratory-sessions.head-section {
  border-bottom: none;
}

.exploratory-sessions-summary-charts-section .chart-content .zero-workitem {
  padding-left: 80px;
  padding-top: 30px;
}

.exploratory-session-summary .chart-content .zero-workitem-detail-pane {
  padding-left: 10px;
  padding-top: 10px;
}

.exploratory-session-view .grid-message-area {
  margin: 10px 20px 20px 20px;
}

.exploratory-session-view .exploratory-session-grid .owner-info {
  display: inline-block;
  width: 90%;
}

.exploratory-session-view .exploratory-session-grid .owner-info .identity-picture {
  float: left;
  height: 24px;
  width: 24px;
}

.exploratory-session-view .exploratory-session-grid .owner-info .display-name {
  text-indent: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 4px;
}

.no-sessions-message {
  padding-left: 20px;
  border-top:  solid 1px;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding-top: 20px;
  font-weight: 200;
  font-size: 16px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.session-insight-query-dialog.info-message-container {
  margin-top: 10px;
}

.session-insight-query-dialog .bowtie-status-info {
  float: left;
  padding-right: 5px;
}

.session-insight-dialog-error.error-message-holder {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 ) !important;
  background-color: rgba( 249, 235, 235 ,  1 ) !important;
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 ) !important;
  margin-bottom: 30px;
  width: 400px;
}

.session-insight-wit-query-selector-container {
  width: 399px;
  /*overrides for the tree elements to prevent context menus from showing up**/
}

.session-insight-wit-query-selector-container .query-selector {
  height: 32px;
  padding: 3px 5px;
  position: relative;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.session-insight-wit-query-selector-container .query-selector .query-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 360px;
  display: inline-block;
}

.session-insight-wit-query-selector-container .query-selector .select-query-dropdown-watermark {
  font-size: 14px;
  font-style: italic;
  color: rgba( 200, 200, 200 ,  1 );
  color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border: none;
}

.session-insight-wit-query-selector-container .query-selector input {
  border: none;
}

.session-insight-wit-query-selector-container .query-selector span {
  vertical-align: middle;
}

.session-insight-wit-query-selector-container .query-selector:hover {
  cursor: pointer;
}

.session-insight-wit-query-selector-container .popup-content-control {
  width: 399px;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  /**style the tree to align to composition and with the combo display*/
  /*overrides for the tree elements to prevent context menus from showing up**/
}

.session-insight-wit-query-selector-container .popup-content-control input[type=text] {
  width: 100%;
}

.session-insight-wit-query-selector-container .popup-content-control .query-folder-tree {
  top: 19px;
  background-color: white;
  max-height: 200px;
  overflow-y: auto;
}

.session-insight-wit-query-selector-container .popup-content-control .icon-pin,
.session-insight-wit-query-selector-container .popup-content-control .node.nofocus.info,
.session-insight-wit-query-selector-container .popup-content-control .node-no-context-menu {
  display: none;
}

.session-insight-wit-query-selector-container .tree-children .node-link-hidden {
  display: none;
}

.session-insight-wit-query-selector-container .drop-icon {
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  width: 30px;
  position: absolute;
}

/* Add spacing between the label and elements below it */
.session-insight-wit-query-selector-container label.background-color-label {
  display: block;
  margin: 3px 0 6px 0;
}

/* for the loading icon*/
.session-insight-wit-query-selector-container .select-query-progress {
  display: none;
  position: absolute;
  right: 17px;
  margin: 0;
  top: 2px;
}

.session-insight-wit-query-selector-container .select-query-progress img {
  height: 14px;
}

/** Automatically converted from Traceability.css **/
/************ Traceability widget configuration blade styles */
.tr-traceability-wit-query-selector-container {
  width: 399px;
  /*overrides for the tree elements to prevent context menus from showing up**/
  /*overrides for the tree elements to center align the text*/
}

.tr-traceability-wit-query-selector-container .query-selector {
  position: relative;
}

.tr-traceability-wit-query-selector-container .query-selector .select-query-dropdown-watermark {
  font-size: 14px;
  font-family: Segoe UI;
  font-style: italic;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.tr-traceability-wit-query-selector-container .query-selector .select-query-dropdown-watermark:focus {
  border: 2px solid transparent;
}

.tr-traceability-wit-query-selector-container .query-selector span {
  vertical-align: middle;
}

.tr-traceability-wit-query-selector-container .query-selector:hover {
  cursor: pointer;
}

.tr-traceability-wit-query-selector-container .query-selector .select-query-progress {
  display: none;
  position: absolute;
  right: 27px;
  margin: 0;
  top: 5px;
}

.tr-traceability-wit-query-selector-container .query-selector .select-query-progress img {
  height: 14px;
}

.tr-traceability-wit-query-selector-container .query-selector-disabled {
  pointer-events: none;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border: none;
}

.tr-traceability-wit-query-selector-container .popup-content-control {
  width: 399px;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  /**style the tree to align to composition and with the combo display*/
  /*overrides for the tree elements to prevent context menus from showing up**/
}

.tr-traceability-wit-query-selector-container .popup-content-control input[type=text] {
  width: 100%;
}

.tr-traceability-wit-query-selector-container .popup-content-control .query-folder-tree {
  top: 19px;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  max-height: 200px;
  overflow-y: auto;
}

.tr-traceability-wit-query-selector-container .popup-content-control .icon-pin,
.tr-traceability-wit-query-selector-container .popup-content-control .node.nofocus.info,
.tr-traceability-wit-query-selector-container .popup-content-control .node-no-context-menu {
  display: none;
}

.tr-traceability-wit-query-selector-container .tree-children .node-link-hidden {
  display: none;
}

.tr-traceability-wit-query-selector-container .tree-children div.node-content {
  padding-top: 0.1em;
}

.tr-traceability-wit-query-selector-container .drop-icon {
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  width: 30px;
  position: absolute;
}

/*
    Space for error message
*/
.inline-error-configuration-container {
  height: 25px;
}

.tr-traceability-branch-selector-container {
  border: none;
}

.tr-traceability-branch-selector-container .vcconfiguration-container .settings-field {
  width: 396px;
}

.tr-traceability-branch-selector-container textarea {
  width: 396px;
  height: 300px;
  overflow: auto;
  resize: none;
  font-family: "Segoe UI Semibold","Segoe UI",Tahoma,Helvetica,Sans-Serif;
  padding-bottom: 2px;
}

.tr-traceability-config-container .tr-traceability-vc-input-container {
  display: none;
}

.tr-traceability-repository-input-container {
  height: 82px;
}

.tr-traceability-branch-input-container {
  height: 82px;
}

.tr-traceability-vc-input-container label {
  overflow: hidden;
  display: block;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  margin-bottom: 6px;
  margin-top: 0;
  font-size: 14px;
}

.tr-traceability-vc-input-container input {
  font-size: 16px;
  padding-left: 8px;
  width: 399px;
  border: 1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  height: 32px;
}

.tr-traceability-vc-input-container input[type="text"] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  display: inline-block;
  font-size: 16px;
  top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 430px;
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

/************ Traceability widget configuration blade styles */
/****************************************************************************************
  Traceability Widgets
*****************************************************************************************/
.testresults-traceability-widget {
  width: 100%;
  height: 100%;
  position: relative;
}

.testresults-traceability-widget-grid {
  margin-bottom: 8px;
}

.testresults-traceability-widget-grid-header {
  font-size: 12px;
  font-family: Segoe UI;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.testresults-traceability-widget-grid .grid-cell {
  padding-right: 0px;
}

.testresults-traceability-widget-grid .testresults-traceability-widget-grid-data-cell-details a {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  width: 95%;
}

.testresults-traceability-widget-grid .grid-row-hover .testresults-traceability-widget-grid-data-cell-details a {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  cursor: pointer;
}

.testresults-traceability-widget-grid .testresults-traceability-widget-grid-data-cell-details a:focus {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  cursor: pointer;
}

.testresults-traceability-widget .testresults-traceability-widget-grid {
  position: absolute;
  top: 40px;
  left: 15px;
  right: 15px;
  bottom: 30px;
}

.testresults-traceability-widget .testresults-traceability-widget-grid .grid-row {
  border-top:  1px solid;
  border-top-color: rgba( 234, 234, 234 ,  1 );
  border-top-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.testresults-traceability-widget .testresults-traceability-widget-grid .grid-row:last-child {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.testresults-traceability-widget .testresults-traceability-widget-grid-data-cell-details {
  font-size: 12px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

.testresults-traceability-widget .testresults-traceability-widget-grid-wit-title-cell {
  font-family: "Segoe UI",Tahoma,Helvetica,Sans-Serif;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
}

.testresults-traceability-widget .testresults-traceability-widget-grid-data-cell-details .workitem-title-color-bar {
  width: 4px;
  height: 16px;
  display: inline-block;
  margin-right: 4px;
}

.testresults-traceability-widget .testresults-traceability-widget-title-container {
  font-size: 16px;
  padding-left: 15px;
}

.testresults-traceability-widget .testresults-traceability-widget-title {
  display: inline-block;
  font-size: 16px;
  position: relative;
  top: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 430px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.testresults-traceability-widget .testresults-traceability-widget-view-all {
  position: absolute;
  right: 15px;
  bottom: 8px;
  font-size: 12px;
}

.testresults-traceability-widget .testresults-traceability-widget-more-requirements {
  position: absolute;
  left: 15px;
  bottom: 8px;
  font-size: 12px;
}

.detailed-traceability-status-dialog .testresults-traceability-widget-grid .grid-row {
  border-top:  1px solid;
  border-top-color: rgba( 234, 234, 234 ,  1 );
  border-top-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.detailed-traceability-status-dialog .testresults-traceability-widget-grid .grid-row:last-child {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.detailed-traceability-status-dialog .testresults-traceability-widget-grid-data-cell-details .workitem-title-color-bar {
  width: 4px;
  height: 18px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: bottom;
}

.testresults-traceability-horizontalbar-sections {
  height: 18px;
  position: relative;
}

.testresults-traceability-horizontalbar-expanded {
  bottom: 16px;
}

.testresults-traceability-horizontalbar-no-expanded {
  bottom: 18px;
}

.testresults-traceability-horizontalbar-sections .testresults-traceability-horizontalbar-section {
  height: 18px;
  float: left;
}

.testresults-traceability-horizontalbar-sections .horizontalbars-left {
  float: left;
}

.testresults-traceability-horizontalbar-sections .testresults-traceability-horizontalbar-no-results {
  font-size: 12px;
  text-align: left;
}

.testresults-traceability-horizontalbar-sections .testresults-traceability-horizontalbar-percentage-section {
  font-size: 11px;
  text-align: right;
}

.detailed-traceability-status-dialog .testresults-traceability-widget-grid .testresults-traceability-widget-grid-data-cell-details {
  text-overflow: ellipsis;
  overflow: hidden;
}

.detailed-traceability-status-dialog .testresults-traceability-widget-grid-wit-title-cell {
  font-family: "Segoe UI",Tahoma,Helvetica,Sans-Serif;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tr-traceability-config-container .tr-traceability-quality-data-container {
  padding-bottom: 15px;
}

.tr-traceability-config-container .tr-traceability-quality-data-label {
  display: block;
  padding-bottom: 10px;
  font: 14px Segoe UI, Arial, sans-serif;
}

.tr-traceability-config-container .tr-traceability-release-radio-container {
  margin-left: 40px;
  display: inline-block;
  font: 14px Segoe UI, Arial, sans-serif;
}

.tr-traceability-config-container .tr-traceability-build-radio-container {
  margin-left: 30px;
  display: inline-block;
  font: 14px Segoe UI, Arial, sans-serif;
}

/****************************************************************************************
  Traceability Quickstart bubble
*****************************************************************************************/
.test-results-details-part .quickstart-traceability {
  left: 225px !important;
  top: 82px !important;
  margin-right: 16px;
  width: 325px;
}

.tr-traceability-recommendation .quickstart-traceability-image-container {
  margin-left: 15px;
}

/** Automatically converted from RunWithOptionsDialog.css **/
.run-with-options-dialog table {
  position: relative !important;
}

.run-with-options-dialog .section-content label {
  font-weight: bold;
  color: black;
}

.label-without-help-label {
  padding-bottom: 8px;
}

.select-runner-helptext {
  font-weight: bold;
}

.run-with-options-dialog .section-content .helptext {
  padding-bottom: 8px;
}

.run-with-options-dialog .section-content .content {
  padding-bottom: 15px;
}

.run-with-options-dialog .section-content .infotext {
  padding-top: 5px;
  max-width: 370px;
}

.run-with-options-dialog .section-content .infoicon {
  padding-top: 5px;
  padding-right: 5px;
}

.run-with-options-dialog .checklist-dropdown-container .control-label {
  padding-right: 0px !important;
}

.run-with-options-dialog .checklist-dropdown-container .control-content {
  width: 384px;
  height: 22px;
  overflow: visible !important;
}

.run-with-options-dialog .section-content {
  padding-left: 20px;
  padding-bottom: 10px;
}

.run-with-options-dialog .select-runner-dropdown-container .select-runner-label {
  display: inline-block;
  padding-right: 5px;
}

.run-with-options-dialog .select-dropdown, .run-with-options-dialog .select-runner-dropdown-container {
  width: 380px;
}

.run-with-options-dialog .use-build-table td.label {
  padding-right: 16px;
}

.use-build-table .select-build-row .input-text-box {
  width: 360px;
  display: inline-block;
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.use-build-table .select-build-row .input-text-box:focus {
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
}

.use-build-table .select-build-row .select-build-button {
  display: inline-block;
  height: 21px;
  width: 20px;
  padding: 0px;
}

.run-with-options-dialog .build-input-disabled {
  background-color: rgba( 218, 218, 218 ,  1 );
  background-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.run-with-options-dialog table.info-text-table {
  display: table-row;
}

.run-with-options-dialog .find-build-button-disabled {
  cursor: default;
}

/*
    Generic checklist dropdown control css
*/
.checklist-dropdown-container .collapsed-selector {
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.checklist-dropdown-container .control-content.focus .collapsed-selector {
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
}

.selection-name {
  border-width: 0px;
}

.control-content.focus {
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.checklist-dropdown-container .control-content table {
  width: 100%;
}

.checklist-dropdown-container .collapsed-selector .selection-name {
  height: 100%;
  min-height: 18px;
  padding-right: 18px;
  padding-left: 4px;
  outline: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 380px;
}

.checklist-dropdown-container .expanded-selector {
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: white;
}

.checklist-dropdown-container .collapsed-selector .img_expand {
  width: 18px;
  height: 21px;
  position: relative;
  float: right;
  margin-right: -1px;
  margin-top: -21px;
}

.checklist-dropdown-container .select-datacollectors-combo-id {
  width: 383px !important;
}

.checklist-dropdown-container .checkbox-list-parent .dropdown-checkbox-label {
  display: inline-block;
  padding-left: 20px;
}

.checklist-dropdown-container .control-label {
  display: inline-block;
  padding-right: 10px;
  position: relative;
  top: 4px;
  vertical-align: top;
}

.checklist-dropdown-container .control-content {
  display: inline-block;
  width: 200px;
}

.checklist-dropdown-container .control-content.content-disabled {
  background-color: rgba( 218, 218, 218 ,  1 );
  background-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.checklist-dropdown-container .dropdown-checkbox-container input {
  position: absolute;
}

.checklist-dropdown-container .dropdown-checkbox-container {
  margin-bottom: 2px;
}

.run-with-options-dialog .test-runner-download-label {
  padding-bottom: 10px;
}

/*
    Find Build Dialog Css
*/
.vc-link-container input {
  width: 100%;
}

.run-with-options-dialog .dependent-container label {
  font-weight: bold;
  color: black;
}

.run-with-options-dialog .dependent-container select {
  width: 380px;
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.run-with-options-dialog {
  height: 310px;
}

/** Automatically converted from Feedback.css **/
.feedback-view {
  position: absolute;
  padding-left: 20px;
}

.feedback-view .feedback-request-landing-page {
  max-width: 1000px;
  width: 100%;
}

.feedback-view .feedback-request-landing-page .landing-page-label {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  padding-bottom: 18px;
  padding-top: 18px;
  font-size: 24px;
}

.feedback-view .feedback-request-landing-page .landing-page-info {
  font-size: 16px;
  padding-bottom: 30px;
}

.feedback-view .extension-not-present .extension-not-present-info2 {
  font-size: 16px;
}

.feedback-view .extension-configured .extension-configured-info2 {
  font-size: 14px;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  margin-top: 32px;
  margin-bottom: 5px;
}

/** Automatically converted from TestConfigurationStyles.css **/
.test-hub-lite-view .far-right-pane-list-container {
  top: 120px;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  overflow: auto;
  margin: 0px 10px;
}

.test-hub-lite-view .splitter.no-split.vertical .test-view-right-pane .leftPane {
  height: auto !important;
}

.test-hub-lite-view .hub-title {
  margin-right: 220px;
}

.test-hub-lite-view .rightPane .rightPane .hub-pivot.far-right-pane-pivot {
  margin-top: 15px;
}

.test-hub-lite-view .rightPane .rightPane .work-item-form {
  margin-top: 5px;
}

.test-hub-lite-view .rightPane .hub-no-content-gutter {
  padding-left: 0px;
}

.test-hub-lite-view .hub-content .rightPane .right-hub-content {
  top: 40px;
}

.test-hub-lite-view .rightPane .rightPane .work-item-form .workitem-info-bar {
  margin-bottom: 20px;
}

.test-hub-lite-view div.shared-step-link {
  margin-left: 20px;
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}

.test-hub-lite-view .hub-splitter.splitter.horizontal > .leftPane {
  width: 330px;
}

.test-hub-lite-view .hub-splitter.splitter.horizontal > .rightPane,
.test-hub-lite-view .hub-splitter.splitter.horizontal > .handleBar {
  left: 330px;
}

.test-hub-lite-view .right-hub-splitter.horizontal > .rightPane {
  width: 35%;
  display: block;
  overflow: auto;
}

.test-hub-lite-view .right-hub-splitter.horizontal > .handleBar,
.test-hub-lite-view .right-hub-splitter.horizontal > .leftPane {
  right: 35%;
}

.test-hub-lite-view .right-hub-splitter.vertical > .rightPane {
  height: 40%;
  display: block;
  overflow: auto;
}

.test-hub-lite-view .right-hub-splitter.vertical > .handleBar,
.test-hub-lite-view .right-hub-splitter.vertical > .leftPane {
  bottom: 40%;
}

.test-hub-lite-view .splitter.no-split.vertical .test-view-right-pane .leftPane {
  height: auto !important;
}

.test-hub-lite-view .rightPane .rightPane .hub-pivot.far-right-pane-pivot {
  margin-top: 15px;
}

.test-hub-lite-view .right-hub-splitter.vertical > .rightPane .hub-pivot.far-right-pane-pivot {
  top: 0px !important;
}

.test-hub-lite-view .rightPane .rightPane .work-item-form {
  margin-top: 5px;
  height: 90% !important;
}

.test-hub-lite-view .rightPane .hub-pivot .filters {
  height: auto;
  right: 0px;
  margin-right: 20px;
}

.test-hub-lite-view .rightPane .rightPane .work-item-form .workitem-info-bar {
  margin-bottom: 20px;
}

.test-hub-lite-view .requirement-toolbar {
  float: left;
  position: relative;
  top: 13px;
  padding: 0px;
  margin-left: -3px;
}

.test-hub-lite-view .contributed-tab-content-container {
  height: 100%;
}

/** Automatically converted from TestConfigurationStyles.css **/
.add-existing-bug-search-grid {
  width: 100%;
  height: 80%;
  top: -10px;
}

.add-existing-bug-search-grid .grid-canvas {
  overflow-x: hidden;
  top: 30px !important;
}

.add-existing-bug-search-grid .grid-cell {
  text-align: left;
}

.add-existing-bug-search-grid .identity-grid-cell {
  padding-left: 0px;
}

.add-existing-bug-search-grid .idGridCell a {
  color: rgba(0, 90, 158, 1) !important;
  color: var(--communication-foreground,rgba(0, 90, 158, 1)) !important;
}

.add-existing-bug-search-grid input#chk_isAssignedAll {
  margin-top: 10px !important;
  margin-left: 5px !important;
}

.add-existing-bug-search-grid .work-item-type-icon-control {
  display: inline-block;
  margin-right: 5px;
}

.add-existing-bug-message-area {
  text-align: left;
  margin-bottom: 5px;
}

.add-existing-bug-search-box {
  position: relative;
}

.add-existing-bug-search-box input {
  width: 100%;
  padding-right: 20px;
  padding-left: 5px;
  height: 25px;
  outline: none;
  border:  2px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.add-existing-bug-search-box .bowtie-edit-remove {
  position: absolute;
  top: 5px;
  right: 20px;
  color: black;
  cursor: pointer;
  display: none;
  margin-right: 4px;
}

.add-existing-bug-message-area-header {
  color: 0, 0, 0 !important;
  color: var(--palette-neutral-100, 0, 0, 0,0, 0, 0) !important;
}

.add-existing-bug-search-box .bowtie-search {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.add-existing-bug-search-box .icon-drop {
  visibility: hidden;
}

.add-existing-bug-search-box:hover > .bowtie-edit-remove {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.add-to-existing-bug-dialogue .grid-canvas {
  overflow: auto;
}

.add-existing-bug-message-area:hover > .add-existing-bug-message-area-close {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.add-existing-bug-message-area .add-existing-bug-message-area-close {
  color: black !important;
}

.add-existing-bug-message-area-close {
  color: black;
}

.add-to-existing-bug-dialogue ~ .ui-dialog-buttonpane {
  margin-top: 5px !important;
}

.test-step-history-view {
  margin-right: 10px;
  padding-bottom: 25px;
}

.test-step-history-view .field-name {
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 5px;
  padding-bottom: 3px;
}

.test-step-history-view .field-details-list .row-view.updated-value-row .ms-DetailsRow {
  background-color: #dff6dd;
  margin-bottom: 2px;
}

.test-step-history-view .field-details-list .row-view.added-value-row .ms-DetailsRow {
  background-color: #dff6dd;
  margin-bottom: 15px;
}

.test-step-history-view .field-details-list .row-view.deleted-value-row .ms-DetailsRow {
  background-color: #eaeaea;
  margin-bottom: 15px;
}

.test-step-history-view .field-details-list .row-view.previous-value-row .ms-DetailsRow {
  background-color: #eaeaea;
  margin-bottom: 15px;
}

.test-step-history-view .test-step-value {
  word-wrap: break-word;
  display: inline-block;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: auto;
}

.test-step-history-view .test-step-value p {
  margin: 0px !important;
}

.test-step-history-view .old-value {
  text-decoration: line-through !important;
}

.test-step-history-view .field-details-list .row-view .ms-DetailsRow-cell {
  padding: 0px !important;
}

.test-step-history-view .row-view .step-value {
  padding-top: 4px;
}

.test-step-history-view .old-value-row .step-value, .test-step-history-view .old-value-row .step-value, .test-step-history-view .delete-value-row .step-value, .test-step-history-view .delete-value-row .step-value {
  text-decoration: line-through !important;
}

.test-step-history-view .test-step-new-value-container, .test-step-history-view .test-step-old-value-container {
  padding: 2px;
  margin-bottom: 2px;
  max-width: 100%;
  display: block;
  white-space: normal;
}

.test-step-history-view .history-attachment {
  white-space: normal;
  padding-bottom: 5px !important;
}

.test-step-history-view .history-attachment .attachment-add {
  color: #106ebe;
}

.test-step-history-view .history-attachment .attachment-delete {
  color: #106ebe;
  text-decoration: line-through;
}

.test-step-history-view .history-attachment .attachment-text {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
  white-space: nowrap;
  padding-left: 2px;
  padding-right: 2px;
  display: block;
  vertical-align: middle;
  font-size: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.test-step-history-view .attachment-added {
  margin-bottom: 2px;
  padding: 2px 2px 5px 2px;
}

.test-step-history-view .attachment-deleted {
  margin-bottom: 2px;
  padding: 2px 2px 5px 2px;
}

.test-step-history-view .link-delete {
  margin-top: 2px;
  margin-bottom: 2px;
}

.test-step-history-view .link-delete .link-text {
  text-decoration: line-through !important;
  margin-left: 15px;
}

.test-step-history-view .link-add {
  margin-top: 2px;
  margin-bottom: 2px;
}

.test-step-history-view .link-add .link-text {
  margin-left: 15px;
}

/** Web Components section **/
.sl-fltr-cmp {
  width: 1px;
}

.sl-fltr-cmp .filtered-list-control .filtered-list > li.new-selection {
  background-color: rgba( 16, 110, 190 ,  1 ) !important;
  background-color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 ) !important;
  color: rgba(255, 255, 255, 1) !important;
  color: var(--background-color,rgba(255, 255, 255, 1)) !important;
  border:  1px dashed;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
  font-weight: bold !important;
}

.tri-wc-dd-filter .rt {
  float: right;
}

.tri-wc-dd-filter .lt {
  float: left;
}

.tri-wc-dd-filter .fltr-sltr {
  padding-top: 8px;
}

.tri-wc-dd-filter .fltr-sltr .filter-btn .clr-btn {
  min-width: 0;
  padding-right: 4px;
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding-left: 0px;
  padding-top: 0px;
  height: 16px;
}

.tri-wc-dd-filter .fltr-sltr .filter-btn .clr-btn:focus {
  outline: 1px solid rgba( 199, 224, 244 ,  1 );
  outline: 1px solid rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.tri-wc-dd-filter .fltr-container {
  margin-left: 5px;
  margin-right: 5px;
}

.tri-wc-dd-filter .fltr-container .sl-fltr-bx {
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  border-radius: 5px;
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.tri-wc-dd-filter .fltr-container .sl-fltr-bx .fltr-val, .tri-wc-dd-filter .fltr-container .sl-fltr-bx .fltr-close {
  margin-left: 5px;
  margin-right: 5px;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  padding-top: 5px;
}

.tri-wc-dd-filter .fltr-container .sl-fltr-bx .fltr-close:hover {
  cursor: pointer;
}

/***** End TestManagement Area *****/