.example-spacer {
  flex: 1 1 auto;
}

.mat-toolbar {
  padding-top: 5px;
  margin: 0 auto;
  max-width: 1348px;
  background-color: #4169E1;
  color: #fff;
}

.main-body {
  padding-top: 20px;
  margin: 0 auto;
  max-width: 1348px;
  mat-form-field {
    width: 100%;
  }
}

.mat-toolbar {
  padding-top: 5px;
  background-color: #4169E1;
  color: #fff;
}

.action {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 600px) {
  .action button {
    margin-right: 5px;
  }
  
  .table-container {
    overflow-x: auto;
  }
}

td.mat-cell {
  white-space: nowrap;
}

td.mat-cell.action-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}