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

.dt-state-indicator.small-font {
  font-size: 11px;
}

.dt-state-indicator .bowtie-icon {
  font-size: 11px;
}

.dt-state-indicator .text {
  padding-left: 2px;
}

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

.dt-state-indicator.warning .text {
  top: 1px;
  position: relative;
  font-weight: 600;
}

.dt-state-indicator.error-state {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}