/* Annotate Block Colors and fonts */
/* Branches explorer */
/* Font */
/* Icons Colors*/
/* Call to Action Colors */
/* History Page */
/* VC Icons (will move to icon strip) */
.status-badge-icon.ms-Button .bowtie-icon {
  padding-right: 8px;
}

.status-badge-icon .status-icon {
  padding-right: 8px;
}

.status-badge-icon .status-state.pending {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

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

.status-badge-icon .status-state.not-set {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

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

.status-flyout-content {
  text-align: left;
  padding: 10px;
}

.status-flyout-content .status-tooltip-title {
  font-weight: 600;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px;
}

.status-flyout-content .release-status.status-tooltip-row {
  clear: left;
}

.status-flyout-content .release-status .release-status-container {
  margin-left: 22px;
  max-width: 250px;
  display: block;
  margin-top: 4px;
  overflow: hidden;
}

.status-flyout-content .release-status .release-status-container .env-details {
  margin: 2px 10px 2px 0px;
  float: left;
}

.status-flyout-content .release-status .release-status-container .status-link {
  display: inline-block;
}

.status-flyout-content .release-status .release-status-container .status-link:focus > .env-status {
  outline: solid 2px rgba( 0, 0, 0 ,  1 );
  outline: solid 2px rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  margin-left: 2px;
  /* To include the outline */
}

.status-flyout-content .release-status .release-status-container .env-status {
  width: 50px;
  height: 20px;
}

.status-flyout-content .release-status .release-status-container .env-status .bowtie-icon {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  font-size: 10px;
  padding-left: 8px;
  padding-bottom: 0px;
}

.status-flyout-content .release-status .release-status-container .env-status.success {
  background: rgba( 16, 124, 16 ,  1 );
  background: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.status-flyout-content .release-status .release-status-container .env-status.failure {
  background: rgba( 218, 10, 0 ,  1 );
  background: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.status-flyout-content .release-status .release-status-container .env-status.pending {
  background: rgba(0, 120, 212, 1);
  background: var(--communication-background,rgba(0, 120, 212, 1));
}

.status-flyout-content .status-tooltip-row {
  padding: 4px;
}

.status-flyout-content .status-tooltip-row .bowtie-icon {
  padding-top: 0;
}

.status-flyout-content .status-tooltip-row .bowtie-icon.type-icon {
  padding-right: 8px;
}

.status-flyout-content .status-tooltip-row .bowtie-icon.status-icon {
  padding-left: 8px;
}

.status-flyout-content .status-tooltip-secondary {
  margin-left: 22px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.status-flyout-content .setup-release-button {
  margin: 20px 0px 10px 20px;
}

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

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

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

.hidden {
  display: none;
}