@mixin tangential-components-data_list($theme) {

  .tanj-data-list mat-list mat-list-item .mat-list-item {
    height : 5em;
  }

  .tanj-data-list input.ng-valid[required].ng-touched, .tanj-data-list input.ng-valid.required.ng-touched {
    border-left : 5px solid #42A948; /* green */
  }

  .tanj-data-list input.ng-invalid:not(form).ng-touched {
    border-left : 5px solid #a94442; /* red */
  }
  .tanj-data-list .tanj-multi-select-actions {
    padding-left : 2em;
  }

  .tanj-list-item-row {
    margin-top : 2em;
  }

  .tanj-data-list-expander-wrapper {
    margin-left : 10em;
  }

}