.index-grid-row
  background-color: $offsetWhite2

  .no-available
    padding: 60px 20px 0
    text-align: center
    color: $darkGrey

  .pagination
    +flex(center, center)
    margin: 0
    padding: 0 0 40px
    font-size: 0.9rem
    line-height: 1.2
    list-style: none
    font-weight: 600

    li
      margin: 0 6px

      a
        color: $semiLightGrey
        text-decoration: none

      &.active
        span
          color: $limeGreen 
          font-weight: bold()

      &:first-of-type, &:last-of-type
        a, span
          position: relative
          top: 0
          display: block
          font-size: 0

          .arrow-icon
            position: relative
            width: 10px
            height: 16px
            transform-origin: center
            transform: rotate(-90deg)

            path
              fill: $semiLightGrey

      &:first-of-type
        a, span
          transform: scale3d(-1, 1, 1)

      &.disabled
        opacity: 0.2
        pointer-events: none

        .arrow-icon
          position: relative
          width: 10px
          height: 16px
          transform-origin: center
          transform: rotate(-90deg)

          path
            fill: rgba($semiLightGrey, 0.3)

@import largeBadges
@import squares