ngx-validator/lib/ngx-validator.css

It is an angular library which has custom input and validation component, custom validation directive and form template generator, which work on data based on typesript class property decorators. Custom validation directive replaces html input validator

.ngx-dropdown {
    padding: 0;
    display: inline-table;
}
.ngx-dropdown-child {
  box-sizing: border-box;
  width: inherit;
  height: inherit;
  padding: 0!important;
  border: 0 transparent;
  outline: none!important;
  box-shadow: none!important;
}
.ngx-dropdown-child-default {
   color: gray;
}
.ngx-input {
    padding: 0;
    display: inline-table;
}
.ngx-input-child {
  box-sizing: border-box;
  width: inherit;
  height: inherit;
  padding: 0!important;
  border: 0 transparent;
  outline: none!important;
  box-shadow: none!important;
}
.ngx-input-child-image {
  height: 100px;
  width: 100px;
}

.ngx-label {
    /* border: 1px solid black;
    border-radius: 3px; */
}

.ng-valid:not(form), .ng-valid.required  {
  border: 1px solid #42A948; /* green */
}

.ng-invalid:not(form) .ng-invalid.required  {
  border: 1px solid #a94442; /* red */
}
.ng-invalid:not(form)  {
  border: 1px solid #a94442; /* red */
}
form-control:ng-invalid {
  border-color: #dc3545;
  }