mat-form-field {
  font-size: 14px;
  width: 100%;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
}

.mat-row:hover {
  background-color: #ccc;
}

.mat-cell,
.mat-header-cell {
  width: 4%;
  word-wrap: initial;
  display: table-cell;
  padding: 0 5px;
  line-break: unset;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

td > a:hover {
  border-bottom-style: solid;
}

.mat-table > tbody > tr:nth-child(even) {
  background: #eee;
}

th.mat-sort-header-sorted {
  color: black;
}

td.mat-cell {
  padding-right: 35px !important;
}