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

.act-rel-pipe-row {
  padding: 12px 16px 12px 25px;
  outline: transparent;
  position: relative;
  overflow: hidden; }
  .act-rel-pipe-row.selected {
    background: rgba( 244, 244, 244 ,  1 );
    background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }
    .act-rel-pipe-row.selected:focus {
      background: rgba( 239, 246, 252 ,  1 );
      background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 ); }
    .act-rel-pipe-row.selected .pipe-name {
      font-weight: bold; }
    .act-rel-pipe-row.selected .active-pipeline-favorite {
      visibility: visible; }
  .act-rel-pipe-row:focus .active-pipeline-favorite, .act-rel-pipe-row:hover .active-pipeline-favorite {
    visibility: visible; }
  .act-rel-pipe-row:hover:not(.selected) {
    background: rgba( 244, 244, 244 ,  1 );
    background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }
  .act-rel-pipe-row .pipe-name {
    font-size: 15px;
    flex: 0 1 auto; }
  .act-rel-pipe-row .row-content {
    flex: 1 1 auto;
    /*The below is for the tooltiphost div. Not sure whether it makes sense to put css on it. So, doing the below*/ }
    .act-rel-pipe-row .row-content + div {
      display: flex; }
  .act-rel-pipe-row button:focus .active-pipeline-favorite {
    visibility: visible; }
  .act-rel-pipe-row .active-pipeline-favorite {
    font-size: 1rem !important;
    visibility: hidden;
    flex: 0 0 auto; }
    .act-rel-pipe-row .active-pipeline-favorite.favorited {
      visibility: visible; }

.active-pipelines-table {
  /*selected rows have tabindex 0. Focused rows have focused class on them. Need to get better ways of representing. Currenlty this is the way*/ }
  .active-pipelines-table .bolt-table-row.selected {
    background: rgba( 244, 244, 244 ,  1 );
    background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }
    .active-pipelines-table .bolt-table-row.selected.focused {
      background: rgba( 239, 246, 252 ,  1 );
      background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 ); }
      .active-pipelines-table .bolt-table-row.selected.focused .act-rel-pipe-row {
        background: rgba( 239, 246, 252 ,  1 );
        background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 ); }

.ms-Fabric--isFocusVisible .act-rel-pipe-row:focus:after {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  pointer-events: none;
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1)); }