//*
//* Multi-Line-Item-Table
//*

.mli-table {
    &__header-filter-button {
      font-size: 12px !important;
      line-height: 16px !important;
      font-weight: 400 !important;
      text-transform: uppercase;
      height: 18px;
      border-radius: 4px !important;
      padding: 2px !important;
      margin-left: -2px !important;
  
      .mat-button-wrapper {
        line-height: 16px !important;
      }
  
      .mat-icon {
        width: 16px !important;
        height: 16px !important;
        margin-left: 4px;
      }
    }
  
    &__header-cell {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }
  
    &__header-subcell {
      flex: 0 0 20px;
  
      &.offset {
        &-before {
          &-1 {
            margin-top: 20px;
          }
  
          &-2 {
            margin-top: 40px;
          }
  
          &-3 {
            margin-top: 60px;
          }
  
          &-4 {
            margin-top: 80px;
          }
        }
      }
      &.offset-after {
        &-1 {
          margin-bottom: 20px;
        }
  
        &-2 {
          margin-bottom: 40px;
        }
  
        &-3 {
          margin-bottom: 60px;
        }
  
        &-4 {
          margin-bottom: 80px;
        }
      }
    }
  
    &__cell {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }
  
    &__subcell {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      min-height: 24px;
      padding: 2px 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  
      &--2 {
        height: 48px;
      }
  
      &--3 {
        height: 72px;
      }
  
      &--4 {
        height: 96px;
      }
  
      &--5 {
        height: 120px;
      }
    }
  }