.order-search-form
  padding-left: 45px
  .order-search-filter-button
    position: relative
    top: -1px
    left: 50%
    height: 35px
    width: 100px
    margin-left: -50px
    border-radius: 0 0 4px 4px
    font-size: 0.7rem
    text-decoration: none
    text-transform: uppercase
    padding: 0 20px
    border-top: none

    &:focus
      outline: none

  .order-search
    position: relative
    top: 0
    left: -45px
    +flex(flex-start)
    flex-wrap: wrap
    height: 0
    width: calc(100% + 90px)
    background-color: white
    overflow: hidden
    padding: 0 45px
    transition: height 0.5s, padding 0.2s, margin-bottom 0.5s

    &.active
      height: 330px
      padding: 20px 45px
      border-bottom: solid 1px #BABABA

  .c-form-element
    display: block
    min-width: 300px

    label
      display: block
      width: 100%
      font-size: 0.7rem
      color: #9ba0ae
      text-transform: uppercase
      font-weight: 600
      white-space: nowrap

    input
      width: 80%
      padding: 5px
      margin: 0
      margin-bottom: 20px

    &.last
      display: block
      text-align: center
      width: 100%
      height: 40px

      input[type=submit]
        border-radius: 4px
        font-size: 0.7rem
        line-height: 20px
        text-decoration: none
        text-transform: uppercase
        padding: 0 20px
        width: auto

    &.selectboxes
      +flex(flex-start)

      .entity-attribute-select
        & + .entity-attribute-select
          margin-left: 30px

        .select-wrapper
          margin: 0
          width: auto
          min-width: 250px

.order-result-form
  padding: 0 45px 60px 45px
  a
    color: $blue
    text-decoration: underline

#tab-content-search
  h2
    padding-left: 45px

// copied from fronted
.tab-content
  .c-pagination
    display: flex
    justify-content: center
    align-items: center
    list-style: none
    margin-left: 0

    a
      color: $blue


  .c-pagination__item
    display: flex
    justify-content: center
    align-items: center
    font-size: 0.7rem

  .c-pagination__link
    padding: 8px
    text-decoration: none
    transition: color 0.2s, background-color 0.2s
    color: #9ba0ae

    &:link:hover
      color: $blue

    &.is-active
      font-weight: bold
      color: $blue
      cursor: default



  .c-pagination__prev,
  .c-pagination__next
    display: flex
    justify-content: center
    margin-left: 16px
    padding: 8px
    transition: color 0.2s


  .c-pagination__prev
    transform: rotate(0.5turn)
    margin-left: 0
    margin-right: 16px


@import order_table