.task-status-details {
  display: flex;
  flex-direction: row;

  &__column--left {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin-right: 16px;
  }

  &__column--right {
    display: flex;
    flex-direction: column;
    width: 50%;
  }
}

.task-status-details .mat-form-field {
  margin-top: 0.7rem;
}

.mat-input-element:disabled {
  color: gray;
}

::ng-deep .mat-form-field-outline {
  color: lightgray !important;
}