@charset 'utf-8';

.mat-paginator {
  .mat-paginator-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 56px;
    padding: 0 8px;
    width: 100%;
    flex-flow: column-reverse;
  }
  .mat-paginator-navigation-first {
    order: 1;
  }
  .mat-paginator-navigation-previous {
    order: 2;
  }
  // override material paginator page switch
  .mat-paginator-range-label {
    order: 3;
  }
  .mat-paginator-navigation-next {
    order: 4;
  }
  .mat-paginator-navigation-last {
    order: 5;
  }
}