/*view related*/
/*status related*/
/** Automatically converted from BuildView.css **/
/*#region All old styles*/
/*
* Left Hub
*/
/* Extend the default width for the left hub pane. The default width is not wide enough for this view  */
.buildvnext-view .hub-splitter.splitter.horizontal > .leftPane {
  width: 290px;
}

.buildvnext-view .hub-splitter.splitter.horizontal > .rightPane {
  left: 290px;
}

.buildvnext-view .hub-splitter.splitter.horizontal > .handleBar {
  left: 290px;
}

.buildvnext-view .hub-message {
  padding-left: 20px;
  font-weight: bold;
  position: absolute;
  top: 40px;
  background-color: whitesmoke;
  width: 100%;
  z-index: 100;
  height: 20px;
}

.buildvnext-tab .rightPane {
  overflow: auto;
  height: 100%;
}

.buildvnext-tab .leftPane {
  overflow: auto;
  height: 100%;
}

.buildvnext-view .build-summary-page-hub-title {
  float: left;
}

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

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

.buildvnext-hovered:hover {
  background-color: rgba( 244, 244, 244 ,  1 ) !important;
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ) !important;
}

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

#buildvnext-view-designer {
  overflow-x: hidden;
  overflow-y: auto;
  height: 37px;
}

.buildvnext-general-tab {
  margin-left: 10px;
}

.buildvnext-schedule-day-label {
  vertical-align: middle;
}

.buildvnext-schedule-days {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
}

.buildvnext-schedule-days .checkbox-group {
  float: left;
}

.buildvnext-schedule-days .checkbox-group:not(.first) {
  padding-left: 25px;
}

.buildvnext-schedule-time {
  vertical-align: middle;
  border-width: 1px;
}

.buildvnext-schedule-day-checkbox {
  vertical-align: middle;
  margin-right: 10px;
}

.buildvnext-schedule-filter-label {
  display: block;
  padding-top: 5px;
}

.queue-definition-dialog-helpmarkdown span {
  margin-top: 19px;
}

.queue-definition-dialog-helpmarkdown .taskeditor-help-tooltip {
  margin-left: 10px;
}

.buildvnext-view-copy-button {
  float: right;
}

.buildvnext-view-copy-button .tooltip-align-top.bowtie-tooltipped-sw:after {
  bottom: 100%;
  top: inherit;
  margin-bottom: 5px;
  margin-top: inherit;
}

.buildvnext-view-copy-button .tooltip-align-top.bowtie-tooltipped-sw:before {
  bottom: auto;
  top: -12px;
}

.buildvnext-view-right-pane {
  bottom: 0;
  left: 0px;
  right: 0;
  top: 38px;
  /* menu bar height is 38px */
  position: absolute;
  margin-top: 5px;
  overflow: auto;
}

.buildvnext-view-right-pane .build-artifacts-grid-button {
  height: 24px;
  font-weight: 400;
  position: relative;
  bottom: 2px;
  font-size: 13px;
}

.buildvnext-view-right-pane .error {
  margin-left: 10px;
  margin-right: 10px;
}

.buildvnext-view-right-pane-content {
  position: absolute;
  bottom: 0px;
  top: 34px;
  /* pivot area hight is 34px */
  left: 0px;
  right: 0px;
}

.buildvnext-view-right-pane .tfvc-mappings select {
  width: 90px;
}

.buildvnext-view-right-pane .file-path {
  width: 20px;
  height: 20px;
  padding: 0;
}

.buildvnext-view-right-pane .editor-extension {
  width: 20px;
  height: 20px;
  padding: 0;
}

.queue-build .browse-col button {
  width: 20px;
  height: 20px;
  padding: 0;
  margin-top: 22px;
}

.queue-build .browse-col {
  width: 1%;
}

.queue-time-variable-input {
  width: 100%;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.queue-time-secret-td {
  width: 20px;
}

.buildvnext-repository-list.leftPane {
  overflow: auto;
  display: inline-table;
}

.buildvnext-repository-list ul {
  list-style-type: none;
}

.buildvnext-repository-list li {
  padding-left: 0px;
}

.buildvnext-repository-grid {
  padding-top: 5px;
}

.buildvnext-explorer-completed-build-grid .icon-tfs-build-status-header {
  height: 13px;
}

.buildvnext-repository-editor-row {
  min-height: 33px;
  margin-top: 4px;
  margin-right: 4px;
}

.buildvnext-repository-editor-label {
  float: left;
  width: 162px;
  line-height: 30px;
  font-size: 16px;
}

.buildvnext-repository-editor-value {
  margin-left: 162px;
}

.buildvnext-tree li.section-node > .node-link {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  font-weight: 600;
}

.buildvnext-tree .fav-node-link {
  position: relative;
}

.buildvnext-tree .fav-node-link .ago {
  font-style: italic;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  margin-right: 80px;
  display: inline-block;
  position: absolute;
  height: 20px;
  overflow: hidden;
}

.buildvnext-tree .fav-node-link .histogram {
  position: absolute;
  right: 2px;
  bottom: 0px;
  width: 80px !important;
  overflow: hidden;
  height: 22px !important;
}

.buildvnext-tree .fav-node-link .favnode-build-status {
  margin-right: 3px;
  margin-left: 32px;
  bottom: 1px;
  display: inline-block;
  position: relative;
}

.buildvnext-tree .fav-node-link .label {
  margin-right: 80px;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tree-children .node-context-menu {
  float: left;
  width: 16px;
  height: 24px;
  margin: 1px 1px 1px 0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.buildvnext-node.selected > div.node-content,
.buildvnext-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 );
}

.buildvnext-view-right-pane .tab-content, .buildvnext-view-left-pane .tab-content {
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
}

.buildvnext-view-right-pane .tab-content-holder {
  height: 100%;
}

.queue-build.buildvnext .shelveset-picker-container {
  display: inherit;
}

.shelveset-picker-container .browse {
  height: 20px;
}

.queue-build.buildvnext .check-in-container {
  display: inherit;
}

.buildvnext-tab.task-list-container {
  margin-left: 10px;
  margin-right: 10px;
}

.buildvnext-tab.task-editor {
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}

.buildvnext-repository-editor {
  display: inline-table;
}

.buildvnext-property-editor-row {
  margin-top: 4px;
  margin-right: 4px;
  padding-top: 4px;
  width: 602px;
}

.buildvnext-property-editor-label {
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 30px;
  display: inline-block;
  width: 200px;
  vertical-align: top;
}

.buildvnext-property-editor-value {
  text-overflow: ellipsis;
  width: 398px;
  display: inline-block;
}

.buildvnext-property-editor-row > label {
  font-size: 16px;
}

.buildvnext-tab.process-designer {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
}

.buildvnext-tab.timeline-view {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

.buildvnext-tab.timeline-view .leftPane {
  overflow: auto;
}

.buildvnext-tab .buildvnext-build-sequence-item {
  padding-top: 4px;
  padding-bottom: 4px;
}

.buildvnext-tab .buildvnext-build-sequence-item[aria-disabled='disabled'] {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.buildvnext-tab .buildvnext-build-sequence-item-details {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.buildvnext-task-properties ul {
  list-style: none;
  -webkit-padding-start: 0px;
  margin: 0px;
  padding: 0px;
}

.buildvnext-tab .buildvnext-build-sequence-item-title {
  font-size: 16px;
}

.buildvnext-tab .buildvnext-build-sequence-item .icon {
  height: 32px;
  width: 32px;
}

.buildvnext-task-definition-metadata .author {
  font-size: 12px;
  clear: left;
}

.buildvnext-tab .buildvnext-task-definition-metadata .source {
  font-size: 12px;
  clear: left;
}

.buildvnext-tab .combo-add-container {
  display: inline-block;
}

.build-button.add-schedule {
  margin-top: -10px;
  margin-left: -25px;
}

.build-button.add-schedule.invalid {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.buildvnext-tab .combo-add-container > div {
  float: left;
  width: 191px;
}

.buildvnext-tab .combo-add-container > label {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-left: 5px;
}

.buildvnext-tab .combo-grid-container {
  width: 191px;
}

.buildvnext-tab.save-definition-dialog {
  width: 100%;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding: 2px;
}

.delete-definition-no-match {
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.delete-definition-match {
  border-color: rgba( 16, 124, 16 ,  1 );
  border-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.delete-definition-confirmation-text {
  padding-bottom: 5px;
}

.buildvnext-tab.delete-definition-dialog {
  width: 100%;
  border-width: 1px;
  border-style: solid;
  box-shadow: none;
  padding: 2px;
  outline: none;
}

.buildvnext-tab.rename-buildstep-dialog-input {
  width: 93%;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding: 2px;
}

.buildvnext-tab.rename-buildstep-dialog-input + a {
  padding: 2px;
}

.build-title-link-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding-left: 16px;
}

.queue-build .queue-definition-definition {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.buildvnext-option-name-label {
  font-size: 18px;
  vertical-align: middle;
}

.buildvnext-option-details {
  padding-left: 21px;
}

.buildvnext-triggers-list.leftPane {
  overflow: auto;
  display: inline-table;
}

.buildvnext-triggers-editor {
  padding: 10px;
  display: inline-table;
}

.buildvnext-group-expanded fieldset {
  padding: 5px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding-left: 1px;
  display: inline;
  min-width: 505px;
}

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

.buildvnext-group-expanded fieldset > legend {
  font-weight: normal;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-bottom: 5px;
  padding-left: 0px;
}

.options-content fieldset {
  padding-top: 5px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  display: inline;
  min-width: 505px;
  margin-left: 10px;
}

.options-content fieldset > legend {
  font-weight: normal;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-bottom: 5px;
  padding-left: 0px;
}

.options-content fieldset legend label {
  margin-top: 8px;
  margin-left: 5px;
  padding-bottom: 5px;
  display: inline-block;
  font-weight: bold;
  font-size: 1.05em;
}

.buildvnext-retention-rules li.isDirty {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.retention-column {
  position: relative;
}

.retention-column.delete-records {
  padding-left: 25px;
}

.icon.folder {
  background: url("../../_content/tfs-icons.png") no-repeat -2352px 50% !important;
}

.icon.file {
  background: url("../../_content/tfs-icons.png") no-repeat -1360px 50% !important;
}

.buildvnext-retention-rules li.expanded > table > tbody > tr > td > .tree-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -7728px 50% !important;
}

.buildvnext-retention-rules li.collapsed > table > tbody > tr > td > .tree-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -7600px 50% !important;
}

.buildvnext-group-expanded .tree-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -7728px 50% !important;
}

.buildvnext-group-collapsed .tree-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -7600px 50% !important;
}

.buildvnext-tree ul.tree-children div.node-content > .buildvnext-draft-node {
  background: url("../../_content/tfs-icons.png") no-repeat -4944px 50% !important;
}

.buildvnext-tree ul.tree-children div.node-content > .buildvnext-definition-node {
  background: url("../../_content/tfs-icons.png") no-repeat -7760px 50% !important;
}

.buildvnext-tree ul.tree-children div.node-content > .xaml-node {
  background: url("../../_content/tfs-icons.png") no-repeat -4496px 50% !important;
}

.buildvnext-tab tr:hover .delete-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -1296px 50% !important;
}

.buildvnext-tab .add-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -176px 50% !important;
}

.buildvnext-build-details-header {
  left: 0;
  top: -1px;
  right: 0;
  height: 60px;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 218, 218, 218 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  box-shadow: 0px 1px 2px rgba(160, 160, 160, 0.2);
  font-size: 16px;
  padding-left: 10px;
  padding-top: 9px;
}

.buildvnext-retention-tab {
  font-size: 13px;
}

.buildvnext-retention-tab .draggable-indicator {
  position: absolute;
  left: 2px;
  background-image: url("../../_content/Build/drag_handler.png");
  height: 64px;
  width: 5px;
  cursor: move;
  top: 3px;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.buildvnext-build-details-header .definition-histogram {
  display: inline-block;
}

.buildvnext-definition-details-view .buildvnext-view-right-pane-content {
  top: 151px;
}

.buildvnext-definition-details-view .realtime-connection-error .buildvnext-view-right-pane-content {
  /* the connection error message box is 34px high */
  top: 185px;
}

.buildvnext-definition-details-view .buildvnext-view-right-pane-content .buildvnext-view-right-pane {
  top: 0px;
}

.buildvnext-definition-details-view .selected {
  outline: none;
}

.buildvnext-build-details-status {
  height: 27px;
  font-size: 18px;
  padding-left: 42px;
  font-weight: bolder;
  line-height: 27px;
  color: white;
}

#build-detail-toolbar-container .toolbar {
  border-bottom: 0;
  overflow: auto;
}

.buildvnext-build-details-header .duration {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.buildvnext-build-details-header .summary {
  display: inline-block;
  left: 97px;
  position: absolute;
  width: 100%;
}

.buildvnext-build-details-header .bowtie-user {
  position: relative;
  bottom: 2px;
}

.buildvnext-build-not-succeded {
  background-color: darkred;
}

.buildvnext-build-succeded {
  background-color: green;
}

.buildvnext-build-unknown, .buildvnext-build-canceled {
  background-color: grey;
}

.buildvnext-build-partially-succeded {
  background-color: darkOrange;
}

.icon-container {
  float: left;
  width: 16px;
  height: 16px;
}

.buildvnext-node-log-container {
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
}

.buildvnext-node-log {
  position: absolute;
  top: 0px;
  bottom: 10px;
  left: 0px;
  right: 0px;
}

.buildvnext-node-log > div {
  height: 100%;
}

.buildvnext-log-viewer-host {
  position: absolute;
  top: 0px;
  bottom: 10px;
  left: 0px;
  right: 0px;
}

.build-details {
  margin-left: 20px;
  margin-right: 10px;
}

.build-details .summary-section-holder-left {
  float: left;
  width: 48%;
}

.build-details .custom-summary-section-holder {
  clear: both;
}

.build-details .summary-section-holder-right {
  margin-left: 50%;
}

.buildvnext-build-summary .summary-section .test-run-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.buildvnext-build-summary .summary-section .test-run-table .link {
  width: 125px;
}

.buildvnext-build-summary .summary-section .test-run-table .status {
  width: 250px;
}

.buildvnext-build-summary .summary-section .test-run-table .icon {
  margin-top: -2px;
}

.build-details .custom-section .content {
  position: relative;
  bottom: 13px;
}

.build-details .summary-section .summary-item {
  word-wrap: break-word;
}

.summary-section .diagnostic-logs .failed-phase {
  font-style: italic;
}

.summary-section .diagnostic-logs tr td {
  text-align: center;
  padding-top: 5px;
}

.summary-section .diagnostic-logs tr td.details {
  width: 150px;
}

.build-custom-tab {
  height: 400px;
}

.build-details .summary-section-header {
  font-size: 16px;
  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 );
  padding: 10px 0 3px 0;
  margin: 0px;
  font-weight: 600;
}

.build-details .external-content-host-container html {
  overflow: auto;
}

.build-details .tfs-collapsible-header .tfs-collapsible-collapse {
  top: -4px;
  position: relative;
}

.buildvnext-codecoverage .tfs-collapsible-header .tfs-collapsible-collapse {
  top: 0px;
}

.build-details .summary-section-header .icon {
  margin-bottom: 3px;
}

.build-details .summary-item label {
  width: 100px;
  display: inline-block;
}

.buildvnext-associated-change {
  margin-bottom: 8px;
}

.buildvnext-associated-change .message {
  margin: 0px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  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";
  display: inline;
  white-space: pre-line;
}

.buildvnext-associated-change .message-more-link {
  display: inline-block;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  cursor: pointer;
}

.buildvnext-instance-property-label {
  float: left;
  width: 150px;
}

.summary .reason .icon {
  height: 20px;
}

.xaml-build-log li {
  list-style-type: none;
}

.buildvnext-view-right-pane .tab-content-container {
  padding-left: 10px;
  height: 100%;
}

.buildvnext-view-left-pane .tab-content-container {
  padding-left: 0px;
  position: relative;
}

.queue-dialog-tab {
  overflow-y: auto;
}

.queue-dialog-tab .data-column {
  width: 217px;
}

.buildvnext-view-left-pane .pivot-view li.selected {
  font-weight: bold;
}

.buildvnext-view-right-pane .grid {
  position: static;
}

.buildvnext-jobs-console {
  margin: 10px;
}

.buildvnext-jobs-console__title {
  font-size: 18px;
  font-weight: normal;
}

.buildvnext-jobs-console__titlebold {
  font-size: 18px;
  font-weight: bold;
}

.buildvnext-jobs-console__agents {
  list-style-type: none;
  padding: 0;
}

.buildvnext-jobs-console__item {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  display: inline-block;
  margin: 0 10px 15px 0;
  width: 260px;
  height: 188px;
  vertical-align: top;
  border-left:  solid 5px;
  border-left-color: rgba( 16, 124, 16 ,  1 );
  border-left-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.buildvnext-jobs-console__item--offline {
  border-left:  solid 5px;
  border-left-color: rgba( 218, 10, 0 ,  1 );
  border-left-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  height: 160px;
}

.buildvnext-jobs-console__item--disabled {
  border-left:  solid 5px;
  border-left-color: rgba( 200, 200, 200 ,  1 );
  border-left-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  height: 160px;
}

.buildvnext-jobs-console__item--disabled .buildvnext-jobs-console__item__name,
.buildvnext-jobs-console__item--disabled .buildvnext-jobs-console__item__position,
.buildvnext-jobs-console__item--disabled .buildvnext-jobs-console__item__status {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.buildvnext-jobs-console__item__name,
.buildvnext-jobs-console__item__position,
.buildvnext-jobs-console__item__status {
  padding: 0 10px;
}

.buildvnext-jobs-console__item__name {
  border-bottom:  solid 1px;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  display: block;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  padding: 10px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.buildvnext-jobs-console__item__name:hover {
  background-color: rgba(255, 255, 255, 0.5);
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  text-decoration: underline;
}

.buildvnext-jobs-console__item__position {
  display: inline-block;
  font-size: 55px;
  font-weight: 600;
}

.buildvnext-jobs-console__item__positionQualifier {
  display: inline-block;
  padding: 0 10px 0 0;
}

.buildvnext-jobs-console__item__status {
  border-top:  solid 1px;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  display: block;
  margin-top: 10px;
  overflow: hidden;
  padding: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.buildvnext-jobs-console__item__status--running {
  text-decoration: none;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  padding: 10px 10px 38px 10px;
}

.buildvnext-jobs-console__item__status--running:hover {
  background-color: rgba(255, 255, 255, 0.5);
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  text-decoration: underline;
}

.buildvnext-logs-console {
  background-color: rgba( 0, 69, 120 ,  1 );
  background-color: rgba( var(--palette-primary-shade-30,0, 69, 120) ,  1 );
  color: rgba( 234, 234, 234 ,  1 );
  color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  top: 11px;
  bottom: 5px;
  position: absolute;
  display: block;
  right: 5px;
  left: 5px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  overflow-y: auto;
  font-family: Consolas, Courier New, monospace;
  word-wrap: break-word;
}

.buildvnext-logs-console-line {
  white-space: pre;
}

.buildvnext-logs-console-line-error {
  background-color: black;
  color: red;
  font-size: 12px;
}

.buildvnext-logs-console-line-warning {
  color: yellow;
}

.buildvnext-logs-console-line-section {
  color: chartreuse;
}

.buildvnext-logs-console-line-command {
  color: aqua;
}

.buildvnext-logs-console-line-debug {
  color: gray;
}

.buildvnext-add-tasks .rightPane, .buildvnext-add-tasks .leftPane {
  overflow: auto;
}

/*Tasks dialog*/
.buildvnext-add-tasks-dialog .task-definition {
  position: relative;
  padding: 2px;
  overflow: hidden;
}

.buildvnext-add-tasks-dialog .task-definition:hover {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.buildvnext-add-tasks-dialog .task-definition .task-definition-details {
  display: inline-block;
  white-space: nowrap;
}

.buildvnext-add-tasks-dialog .task-definition .task-definition-details .task-definition-details-icon {
  height: 32px;
  width: 32px;
  position: relative;
  top: 6px;
}

.buildvnext-add-tasks-dialog .task-definition .task-definition-details .task-definition-details-title {
  display: inline;
  vertical-align: top;
}

.buildvnext-add-tasks-dialog .task-definition .task-definition-description {
  max-width: 315px;
  padding-left: 36px;
  top: -13px;
  position: relative;
}

.buildvnext-add-tasks-dialog .task-definition .task-definition-add {
  display: inline-block;
  right: 0px;
  position: absolute;
  top: 0px;
  padding: 8px;
}

/*End of Tasks dialog*/
.queue-build .queue-build-dialog-tabs {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  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";
}

.queue-build .queue-build-dialog-tabs .selected {
  font-weight: bold;
  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";
}

/*Template Wizard dialog*/
.build-icon-external-link {
  background: url("../../_content/icon-navigate-external-link.png") no-repeat 3px 50% !important;
}

.build-icon-refresh {
  background: url("../../_content/tfs-icons2.png") no-repeat -112px 50% !important;
}

.disabled-div {
  pointer-events: none;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.add-task-templates-dialog {
  height: 394px;
  overflow: auto;
  top: 28px;
  width: 100%;
  position: absolute;
}

.add-task-templates-dialog .templates-list li:first-child {
  border-top:  1px solid;
  border-top-color: rgba( 244, 244, 244 ,  1 );
  border-top-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.add-task-templates-dialog .templates-list-item-details {
  vertical-align: middle;
  padding-left: 3px;
  width: 92%;
  float: right;
}

.add-task-templates-dialog .templates-list-item-details .dialog-item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.add-task-templates-dialog #custom .templates-list-item-description {
  width: 425px;
}

.add-task-templates-dialog .templates-list-item-description {
  padding-top: 6px;
  padding-right: 25px;
  float: left;
  overflow: hidden;
  max-height: 40px;
}

.add-task-templates-dialog .templates-list-item-delete {
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  width: 15%;
}

.add-task-templates-dialog .templates-list-item {
  padding: 8px 0px;
  padding-left: 10px;
  height: 72px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 244, 244, 244 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.add-task-templates-dialog .templates-list-item .icon {
  height: 32px;
  width: 32px;
  margin-top: 3px;
  float: left;
}

.add-task-templates-dialog .templates-list-item .icon img {
  width: 100%;
}

.template-tabs {
  border-width: 1px;
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border-style: solid none;
  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";
  position: absolute;
  z-index: 1;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  top: 7px;
}

.template-tabs .pivot-tabs {
  height: 22px;
}

.template-tabs .pivot-tabs li a {
  padding-top: 5px;
}

.template-empty-def {
  border-top:  1px solid;
  border-top-color: rgba( 222, 236, 249 ,  1 );
  border-top-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 222, 236, 249 ,  1 );
  border-bottom-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  top: 428px;
  width: 100%;
  position: absolute;
  left: 3px;
  height: 43px;
}

.template-empty-def .templates-list {
  margin-top: 0px;
  padding: 2px 0px;
}

.template-empty-def .templates-list-item {
  padding-left: 4px;
  height: 36px;
}

.template-empty-def .templates-list-item-details {
  display: inline-block;
  vertical-align: middle;
  padding-left: 9%;
}

.template-tabs .selected {
  font-weight: bold;
  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";
}

.templates-list {
  list-style-type: none;
  padding-left: 0px;
}

.templates-list-item:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.templates-list-item-selected {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.template-wizard label {
  display: inline-block !important;
}

.template-wizard .wizard-container .wizard-fieldset {
  padding: 5px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  margin-bottom: 25px;
}

.template-wizard .wizard-container .wizard-fieldset > legend {
  font-weight: bold;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.select-template-page .page-content {
  padding: 0px !important;
  height: 470px !important;
}

.select-template-page .template-tabs {
  width: 100%;
  left: 0px;
}

.select-template-page .template-tabs li {
  outline: none;
}

.selected-definition-build-repo-source .page-content {
  max-height: 435px;
}

.selected-definition-build-repo-source .ci-trigger {
  position: relative;
}

.selected-definition-build-repo-source .ci-trigger checkbox {
  padding: 5px;
}

.selected-definition-build-repo-source .ci-trigger .trigger-content {
  padding-left: 26px;
}

.selected-definition-build-repo-source .ci-trigger .ci-label {
  left: 25px;
  top: -5px;
  position: absolute;
}

.selected-definition-build-repo-source .repo-source-options .ci {
  padding: 2px 18px;
}

.selected-definition-build-repo-source .repo-source-options .ci input {
  vertical-align: text-top;
}

.selected-definition-build-repo-source .repo-source-options .queue {
  margin-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 );
  padding: 8px 21px;
}

.selected-definition-build-repo-source .repo-source-options .queue .queue-select-text {
  display: block;
}

.selected-definition-build-repo-source .repo-source-options .queue .build-icon-refresh {
  position: relative;
  bottom: 2px;
  left: 7px;
}

.selected-definition-build-repo-source .repo-source-options .queue #queues {
  width: 70%;
  margin-top: 4px;
}

.selected-definition-build-repo-source .repo-source-options .repository-source {
  padding: 2px 18px;
}

.selected-definition-build-repo-source .repo-source-options .repository-source .repository-source-blocks {
  overflow: auto;
  padding: 2px 0px;
}

.selected-definition-build-repo-source .repo-source-options .repository-source .repository-source-block {
  float: left;
  width: 100px;
  padding: 14px 0px;
  height: 94px;
  border-right:  1px solid;
  border-right-color: rgba( 200, 200, 200 ,  1 );
  border-right-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 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.selected-definition-build-repo-source .repo-source-options .repository-source .repository-source-block:first-child {
  border-left:  1px solid;
  border-left-color: rgba( 200, 200, 200 ,  1 );
  border-left-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.selected-definition-build-repo-source .repo-source-options .repository-source .repository-source-block:hover {
  background: rgba( 199, 224, 244 ,  1 );
  background: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  overflow: visible;
}

.selected-definition-build-repo-source .repo-source-options .repository-source .repository-source-block .block-image {
  width: 32px;
  height: 32px;
  left: 32px;
  position: relative;
}

.selected-definition-build-repo-source .repo-source-options .repository-source .repository-source-block .block-text {
  overflow: hidden;
  display: block;
  position: relative;
  margin: 0 auto;
  height: 36px;
  text-align: center;
  text-overflow: ellipsis;
  padding: 5px;
}

.selected-definition-build-repo-source .repo-source-options .repository-source .repository-source-block:not(#project) {
  text-transform: capitalize;
}

.selected-definition-build-repo-source .repo-source-options .repository-source .repository-source-block-selected {
  background: rgba(0, 120, 212, 1);
  background: var(--communication-background,rgba(0, 120, 212, 1));
  color: white;
}

.selected-definition-build-repo-source .repo-source-options .repository-source .repository-source-block-selected:hover {
  background: rgba( 0, 90, 158 ,  1 );
  background: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
  color: white;
}

.selected-definition-build-repo-source .repo-source-options .repo-selection {
  padding: 2px 18px;
}

.selected-definition-build-repo-source .repo-source-options .repo-selection .repository-picker-holder {
  padding: 2px;
  padding-left: 0px;
}

.selected-definition-build-repo-source .repo-source-options .repo-selection .repository-picker-holder .filtered-list-popup {
  width: 559px;
}

.selected-definition-build-repo-source .repo-source-options .repo-selection .repository-picker-holder .selected-item-text {
  width: 95%;
}

.selected-definition-build-repo-source .repo-source-options .repo-selection .branch-picker-holder {
  margin-top: 8px;
}

.selected-definition-build-repo-source .repo-source-options .repo-selection .repository-picker {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.selected-definition-build-repo-source .repo-source-options .repo-selection .branch-picker {
  margin-top: 4px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.selected-definition-build-repo-source .repo-source-options .folder {
  padding: 0px 20px;
}

.selected-definition-build-repo-source .repo-source-options .folder label {
  width: 100%;
}

.selected-definition-build-repo-source .repo-source-options .folder .folder-input {
  width: 70%;
}

.selected-definition-build-repo-source .repo-source-options .folder .folder-input .combo {
  float: left;
}

.selected-definition-build-repo-source .repo-source-options .folder .folder-path {
  margin-left: 12px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.agentpool-admin-view .manage-membership-grid,
.agentqueue-admin-view .manage-membership-grid,
.buildvnext-admin-view .manage-membership-grid {
  margin-left: 10px;
  height: 100%;
  position: relative !important;
  top: 0px !important;
}

span.label {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.buildvnext-textarea {
  width: 100%;
  height: 50px;
}

.buildvnext-option-separator {
  height: 1px;
  width: 600px;
  background-color: darkgray;
  margin-top: 7px;
  margin-bottom: 3px;
}

.buildvnext-view .radio-button-list {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.buildvnext-view .radio-button-list li {
  line-height: 30px;
}

.icon-git-logo-greyscale {
  background: url("../../_content/Build/git-logo-greyscale-white.png") no-repeat 0px 0px !important;
}

.icon-git-logo-white {
  background: url("../../_content/Build/git-logo-greyscale-white.png") no-repeat 0px -44px !important;
}

.icon-svn-logo-greyscale {
  background: url("../../_content/Build/subversion-logo-greyscale-white.png") no-repeat 0px 0px !important;
}

.icon-svn-logo-white {
  background: url("../../_content/Build/subversion-logo-greyscale-white.png") no-repeat 0px -42px !important;
}

.icon-github-logo-greyscale {
  background: url("../../_content/Build/github-logo-greyscale-white.png") no-repeat 0px 0px !important;
}

.icon-github-logo-white {
  background: url("../../_content/Build/github-logo-greyscale-white.png") no-repeat 0px -42px !important;
}

.icon-project-logo-greyscale {
  background: url("../../_content/Build/project-logo-greyscale-white.png") no-repeat 0px 0px !important;
}

.icon-project-logo-white {
  background: url("../../_content/Build/project-logo-greyscale-white.png") no-repeat 0px -42px !important;
}

.delete-grid-row-icon {
  cursor: pointer;
}

/* LogsViewer Control Styles */
.log-viewer {
  overflow: hidden;
  position: absolute;
  /* To make this container element for holders, bars */
  top: 0px;
  bottom: 0px;
}

.log-viewer-data {
  line-height: 15px;
  white-space: nowrap;
  overflow: auto;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: -20px;
  /* overflow hidden doesn't work as expected for IE, so make scrollbars off the screen to work for all browsers*/
  font-family: Monaco, Menlo, Consolas, "Droid Sans Mono", "Inconsolata", "Courier New", monospace;
  outline: 0;
  /* fix for chrome since we used tabindex to have keybindings*/
}

.log-viewer ol {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.log-viewer ol li {
  color: #2b91af;
  counter-increment: numbers;
  display: block;
  margin-left: 3.5em;
}

.log-viewer ol li div pre {
  color: black;
  padding-left: 5px;
  font-family: Monaco, Menlo, Consolas, "Droid Sans Mono", "Inconsolata", "Courier New", monospace;
  position: relative;
  margin: 0px;
}

.log-viewer ol li div {
  overflow: hidden;
  display: inline-table;
  padding-right: 80px;
}

.log-viewer ol li .highlightMe {
  color: blueviolet;
  padding: 0px;
}

.log-viewer ol li .error {
  color: darkred;
  margin: 0px;
  font-size: 12px;
}

.log-viewer ol li .section {
  color: green;
}

.log-viewer ol li .warning {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.log-viewer ol li .command {
  color: aqua;
}

.log-viewer ol li .debug {
  color: gray;
}

.log-viewer ol li:before {
  content: counter(numbers) " ";
  display: inline-block;
  text-align: right;
  width: 3em;
  padding-right: 0.5em;
  margin-left: -3.5em;
  background-color: whitesmoke;
}

.log-viewer .bar {
  -o-transition: linear;
  -moz-transition: linear;
  -ms-transition: linear;
  transition: linear;
  background: rgba(100, 100, 100, 0.3);
}

.log-viewer .bar:hover {
  -o-transition: linear;
  -moz-transition: linear;
  -ms-transition: linear;
  transition: linear;
  background: rgba(100, 100, 100, 0.6);
}

.log-viewer .vertical-holder {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  -o-transition: linear;
  -moz-transition: linear;
  -ms-transition: linear;
  transition: linear;
  background-color: rgba(255, 255, 255, 0.3);
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.log-viewer .vertical {
  top: 0px;
  right: 0px;
  height: 100px;
  position: absolute;
}

.log-viewer .horizontal {
  left: 0px;
  height: 16px;
  position: absolute;
  bottom: 0px;
}

.hideme {
  display: none;
}

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.no-select-without-pointer {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*End of LogsViewer Control Styles*/
tr:hover .delete-grid-row-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -1296px 50% !important;
}

.buildvnext-groups {
  padding-top: 10px;
}

.task-definition-help {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  margin-top: 15px;
  width: 510px;
  position: relative;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.task-definition-help .icon-info {
  position: absolute;
  top: 10px;
  left: 10px;
}

.task-definition-help .help {
  position: relative;
  padding-left: 31px;
  top: -3px;
}

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

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

.buildvnext-variables-help {
  padding: 2px 21px;
  font-size: 13px;
}

.buildvnext-variables-grid-table {
  position: relative;
  width: 95%;
}

.buildvnext-variables-grid-table td {
  padding: 2px;
  margin: 0;
}

.buildvnext-variables-grid-table th {
  text-align: left;
}

.buildvnext-variables-grid-table thead td {
  padding-left: 3px;
}

.buildvnext-variables-grid-table select {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding: 1px;
  width: 100%;
}

.buildvnext-variables-grid-table input[type='text'] {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding: 2px;
  width: 100%;
  vertical-align: middle;
}

.tfvc-mappings input[type='text'] {
  width: 300px;
}

.buildvnext-variables-grid-table input[type='text'].disabled {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.buildvnext-variables-grid-table input[type='password'] {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding: 2px;
  width: 100%;
}

.buildvnext-definition-designer-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.buildvnext-definition-designer-list > li {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  margin: 10px 0;
  padding: 5px;
  width: 800px;
}

.retention-policy-default-label-description {
  padding-left: 5px;
}

.retention-policy-default-label-value {
  padding-right: 15px;
}

.buildvnext-definition-designer-list > li > h3 {
  margin: 5px;
}

.buildvnext-definition-designer-list > li > .description {
  margin-left: 10px;
  margin-top: 0;
  font-style: italic;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.buildvnext-definition-designer .information-header {
  font-size: 18px;
  padding-left: 10px;
}

.buildvnext-definition-designer .selected {
  outline: none;
}

.buildvnext-definition-designer .information-summary {
  padding-left: 10px;
}

.buildvnext-definition-designer .information {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 218, 218, 218 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  border-top:  1px solid;
  border-top-color: rgba( 218, 218, 218 ,  1 );
  border-top-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.buildvnext-definition-designer .hub-title .buildvnext-operation-error {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  font-size: 16px;
  text-overflow: ellipsis;
  position: relative;
  top: -3px;
  overflow: hidden;
}

.buildvnext-definition-triggers {
  font-size: 13px;
}

.buildvnext-definition-triggers > li > .trigger-content {
  padding: 5px 5px 5px 25px;
}

.retention-rule-option {
  margin-right: 10px;
  vertical-align: top;
}

.retention-rule-option-label {
  padding-left: 3px;
  vertical-align: middle;
}

.retention-rule-option-checkbox {
  margin-top: 4px;
  vertical-align: middle;
}

.retention-rule-collapsed-display-table {
  margin-right: 10px;
}

.retention-rule-collapsed-display {
  vertical-align: top;
}

.retention-rule-label {
  vertical-align: top;
  padding-top: 2px;
}

.days_to_keep_label {
  padding-left: 3px;
}

.retention_rule_textbox {
  width: 50px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding: 2px;
}

.retention_branch_filters_label {
  padding-left: 3px;
  vertical-align: middle;
}

.buildvnext-retention-rules {
  width: 800px;
  position: relative;
}

.buildvnext-retention-rules > li {
  position: relative;
}

.buildvnext-retention-rules > li > table > tbody > tr > td > .red-delete-icon-hover {
  position: absolute;
  right: 5px;
  top: 5px;
}

.buildvnext-retention-rules > li > .retention-rule-content {
  padding: 0px 5px 5px 15px;
}

.buildvnext-retention-policy-rule > tbody > tr {
  vertical-align: top;
}

.buildvnext-definition-options .options-content {
  padding-top: 10px;
}

.buildvnext-definition-triggers .filter-action-icon-cell {
  width: 4px;
}

.buildvnext-definition-triggers .filter-type {
  width: 100px;
}

.buildvnext-definition-triggers .filter-path {
  width: 300px;
}

.buildvnext-polling_interval_textbox {
  width: 40px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding: 2px;
}

.buildvnext-padded-div {
  padding: 0px 0px 5px 0px;
}

.buildvnext-variables-grid {
  font-size: 13px;
}

.buildvnext-variables-grid .variable-remove {
  width: 16px;
}

.buildvnext-variables-grid .variable-name {
  width: 300px;
}

.buildvnext-variables-grid .variable-value {
  width: 300px;
}

.svn-revision-value {
  width: 80px !important;
}

.buildvnext-variables-grid .variable-allowOverride {
  width: 200px;
}

.buildvnext-definition-options .option-label {
  width: 150px;
  text-align: left;
  vertical-align: top;
}

.buildvnext-definition-options .taskeditor-inputs-grid-table {
  margin-left: 29px;
  margin-bottom: 10px;
}

.buildvnext-definition-options .additional-inputs-grid-table {
  margin-left: 10px;
}

.buildvnext-definition-options .taskeditor-inputs-grid-table td.helpMarkDown {
  margin-left: 29px;
  margin-bottom: 10px;
  width: 20px;
}

.icon-td {
  width: 20px;
}

.helpMarkDown {
  vertical-align: middle;
}

.buildvnext-definition-options {
  font-size: 13px;
}

.build-repo-misc-options {
  margin-left: 1px;
}

.build-repo-misc-options .repository-clean {
  width: 100px;
  height: 32px;
}

.build-repo-misc-options .second-col-label {
  width: 90px;
  margin-left: 10px;
}

.build-repo-misc-options select {
  width: 100%;
}

.buildvnext-definition-repo {
  font-size: 13px;
}

.buildvnext-definition-repo .option-label {
  width: 150px;
}

.buildvnext-definition-repo .filtered-list-dropdown-menu {
  padding: 0;
  padding-left: 2px;
}

.buildvnext-definition-repo .helpMarkDown {
  width: 20px;
}

.buildvnext-definition-repo .shallow-label {
  width: 201px;
  top: 2px;
  left: 1px;
  position: relative;
}

.buildvnext-definition-repo .shallow-checkbox {
  width: 30px;
}

.buildvnext-definition-repo .shallow-label-depth {
  position: relative;
  top: 2px;
  width: 46px;
}

.build-repository-form {
  position: relative;
  bottom: 10px;
}

.buildvnext-definition-repo-type {
  margin-bottom: 10px;
}

.buildvnext-definition-repo-type .empty-column {
  width: 23px;
}

.build-generaltab .option-label {
  width: 160px;
}

.build-generaltab .option-link {
  width: 4px;
}

.buildvnext-steps-drag-helper {
  background-color: rgba( 199, 224, 244 ,  1 );
  background-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  padding: 10px 10px 10px 30px;
  cursor: move;
}

.buildvnext-definition-general {
  font-size: 13px;
}

.buildvnext-definition-general .general-label {
  width: 220px;
}

.buildvnext-definition-general .general-value {
  width: 300px;
}

.buildvnext-definition-general .helpMarkDown {
  width: 74px;
}

.buildvnext-definition-general .manage-link {
  width: 56px;
}

.buildvnext-definition-general-demands .readonly {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.buildvnext-definition-general-demands .remove-icon {
  width: 20px;
}

.buildvnext-definition-general-demands .demand-name {
  padding-left: 5px;
  width: 15%;
}

.buildvnext-definition-general-demands .demand-type {
  padding-left: 8px;
  width: 15%;
}

.buildvnext-definition-general-demands .demand-value {
  padding-left: 5px;
}

.buildvnext-definition-general-demands .readonly-demand-name {
  padding-left: 5px;
}

.buildvnext-definition-general-demands .readonly-demand-type {
  padding-left: 8px;
}

.buildvnext-definition-general-demands .readonly-demand-value {
  padding-left: 5px;
}

.buildvnext-definition-history .revisions-grid {
  position: absolute;
  left: 10px;
  top: 0;
  right: 0;
  bottom: 0;
}

.buildvnext-definition-explorer-view .hub-title .description {
  font-size: 12px;
  margin: 0;
  font-style: italic;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding: 0px;
}

.buildvnext-definition-explorer-view .buildvnext-view-right-pane-content {
  top: 44px;
}

.buildvnext-definition-explorer-view .hub-pivot {
  margin-top: 10px;
}

.buildvnext-definition-explorer-view .hub-progress {
  top: 56px;
}

.buildvnext-definition-explorer-view .selected {
  outline: none;
}

.invisibleIcon {
  visibility: hidden;
}

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

.buildvnext-schedule-day-label.invalid {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.add-new-filter-row.invalid {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

/*Common styles TODO: Change all common styles to texttemplate*/
.buildvnext-node-log-container .error {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.buildvnext-help-tooltip {
  display: none;
  border-color: transparent !important;
  padding: 2px;
  width: 246px;
  position: absolute;
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  z-index: 50000;
}

.buildvnext-help-tooltip .close {
  float: right;
}

.buildvnext-help-tooltip .content .icon {
  padding: 10px;
  float: left;
}

.buildvnext-continuous-integration-trigger {
  position: relative;
}

.build-button {
  padding: 10px;
  margin: 0px 2.5px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  box-sizing: border-box;
  max-width: 250px;
  display: inline-block;
}

.build-button .text {
  vertical-align: middle;
  margin-left: 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.build-button.hover:not(.disabled) {
  background-color: rgba( 222, 236, 249 ,  1 ) !important;
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 ) !important;
}

.build-button.disabled {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  cursor: default;
}

.build-button.disabled .icon {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.50;
  -moz-opacity: 0.50;
  opacity: 0.50;
}

.build-issue {
  padding-bottom: 5px;
}

.build-issue-icon {
  float: left;
}

.build-issue-detail {
  margin-left: 19px;
}

.build-details .summary-item-header {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  font-size: 14px;
  margin: 5px 0 3px 0;
}

.buildvnext-variables-grid .icon.icon-restricted-2 {
  cursor: pointer;
}

.buildvnext-variables-grid .icon.icon-restricted-2.not-secret {
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}

.buildvnext-build-details-header .reason {
  white-space: nowrap;
}

.buildvnext-definition-repo .icon.icon-restricted-2.not-secret {
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}

.buildvnext-view-left-pane-content {
  margin-top: 8px;
  position: relative;
}

.buildvnext-view-left-pane-content .status {
  position: absolute;
  top: 5px;
  left: 6px;
}

.buildvnext-view-left-pane-content .tree-heading {
  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;
  padding-left: 27px;
}

.buildvnext-plan-nodes-tree .child-node {
  padding-left: 25px;
}

.buildvnext-plan-nodes-tree .tfs-knockout-tree .node-content {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.badge-popup-content-control.rich-content-tooltip {
  width: 450px;
}

.badge-popup {
  white-space: normal;
  padding: 10px;
}

.badge-popup > div {
  margin-bottom: 10px;
}

.badge-popup .badge-url {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  width: 100%;
}

.popup-close-icon {
  float: right;
  cursor: pointer;
}

.xaml-build-detail-view .text a {
  margin: 0 5px 0 5px;
}

.xaml-build-detail-view .status.icon {
  margin-right: 10px;
}

.xaml-build-detail-view table {
  width: 100%;
}

.xaml-build-detail-view .overview {
  font-size: 16px;
}

.xaml-build-detail-view .overview .reason, .xaml-build-detail-view .overview .duration {
  white-space: nowrap;
}

.xaml-build-detail-view .content {
  position: absolute;
  left: 20px;
  top: 0px;
  right: 0;
  bottom: 0;
  overflow: auto;
}

.xaml-build-detail-view .logmenu {
  position: absolute;
  left: 20px;
  top: 0px;
}

.xaml-build-detail-view .logcontent {
  position: absolute;
  top: 30px;
  left: 20px;
  right: 0;
  bottom: 0;
  overflow: auto;
}

.xaml-build-detail-view .BuildLinkDisabled {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

build-detail-view .content .summary-section {
  display: none;
  margin-bottom: 20px;
}

.xaml-build-detail-view .content .summary-header {
  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: 5px 0 10px 0;
}

.xaml-build-detail-view .header .bld-histogram {
  width: 1%;
}

.xaml-build-detail-view .header .duration {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.xaml-build-detail-view pre {
  margin: 0;
  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";
  white-space: pre-wrap;
}

.xaml-build-detail-view .log .info {
  margin: 2px;
  word-wrap: break-word;
  word-break: break-all;
}

.xaml-build-detail-view .log .property {
  margin: 2px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.xaml-build-detail-view .log .property-value {
  margin: 2px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.xaml-build-detail-view .summary .sub-header {
  font-size: 14px;
  font-weight: bold;
  margin: 5px 5px 5px 20px;
}

.xaml-build-detail-view .summary .sub-content {
  margin: 1px 2px 1px 30px;
}

.xaml-build-detail-view .summary .warning {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding: 5px;
  margin: 5px;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.xaml-build-detail-view .error {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding: 5px;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.xaml-build-detail-view .summary .message {
  margin: 1px 2px 1px 20px;
}

.xaml-build-detail-view .summary .collapsible {
  margin: 1px 2px 1px 6px;
}

.xaml-build-detail-view .summary .disabled-link {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.xaml-build-detail-view .summary .new-workitem .title {
  margin: 0 0 0 5px;
}

.xaml-build-detail-view .associated-cs .changeset {
  margin-bottom: 10px;
}

.xaml-build-detail-view .associated-cs .comment {
  margin: 5px 0 0 0;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  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";
}

.xaml-build-detail-view .associated-cs .title {
  margin: 0 0 0 5px;
}

.xaml-build-detail-view .associated-wi .workitem {
  margin-bottom: 10px;
}

.xaml-build-detail-view .associated-wi .summary {
  margin: 5px 0 0 0;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.xaml-build-detail-view .associated-wi .title {
  margin: 0 0 0 5px;
}

#buildvnext-view-explorer .build-list-tags .tags-items-container {
  float: left;
}

.definition-save-dialog .folder-input {
  width: 65%;
  float: left;
}

.definition-save-dialog .folder-path {
  margin-left: 12px;
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.definition-save-dialog .content {
  padding: 6px;
}

/*#endregion */
/*#region All new styles starting from here*/
/*#region Common styles */
.build-x-small {
  width: 22px;
  height: 22px;
}

button.build-resource-clear-button {
  width: 100%;
  border-top:  1px solid;
  border-top-color: rgba( 234, 234, 234 ,  1 );
  border-top-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.build-pre-wrap-text {
  white-space: pre-wrap;
}

.action-icon .build-favorite {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.build-ellipsis {
  padding: 4px;
  font-size: 20px;
}

.build-ellipsis::before {
  content: "...";
}

.build-root-folder {
  opacity: 0.9;
}

.build-item-separator {
  width: 1px;
  height: 1em;
  border-left: 1px solid transparent;
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  display: inline-block;
  top: 4px;
  position: relative;
  margin: 0px 8px;
}

.icon.build-brand-icon-color {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.build-brand-icon-color {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.build-dark-icon-color {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.build-failure-icon-color {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.build-muted-icon-color {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.build-success-icon-color {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.build-warning-icon-color {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.build-sortable-col:hover {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  text-decoration: none;
}

.build-link-button-container {
  font-size: 13px;
  padding: 0px 0px 0px 64px;
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.build-link-button-container:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  text-decoration: underline;
}

/*#endregion */
/*#region Build view styles - common */
.build-definitions-view .ms-Fabric.is-focusVisible .pivotTab-link {
  z-index: 100;
  outline-offset: -1px;
}

.build-definitions-view .pageProgressIndicator {
  z-index: 1;
  top: 78px;
}

.build-definitions-view .hub-content .hub-pivot {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.build-definitions-view .hub-content .hub-pivot .pivot-view {
  margin-left: 10px;
}

.build-definitions-view .build-breadcrumbs {
  padding: 4px 0px 4px 21px;
  margin-top: 12px;
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
}

.build-definitions-view .build-queued-tab-pivot-data {
  right: 40px;
  position: relative;
}

.build-definition-view .ms-Fabric.is-focusVisible .pivotTab-link {
  z-index: 100;
  outline-offset: -1px;
}

.build-definition-view .hub-title {
  overflow: initial;
}

.build-definition-view .hub-content .hub-pivot {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.build-definition-view .hub-content .hub-pivot .pivot-view {
  margin-left: 10px;
}

.build-definition-view .pageProgressIndicator {
  z-index: 1;
  top: 78px;
}

.build-definition-view .build-breadcrumbs {
  padding: 4px 0px 4px 21px;
  margin-top: 12px;
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
}

.build-definitions-pivotfilters {
  position: relative;
  top: 3px;
}

.build-definition-pivotfilters {
  position: relative;
  top: 3px;
}

.build-definition-entry-details {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  line-height: 20px;
  margin-right: 85px;
}

.build-definition-entry-details-title,
.build-definition-entry-details-title:link,
.build-definition-entry-details-title:visited {
  font-size: 15px;
  font-weight: 600;
}

.build-definition-entry-user-image {
  vertical-align: middle;
  float: left;
}

.build-pivot-content-container .hub-pivot-content {
  overflow: auto;
}

.build-pivot-content-container ul.pivot-view li a {
  text-decoration: none;
}

.build-status-container {
  margin-left: 10px;
  width: 130px;
  position: relative;
  top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.build-status-text {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.build-status-text.failure {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.build-status-text.success {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.build-status-text.canceled {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.build-status-text.warning {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.build-status-text.queued {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

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

.build-definition-entry-subtle {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.build-definition-entry-subtle .bold {
  font-weight: 600;
}

/*#endregion */
/*#region New definition editor styles */
.build-definition-editor-view .hub-title {
  overflow: initial;
}

.build-definition-editor-view .hide {
  display: none;
}

.build-definition-editor-view .show {
  display: block;
}

.build-definition-editor-view.bowtie select {
  height: 32px;
}

.build-definition-editor-view > .hub-content {
  position: relative;
  height: 100%;
}

.build-definition-editor-view > .hub-content > .hub-pivot-content {
  top: 0px;
}

.build-definition-editor-view-content .helpMarkDown {
  vertical-align: middle;
}

.build-definition-editor-view-content .file-path {
  height: 100%;
  min-width: 25px;
  width: 40px;
}

.build-definition-editor-view-content .editor-extension {
  height: 100%;
  min-width: 25px;
  width: 40px;
}

.build-definition-editor-view-content .taskeditor-tasks .file-path {
  height: 32px;
  min-width: 25px;
  width: 40px;
}

.build-definition-editor-view-content .taskeditor-tasks .editor-extension {
  height: 32px;
  min-width: 25px;
  width: 40px;
}

.build-definition-editor-view-content .taskeditor-tasks .option-value label {
  display: inline-block;
}

.build-definition-editor-view-content .local-path {
  vertical-align: middle;
}

.build-definition-editor-view-content .connection-details {
  vertical-align: middle;
  width: 20px;
}

.build-definition-editor-view-content .option-definition label {
  display: inline-block;
}

.build-definition-editor-view-content .icon-td {
  vertical-align: middle;
}

.build-definition-editor-view-content .filter-action-icon-cell {
  vertical-align: middle;
}

.build-definition-editor-view-content .filter-type {
  vertical-align: middle;
}

.build-definition-editor-view-content label.buildvnext-schedule-filter-label {
  display: block;
}

.build-definition-editor-view-content .build-generaltab .option-label {
  width: 200px;
}

.build-definition-editor-view-content .buildvnext-definition-repo .option-label {
  width: 200px;
}

.build-definition-editor-view-content .retention-rule-option td {
  width: 130px;
  vertical-align: middle;
}

.build-definition-editor-view-content .retention-rule-option td label {
  width: 130px;
}

.build-definition-editor-view-content .retention-rule-option td .retention_rule_textbox {
  width: 112px;
}

.build-definition-editor-view-content .retention-rule-collapsed-display-table {
  margin-right: 0px;
}

.build-definition-editor-view-content .retention-filters {
  padding-left: 90px;
}

.build-definition-editor-view-content .retention-filters .filter-type {
  width: 200px;
}

.build-definition-editor-view-content .buildvnext-definition-designer-list > li {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  margin: 10px 0;
  padding: 5px;
  width: 1200px;
}

.buildvnext-retention-tab .description {
  margin-left: 10px;
  margin-top: 0;
  font-style: italic;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

/*#endregion */
/* #region tag filters */
.build-tags {
  display: inline-block;
}

.build-tags .autocomplete input {
  height: 24px;
}

/* #endregion */
/* #region licensing queue position tile */
.buildvnext-licensing-queue {
  margin: 0px 10px 10px 0px;
  width: 100%;
}

.buildvnext-licensing-queue__show-pipelines,
.buildvnext-licensing-queue__message,
.buildvnext-licensing-queue__buyMore {
  font-size: 14px;
}

.buildvnext-licensing-queue__message {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  padding: 10px;
}

.buildvnext-licensing-queue__show-pipelines,
.buildvnext-licensing-queue__buyMore {
  display: block;
}

.r-total-data .r-total-limit .horizontal-title-separator.adjust-margin {
  margin: 5px 0px;
}

.r-total-data .r-total-limit .horizontal-title-separator,
.buildvnext-licensing-queue__details .horizontal-title-separator {
  border-width: 0;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0px;
}

.buildvnext-licensing-queue__details .horizontal-title-separator.adjust-margin {
  margin-top: 5px;
}

.buildvnext-licensing-queue__details {
  padding-left: 10px;
  width: 210px;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding: 10px;
  text-align: center;
  border-top: solid 8px rgba(0, 90, 158, 1);
  border-top: solid 8px var(--communication-foreground,rgba(0, 90, 158, 1));
  margin-top: 10px;
}

.buildvnext-licensing-queue__details div.as-link {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  cursor: pointer;
  display: inline;
}

.buildvnext-licensing-queue__details div.as-link:hover {
  text-decoration: underline;
}

.buildvnext-licensing-queue__positionQualifier {
  display: inline-block;
}

.buildvnext-licensing-queue__positionTitle {
  font-size: 18px;
}

.buildvnext-licensing-queue__position {
  font-size: 56px;
  font-weight: 600;
}

/* #endregion */
.build-definitions-view .all-definitions-list .definition-draft-node-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -4944px 50% !important;
}

.build-definitions-view .all-definitions-list .definition-node-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -7760px 50% !important;
}

/*#endregion */
/** Automatically converted from BuildAdminView.css **/
.buildvnext-admin-left-pane {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.buildvnext-admin-left-pane a:not(.ms-Button) {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  text-decoration: none;
  cursor: pointer;
}

.buildvnext-admin-left-pane a:not(.ms-Button):hover {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  text-decoration: underline;
}

.buildvnext-admin-left-pane a:not(.ms-Button):visited {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.buildvnext-admin-left-pane a:not(.ms-Button):active {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.buildvnext-admin-left-pane-toolbar {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  border-top-style: none !important;
}

.buildvnext-admin-left-pane-toolbar li[command="download-agent"] {
  width: 130px;
}

.buildvnext-admin-left-pane .title {
  display: block;
  padding: 7px;
  font-weight: bold;
}

.buildvnext-admin-left-pane .buildvnext-admin-left-pane-rootscoped {
  position: relative;
  top: 43px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 218, 218, 218 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 10px 0px;
}

.buildvnext-admin-left-pane .tree-pane {
  position: relative;
  top: 43px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 218, 218, 218 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 10px 0px;
  margin: 0 10px;
  overflow: auto;
}

.buildvnext-admin-left-pane .buildvnext-admin-left-pane-links {
  top: 40px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 218, 218, 218 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  margin-left: 10px;
  position: relative;
  padding-left: 10px;
  height: 20px;
}

.buildvnext-admin-left-pane .links {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.buildvnext-admin-left-pane .links .manage-pool-link:focus {
  outline-offset: -1px;
}

.buildvnext-admin-left-pane .buildvnext-agentpools-tree .hostpool-node > .node-link > .node-content {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-weight: normal;
}

.buildvnext-admin-left-pane .buildvnext-admin-left-pane-agentqueues {
  position: relative;
  top: 44px;
}

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

.buildvnext-admin-left-pane .buildvnext-agentpools-tree .agentpool-node-obsolete .node-link {
  color: red;
}

.agentqueue-admin-view > .hub-content,
.buildvnext-admin-view > .hub-content {
  top: 0px;
}

.agents-grid .icon-delete-grey-f1-background {
  top: 7px;
  right: 4px;
  cursor: pointer;
  position: absolute;
  border: none;
}

.agents-grid .icon-delete-grey-f1-background:focus {
  outline: 1px solid rgba(0, 0, 0, .55);
  outline: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.r-buy-more-help-dialog .r-buy-more-help ol.r-list li {
  padding-bottom: 10px;
}

.r-buy-more-help-dialog .r-buy-more-help ol.r-list li .r-ital {
  font-style: italic;
}

.r-buy-more-help-dialog .r-buy-more-help ol.r-list .r-help-margin {
  margin-left: -10px;
}

.br-admin-resourcelimits-view .r-admin-main.r-throttle {
  margin: 0px 0px 0px 10px;
}

.br-admin-resourcelimits-view .r-admin-main .r-top-head {
  font-size: 18px;
}

.br-admin-resourcelimits-view .r-admin-main div.as-link {
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
  cursor: pointer;
  display: inline;
}

.br-admin-resourcelimits-view .r-admin-main div.as-link:hover {
  text-decoration: underline;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head {
  margin-left: 8px;
  min-width: 600px;
  width: 70%;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-head-table {
  width: 100%;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-head-table h3.r-main-head,
.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-head-table .r-learn-more {
  margin-bottom: 3px;
  margin-top: 15px;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-head-table .r-learn-more {
  float: right;
  margin-right: 8px;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .horizontal-line.splitter.horizontal.r-splitter {
  height: 1px;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  margin-bottom: 8px;
  width: auto;
  display: block;
  margin-top: 2px;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head {
  margin-left: 5px;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head .r-desc {
  margin-bottom: 20px;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head .r-desc-onprem {
  margin-bottom: 15px;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head table.r-outer-tab {
  width: 100%;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head table.r-outer-tab td.r-total-data {
  vertical-align: top;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head table.r-outer-tab .bowtie.r-update-button {
  padding-top: 10px;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head table.r-outer-tab table.r-data .img-pipelines {
  width: 36px;
  height: 36px;
  margin-right: 3px;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head table.r-outer-tab table.r-data td.d-padding,
.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head table.r-outer-tab table.r-data td.h-padding {
  padding: 0px 0px 5px 10px;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head table.r-outer-tab table.r-data tr.d-section {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head table.r-outer-tab table.r-data tr.d-total-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 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head table.r-outer-tab table.r-data td.d-section-end {
  padding-bottom: 20px;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head table.r-outer-tab table.r-data td .d-width {
  min-width: 25px;
  text-align: left;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head table.r-outer-tab table.r-data td .d-total-font,
.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head table.r-outer-tab table.r-data td .d-total-head-font {
  font-size: 130%;
  font-weight: 600;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head table.r-outer-tab table.r-data td .d-sub-text-font {
  font-size: 80%;
  font-weight: 200;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head table.r-outer-tab table.r-data td .column-padding {
  padding-bottom: 5px;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head table.r-outer-tab table.r-data td input[type="text"].onprem-private-purchased-count {
  width: 70px;
  text-align: left;
  padding-left: 5px;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head .r-total-limit {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  width: 150px;
  text-align: center;
  padding-bottom: 5px;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head .r-total-limit .r-heading {
  font-size: 16px;
}

.br-admin-resourcelimits-view .r-admin-main .r-sub-head .r-data-head .r-total-limit .r-count-data {
  font-size: 18px;
  padding: 10px 0px 10px 0px;
}

.buildvnext-admin-hosts-view .roles-grid .grid-row {
  padding: 4px;
}

.buildvnext-admin-hosts-view .manage-membership-grid {
  height: 92%;
}

.red-delete-icon-hover:hover {
  background: url("../../_content/tfs-icons.png") no-repeat -1168px -16px !important;
  /*icon-delete*/
  cursor: pointer;
}

.agentqueue-admin-view > .hub-content > .hub-pivot,
.buildvnext-admin-view > .hub-content > .hub-pivot {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.buildvnext-admin-view .buildvnext-admin-content {
  height: 100%;
}

.grid.hosts-grid {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
}

.buildvnext-admin-hosts-view .splitter {
  position: absolute;
}

.buildvnext-admin-hosts-view .capabilities {
  overflow: auto;
  padding-left: 10px;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
}

.grid .grid-row .agent-activity-text p {
  margin: 0px;
}

.grid .grid-row .agent-activity-text a:link {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  text-decoration: underline;
}

.buildvnext-admin-hosts-view .agent-requests-grid,
.buildvnext-admin-hosts-view .agents-grid,
.buildvnext-admin-hosts-view .maintenance-history-grid {
  position: static;
}

.buildvnext-admin-hosts-view .agent-requests-grid .agent-details-text,
.buildvnext-admin-hosts-view .agents-grid .agent-details-text,
.buildvnext-admin-hosts-view .maintenance-history-grid .agent-details-text {
  position: relative;
  bottom: 6px;
}

.buildvnext-admin-hosts-view .agent-requests-grid .agent-details-icon,
.buildvnext-admin-hosts-view .agents-grid .agent-details-icon,
.buildvnext-admin-hosts-view .maintenance-history-grid .agent-details-icon {
  border: none;
  background: transparent;
  position: relative;
  bottom: 6px;
}

.buildvnext-admin-hosts-view .agents-grid .grid-row input {
  vertical-align: middle;
}

.buildvnext-admin-hosts-view .agents-grid .grid-row span {
  vertical-align: middle;
}

.buildvnext-admin-hosts-view .agents-grid .grid-row .icon-delete {
  top: 7px;
  right: 4px;
  cursor: pointer;
  position: absolute;
}

.buildvnext-admin-hosts-view .agents-empty {
  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 );
}

ul.buildvnext-admin-tabs li a:focus, ul.buildvnext-admin-agents-tabs li a:focus {
  outline-offset: -1px;
}

.buildvnext-admin-hosts-view .capabilities-grid {
  padding-top: 10px;
}

.buildvnext-admin-hosts-view .capabilities-grid .icon-row {
  width: 20px;
}

.buildvnext-admin-hosts-view .capabilities-grid .icon-row button {
  padding: 0 10px;
}

.buildvnext-admin-hosts-view .capabilities-grid .system-capabilities-table td {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.buildvnext-admin-hosts-view table tbody tr:hover .delete-icon {
  cursor: pointer;
}

.buildvnext-admin-hosts-view table tbody tr[aria-selected='true'] .delete-icon {
  cursor: pointer;
}

.buildvnext-admin-hosts-view .capabilities-group + .capabilities-group {
  margin-top: 10px;
}

.agent-details-icon:focus {
  outline: 1px solid rgba(0, 0, 0, .55);
  outline: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.buildvnext-admin-hosts-view.admin-pool-settings {
  padding-left: 4px;
}

.buildvnext-admin-hosts-view.pool-details {
  margin-left: 22px;
}

.buildvnext-admin-hosts-view.pool-details .owner-identity-container {
  display: table-row;
  flex-direction: row;
}

.buildvnext-admin-hosts-view.pool-details .owner-identity-container .pool-owner-label {
  display: table-cell;
  vertical-align: middle;
}

.buildvnext-admin-hosts-view.pool-details .owner-identity-container .pool-identity-control {
  width: 300px;
  padding: 0px 10px 0px 10px;
  display: table-cell;
}

.buildvnext-admin-hosts-view.pool-details .pool-metadata-container {
  padding-top: 10px;
}

.buildvnext-admin-hosts-view.pool-policies {
  margin-left: 22px;
}

.buildvnext-admin-hosts-view.pool-maintenance-setting {
  margin-left: 22px;
}

.buildvnext-admin-hosts-view.pool-maintenance-setting td {
  height: 25px;
}

.buildvnext-admin-hosts-view.pool-maintenance-setting input[type=checkbox] {
  right: 4px;
  position: relative;
}

.buildvnext-admin-hosts-view.pool-maintenance-setting input[type=checkbox] + label {
  bottom: 2px;
  position: relative;
}

.buildvnext-admin-hosts-view.pool-maintenance-setting .permission-button {
  padding-top: 8px;
}

.buildvnext-admin-hosts-view.pool-maintenance-setting .maintenance-setting {
  margin-left: 24px;
}

.buildvnext-admin-hosts-view.pool-maintenance-setting .maintenance-setting .maintenance-label-days {
  bottom: 2px;
  position: relative;
}

.buildvnext-admin-hosts-view.pool-maintenance-setting .maintenance-schedule-setting {
  margin-left: 24px;
}

.buildvnext-admin-hosts-view.pool-maintenance-setting .maintenance-schedule-setting .maintenance-schedule-col {
  padding-left: 24px;
}

.buildvnext-admin-hosts-view.pool-maintenance-setting .disabled label {
  color: #cfcfcf;
}

.buildvnext-admin-hosts-view.pool-maintenance-setting input[type='text'] {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding: 2px;
  width: 35px;
}

.buildvnext-admin-hosts-view.pool-maintenance-setting input[type='text'].disabled {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.buildvnext-admin-hosts-view .permission-button {
  padding-top: 4px;
}

.capabilities-group button {
  min-width: auto;
}

.capabilities-group .permission-header .header {
  padding-top: 7px;
  font-size: 14px;
}

.capabilities-group .permission-button {
  padding-top: 4px;
}

.buildvnext-admin-identity-image {
  display: inline-block;
}

.buildvnext-admin-identity-image .identity-image {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 4px;
}

.buildvnext-admin-agent-status-online {
  background-color: rgba( 16, 124, 16 ,  1 );
  background-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.buildvnext-admin-agent-status-offline {
  background-color: rgba( 218, 10, 0 ,  1 );
  background-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.agentpool-admin-view .title-buttons-area,
.agentqueue-admin-view .title-buttons-area {
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
}

.agentqueue-admin-view .links {
  font-size: 12px;
}

.build-platform-message-handlers-section.build-admin-agent-page {
  display: inline-block;
}

.pivot-view li:first-child a {
  padding-left: 4px;
}

/*
This was originally using BackgroundIcon which special cased highContrast modes.
Due to the nature of this particular delete icon, it was causing a bug.
This icon requires imposing a red version of the icon on top the red icon on hover. 
In case of high contrast mode, it would shift the red icon to the left by a few pixels 
causing both the red and grey to be visible. This is a hacky way of fixing it, but 
we will be changing the page to use better delete icons eventually. 
*/
.buildvnext-admin-hosts-view table tbody tr:hover .delete-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -1200px 50% !important;
}

.buildvnext-admin-hosts-view table tbody tr[aria-selected=true] .delete-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -1200px 50% !important;
}

.definition-histogram .bar.default {
  background-color: #748189;
}

.definition-histogram .bar.canceled {
  background-color: rgba(0, 0, 0, .55);
  background-color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.definition-histogram .bar.canceled:hover {
  cursor: pointer;
  background-color: rgba( 166, 166, 166 ,  1 );
  background-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.definition-histogram .bar.canceled.selected {
  background-color: rgba(0, 0, 0, .9);
  background-color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.definition-histogram .bar.succeeded {
  background-color: rgba( 16, 124, 16 ,  1 );
  background-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.definition-histogram .bar.succeeded:hover {
  cursor: pointer;
  background-color: #66cc66;
}

.definition-histogram .bar.succeeded.selected {
  background-color: rgba( 16, 124, 16 ,  1 );
  background-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.definition-histogram .bar.failed {
  background-color: rgba( 218, 10, 0 ,  1 );
  background-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.definition-histogram .bar.failed:hover {
  cursor: pointer;
  background-color: rgba( 218, 10, 0 ,  1 );
  background-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.definition-histogram .bar.failed.selected {
  background-color: rgba( 168, 0, 0 ,  1 );
  background-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.definition-histogram .bar.partiallysucceeded {
  background-color: rgba( 214, 127, 60 ,  1 );
  background-color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.definition-histogram .bar.partiallysucceeded:hover {
  cursor: pointer;
  background-color: rgba( 214, 127, 60 ,  1 );
  background-color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.definition-histogram .bar.partiallysucceeded.selected {
  background-color: rgba( 214, 127, 60 ,  1 );
  background-color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.definition-histogram > .bar.inprogress {
  background: url("../../_content/build-histogram-bars.png") no-repeat -217px -142px !important;
}

.definition-histogram > .bar.inprogress.selected {
  background: url("../../_content/build-histogram-bars.png") no-repeat -97px -142px !important;
}

.definition-histogram > .bar.stopped {
  background: url("../../_content/build-histogram-bars.png") no-repeat -217px -142px !important;
}

.definition-histogram > .bar.stopped.selected {
  background: url("../../_content/build-histogram-bars.png") no-repeat -97px -142px !important;
}

.definition-histogram > .bar.duration {
  background: url("../../_content/build-histogram-bars.png") no-repeat -277px -142px !important;
}

.definition-histogram > .bar.duration.selected {
  background: url("../../_content/build-histogram-bars.png") no-repeat -307px -142px !important;
}

.definition-histogram > .bar.duration.hover {
  cursor: pointer;
  background: url("../../_content/build-histogram-bars.png") no-repeat -307px -142px !important;
}