.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 ); }

.vertical-tab-item-content {
  height: 100%;
  width: 100%; }
  .vertical-tab-item-content .vertical-tab-item-icon {
    font-size: 1.125rem;
    margin: 2px 8px 2px 0px; }
  .vertical-tab-item-content .vertical-tab-item-description {
    overflow: hidden; }
    .vertical-tab-item-content .vertical-tab-item-description .vertical-tab-item-text {
      font-size: 1rem;
      font-weight: normal;
      line-height: 21px; }
    .vertical-tab-item-content .vertical-tab-item-description .vertical-tab-item-footer-text {
      font-size: 0.6875rem;
      color: rgba(0, 0, 0, .55);
      color: var(--text-secondary-color,rgba(0, 0, 0, .55));
      line-height: 16px; }