/**
    Padding
*/
/**
    Margin Section
*/
/**
    Font Section
*/
/*
    Canvas Element Colors
*/
/**
    Margin Section
*/
/**
    Padding Section
*/
/**
    Color section
*/
/**
    Info icon
*/
/**
    Font
*/
/**
    Margin Section
*/
/**
    Padding Section
*/
/**
    Color section
*/
/**
    Info icon
*/
/**
    Font
*/
.rel-env-cell {
  margin-top: 11px;
  line-height: 18px;
  display: inline-flex;
}

.env-summary-node-host {
  margin-right: 10px;
  display: inline-block !important;
}

.pending-approval-container {
  display: block !important;
  margin: 0px !important;
  width: 108px !important;
}

.pending-approval-button {
  font-size: 12px;
  text-align: center;
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
  height: 16px;
}

.env-summary-node-mi-callout-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 200px;
  margin-top: 20px;
}

.env-summary-node-mi-callout-container .env-summary-mi-resume-button {
  padding: 0px 12px 0px 10px;
}

div.env-summary-node {
  outline: none;
  cursor: pointer;
}

.vss-focus-visible div.env-summary-node:focus {
  outline: 1px solid rgba( 0, 0, 0 ,  1 );
  outline: 1px solid rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

@media screen and (-ms-high-contrast: active) {
  .vss-focus-visible div.env-summary-node:focus {
    outline: 1px dashed windowtext !important;
  }
}

div.env-summary-node .node-content {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background: rgba( 255, 255, 255 ,  1 );
  background: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  font-size: 12px;
  overflow: hidden;
  padding: 0 7px 0px 7px;
}

div.env-summary-node .node-content .node-environment-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 11px;
  padding-left: 5px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  display: block;
}

div.env-summary-node .node-content .environment-node-icon {
  font-size: 12px;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

div.env-summary-node .succeeded-environment-node.node-content.dtc-canvas-element-border {
  border-top-color: rgba( 16, 124, 16 ,  1 ) !important;
  border-top-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 ) !important;
}

div.env-summary-node .succeeded-environment-node.dtc-canvas-element-border {
  border-color: rgba( 16, 124, 16 ,  1 );
  border-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

div.env-summary-node .succeeded-environment-node .environment-node-icon {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

div.env-summary-node .partiallysucceeded-environment-node.node-content.dtc-canvas-element-border {
  border-top-color: rgba( 214, 127, 60 ,  1 ) !important;
  border-top-color: rgba( var(--palette-accent3,214, 127, 60) ,  1 ) !important;
}

div.env-summary-node .partiallysucceeded-environment-node.dtc-canvas-element-border {
  border-color: rgba( 214, 127, 60 ,  1 );
  border-color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

div.env-summary-node .partiallysucceeded-environment-node .environment-node-icon {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

div.env-summary-node .failed-environment-node.node-content.dtc-canvas-element-border,
div.env-summary-node .canceled-environment-node.node-content.dtc-canvas-element-border,
div.env-summary-node .canceling-environment-node.node-content.dtc-canvas-element-border,
div.env-summary-node .rejected-environment-node.node-content.dtc-canvas-element-border {
  border-top-color: rgba( 218, 10, 0 ,  1 ) !important;
  border-top-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 ) !important;
}

div.env-summary-node .failed-environment-node.dtc-canvas-element-border,
div.env-summary-node .canceled-environment-node.dtc-canvas-element-border,
div.env-summary-node .canceling-environment-node.dtc-canvas-element-border,
div.env-summary-node .rejected-environment-node.dtc-canvas-element-border {
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

div.env-summary-node .failed-environment-node .environment-node-icon,
div.env-summary-node .canceled-environment-node .environment-node-icon,
div.env-summary-node .canceling-environment-node .environment-node-icon,
div.env-summary-node .rejected-environment-node .environment-node-icon {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

div.env-summary-node .inprogress-environment-node.node-content.dtc-canvas-element-border,
div.env-summary-node .postevaluatinggates-environment-node.node-content.dtc-canvas-element-border,
div.env-summary-node .evaluatinggatesphase-environment-node.node-content.dtc-canvas-element-border {
  border-top-color: rgba(0, 120, 212, 1) !important;
  border-top-color: var(--communication-background,rgba(0, 120, 212, 1)) !important;
}

div.env-summary-node .inprogress-environment-node.dtc-canvas-element-border,
div.env-summary-node .postevaluatinggates-environment-node.dtc-canvas-element-border,
div.env-summary-node .evaluatinggatesphase-environment-node.dtc-canvas-element-border {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

div.env-summary-node .inprogress-environment-node .environment-node-icon,
div.env-summary-node .postevaluatinggates-environment-node .environment-node-icon,
div.env-summary-node .evaluatinggatesphase-environment-node .environment-node-icon {
  color: rgba(0, 120, 212, 1);
  color: var(--status-info-foreground,rgba(0, 120, 212, 1));
}

div.env-summary-node .post-approval-env-node,
div.env-summary-node .pre-approval-env-node,
div.env-summary-node .pending-environment-node {
  background-color: rgba(0, 90, 158, 1);
  background-color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

div.env-summary-node .post-approval-env-node.node-content.dtc-canvas-element-border,
div.env-summary-node .pre-approval-env-node.node-content.dtc-canvas-element-border,
div.env-summary-node .pending-environment-node.node-content.dtc-canvas-element-border {
  border-top-color: rgba(0, 120, 212, 1) !important;
  border-top-color: var(--communication-background,rgba(0, 120, 212, 1)) !important;
}

div.env-summary-node .post-approval-env-node.dtc-canvas-element-border,
div.env-summary-node .pre-approval-env-node.dtc-canvas-element-border,
div.env-summary-node .pending-environment-node.dtc-canvas-element-border {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

div.env-summary-node .post-approval-env-node .environment-node-icon,
div.env-summary-node .pre-approval-env-node .environment-node-icon,
div.env-summary-node .pending-environment-node .environment-node-icon {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

div.env-summary-node .post-approval-env-node .node-environment-name,
div.env-summary-node .pre-approval-env-node .node-environment-name,
div.env-summary-node .pending-environment-node .node-environment-name {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.env-summary-node-tooltip {
  padding: 13px 20px 20px 20px;
}

.env-summary-node-tooltip .tooltip-icon {
  margin-right: 5px;
}

.env-summary-node-tooltip .tooltip-environment-name-container {
  font-size: 18px;
}

.env-summary-node-tooltip .tooltip-environment-description-container {
  font-size: 12px;
  padding-bottom: 10px;
}

.env-summary-node-tooltip .tooltip-environment-warning-container {
  margin-top: 3px;
  font-size: 14px;
}

.env-summary-node-tooltip .tooltip-environment-description-icon {
  margin-right: 5px;
  font-size: 12px;
  vertical-align: top;
}

div.dtc-overlay-selected:focus .env-summary-node .node-content {
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: -1px;
}