.ellipsis-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal; }

.log-task-state.state-success {
  color: rgba(16, 124, 16, 1);
  color: var(--status-success-foreground,rgba(16, 124, 16, 1)); }

.log-task-state.state-cancelled, .log-task-state.state-failed {
  color: rgba(205, 74, 69, 1);
  color: var(--status-error-foreground,rgba(205, 74, 69, 1)); }

.log-task-state.state-inProgress {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1)); }

.log-task-state.state-pending, .log-task-state.state-skipped {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }

.log-task-state.state-partially-success {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 ); }

.dt-tooltip-pre-line {
  white-space: pre-line; }

.step-log-view-container .step-log-content {
  height: 40px;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding: 10px 5px 10px 10px;
  justify-content: space-between;
  background: rgba( 255, 255, 255 ,  1 );
  background: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
  .step-log-view-container .step-log-content .step-log-component-left-section,
  .step-log-view-container .step-log-content .step-log-component-right-section,
  .step-log-view-container .step-log-content .left-section-step-name {
    align-items: center; }
  .step-log-view-container .step-log-content .left-step-tooltip-host.disabled-step {
    width: auto;
    max-width: 80%; }
  .step-log-view-container .step-log-content .disabled-step .left-section-step-name {
    width: 100%; }
  .step-log-view-container .step-log-content .log-task-state-common-color {
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
  .step-log-view-container .step-log-content .step-log-component-action-button.disabled-step {
    border: 1px solid transparent;
    width: 100%; }
    .step-log-view-container .step-log-content .step-log-component-action-button.disabled-step .left-section-step-title {
      color: rgba(0, 0, 0, .9);
      color: var(--text-primary-color,rgba(0, 0, 0, .9)); }
  .step-log-view-container .step-log-content .step-log-component-left-section {
    width: 80%; }
  .step-log-view-container .step-log-content .left-section-step-status-icon,
  .step-log-view-container .step-log-content .left-section-step-title,
  .step-log-view-container .step-log-content .left-section-step-status-separator,
  .step-log-view-container .step-log-content .left-section-step-status {
    margin-right: 10px; }
  .step-log-view-container .step-log-content .left-section-step-status {
    position: relative;
    top: 1px; }
  .step-log-view-container .step-log-content .left-section-step-status-icon {
    cursor: default;
    font-size: 1rem; }
  .step-log-view-container .step-log-content .left-section-step-name,
  .step-log-view-container .step-log-content .step-log-component-action-button,
  .step-log-view-container .step-log-content .left-step-tooltip-host {
    height: 40px;
    width: calc(100% - 26px);
    background: transparent;
    justify-content: flex-start; }
    .step-log-view-container .step-log-content .left-section-step-name:hover,
    .step-log-view-container .step-log-content .step-log-component-action-button:hover,
    .step-log-view-container .step-log-content .left-step-tooltip-host:hover {
      color: rgba(0, 90, 158, 1);
      color: var(--communication-foreground,rgba(0, 90, 158, 1)); }
      body.ms-vss-web-vsts-theme-hc-dark .step-log-view-container .step-log-content .left-section-step-name:hover, body.ms-vss-web-vsts-theme-hc-dark
      .step-log-view-container .step-log-content .step-log-component-action-button:hover, body.ms-vss-web-vsts-theme-hc-dark
      .step-log-view-container .step-log-content .left-step-tooltip-host:hover {
        color: rgba(0, 0, 0, .9);
        color: var(--text-primary-color,rgba(0, 0, 0, .9)); }
      body.ms-vss-web-vsts-theme-hc-light .step-log-view-container .step-log-content .left-section-step-name:hover, body.ms-vss-web-vsts-theme-hc-light
      .step-log-view-container .step-log-content .step-log-component-action-button:hover, body.ms-vss-web-vsts-theme-hc-light
      .step-log-view-container .step-log-content .left-step-tooltip-host:hover {
        color: rgba(0, 0, 0, .9);
        color: var(--text-primary-color,rgba(0, 0, 0, .9)); }
      body.ms-vss-web-vsts-theme-hc-dark .step-log-view-container .step-log-content .left-section-step-name:hover .log-task-state-common-color, body.ms-vss-web-vsts-theme-hc-dark
      .step-log-view-container .step-log-content .step-log-component-action-button:hover .log-task-state-common-color, body.ms-vss-web-vsts-theme-hc-dark
      .step-log-view-container .step-log-content .left-step-tooltip-host:hover .log-task-state-common-color {
        color: rgba(0, 0, 0, .9);
        color: var(--text-primary-color,rgba(0, 0, 0, .9)); }
      body.ms-vss-web-vsts-theme-hc-light .step-log-view-container .step-log-content .left-section-step-name:hover .log-task-state-common-color, body.ms-vss-web-vsts-theme-hc-light
      .step-log-view-container .step-log-content .step-log-component-action-button:hover .log-task-state-common-color, body.ms-vss-web-vsts-theme-hc-light
      .step-log-view-container .step-log-content .left-step-tooltip-host:hover .log-task-state-common-color {
        color: rgba(0, 0, 0, .9);
        color: var(--text-primary-color,rgba(0, 0, 0, .9)); }
  .step-log-view-container .step-log-content .step-log-component-action-button {
    padding: 0 0 0 4px;
    font-weight: normal; }
  .step-log-view-container .step-log-content .left-section-step-status {
    white-space: nowrap; }
  .step-log-view-container .step-log-content .step-info-button {
    margin-top: 2px; }