@import '../../stylesheets/innovationVars.scss';

:host {
  .info {
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    span {
      vertical-align: super;
    }
    mat-icon, img {
      margin-right: 5px;
    }
    img {
      height: 20px;
    }
  }

  label {
    margin: 0;
  }

  .#{$created} {
    color: $created-color;
  }
  .#{$submitted} {
    color: $submitted-color;
  }
  .#{$inprogress} {
    color: $inprogress-color;
  }
  .#{$takeoff} {
    color: $takeoff-color;
  }
  .#{$rejected} {
    color: $rejected-color;
  }
  .#{$rework} {
    color: $rework-color;
  }
  .#{$closed} {
    color: $closed-color;
  }
}
