.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
    padding: 10px;
}

.title {
    font-size: 24px;
}

.images-button-row {
    display: flex;
    justify-content: flex-start;
    margin-top: 16px;
}

button {
    margin-left: 10px;
    margin-bottom: 20px;
}

.divider {
    margin: 20px 0;
}

.lists-container {
    padding: 16px;
}

.imagesLists-container {
    flex: 1;
}

.card.unidad-card {
    height: 100%;
    box-sizing: border-box;
}

.image-container {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(122, 122, 122, 0.555);
}

.search-container  {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 5px;
  box-sizing: border-box;
}

.search-string {
  flex: 2;
  padding: 5px;
}

.image-container h4 {
    margin: 0;
    flex: 1;
}

.mat-icon-button {
    margin-left: 16px;
    align-self: center;
}

.mat-menu {
    min-width: 160px;
}

 .image-name{
    cursor: pointer;
 }

table {
  width: 100%;
  margin-top: 50px;
}

.header-container {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-container h1 {
  margin: 0;
}

.mat-elevation-z8 {
  box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
}

.paginator-container {
  display: flex;
  justify-content: end;
  margin-bottom: 30px;
}

.example-headers-align .mat-expansion-panel-header-description {
  justify-content: space-between;
  align-items: center;
}

.example-headers-align .mat-mdc-form-field + .mat-mdc-form-field {
  margin-left: 8px;
}

.example-button-row {
  display: table-cell;
  max-width: 600px;
}

.example-button-row .mat-mdc-button-base {
  margin: 8px 8px 8px 0;
}