rdio-scanner-admin-systems-selection {
  > div {
    min-width: 600px;
  }

  .flex {
    flex: 1;
  }

  .flex-row {
    align-items: center;
    display: flex;
    flex-direction: row;

    &.wrap {
      flex-wrap: wrap;

      > * {
        box-sizing: border-box;
        overflow: hidden;
        padding: 0 0.125rem;

        &:last-child {
          margin-right: auto;
        }
      }
    }
  }

  .indent {
    margin-left: 24px;
  }

  .margin {
    margin-bottom: 1rem;
  }

  .mat-mdc-dialog-actions {
    justify-content: space-between;
  }

  @media (max-width: 719px) {
    .flex-row.wrap > * {
      flex: 0 0 50%;
    }
  }

  @media (min-width: 720px) {
    .flex-row.wrap > * {
      flex: 0 0 20%;
    }
  }
}
