#control-form {
  overflow: hidden;
  margin: 2em 0 .5em;

  .fa{
    color: $logo-main-color;
    font-size: 1.1em;
    padding: .1em;
    &:hover{
      color: darken($logo-main-color, 12) !important;
    }
  }

  input{
    padding: .1em;
  }

  #pagination, .sorter {
    float: left;
  }

  #pagination{
    margin-right: 2em;
    .pager{
      margin-bottom: .5em;
      span span {
        font-size: .75em;
        font-weight: 700;
        margin:0 .3em;
      }
    }

    button{
      background: none;
      border: none;
      min-width: 0;
      min-height: 0;
    }
  }

  .sorter{
    & > span{
      margin-bottom: .2em;
      display: block;
    }

    .order_el {
      display: block;
      float: left;
      margin-right: 1em;
      padding: .3em;

      &:first-of-type {
        padding-left: 0;
      }
      &:nth-child(odd) {
        background-color: $base-white;
      }
      &:nth-child(even) {
        background-color: $base-gray-light;
      }
    }
  }
}
