.bngine--job-details {
  display: flex;
  &-basic {
    width: 100%;
    &-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px;
    }
  }
  &-project {
    font-size: 28px;
    line-height: 1.285;
    text-transform: capitalize;
    font-weight: 600;
  }
  &-branch {
    font-size: 16px;
    line-height: 1.375;
    font-weight: 600;
    margin-bottom: 20px;
  }
  &-date {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.16px;
    margin-bottom: 10px;
  }
  &-time {
    letter-spacing: 0.16px;
  }
  &-status {
    font-weight: bold;
    height: 100%;
    padding: 8px 16px;
    color: rgba(var(--light), 1);
    text-transform: capitalize;
    border-radius: 2px;
    line-height: 1.3;
    &-success {
      background-color: rgba(var(--green), 1);
    }
    &-fail {
      background-color: rgba(var(--red), 1);
    }
    &-queue {
      background-color: rgba(var(--pink), 1);
    }
    &-running {
      background-color: rgba(var(--dark), 1);
    }
  }
}