---

<form id="searchOrdersFilter" class="form-horizontal">

  <div class="filter-row">
    <div class="filter-col">
      <label for="filter.contract_number">Номер договора</label>
      <input type="text" id="filter.contract_number" name="filter.contract_number" class="form-control" placeholder="Номер договора">
    </div>

    <div class="filter-col">
      <label for="filter.client_full_name">ФИО</label>
      <input type="text" id="filter.client_full_name" name="filter.client_full_name" class="form-control" placeholder="ФИО">
    </div>

    <div class="filter-col">
      <label for="filter.contract_activity_type">Вид деятельности</label>
      <select id="filter.contract_activity_type" name="filter.contract_activity_type" class="form-control">
        <option value=""></option>
        <option value="НПО">НПО</option>
        <option value="PDS">ПДС</option>
      </select>
    </div>

    <div class="filter-col">
      <label for="filter.account_number">Счет</label>
      <input type="text" id="filter.account_number" name="filter.account_number" class="form-control" placeholder="Счет">
    </div>
  </div>

  <div class="filter-row filter-second-row">
    <div class="filter-col">
      <label for="filter.created_at_from">Дата создания c</label>
      <input type="date" id="filter.created_at_from" name="filter.created_at_from" class="form-control">
    </div>

    <div class="filter-col">
      <label for="filter.created_at_to">Дата создания по</label>
      <input type="date" id="filter.created_at_to" name="filter.created_at_to" class="form-control">
    </div>

    <div class="filter-col filter-buttons">
      <button id="filter.search" name="filter.search" type="button" class="btn btn-success">
        <span class="glyphicon glyphicon-search" aria-hidden="true"></span> Найти
      </button>

      <button id="filter.cleanFilter" name="filter.cleanFilter" type="button" class="btn btn-warning">
        <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Сбросить
      </button>
    </div>
  </div>

</form>



#searchOrdersFilter {
  margin-bottom: 10px;
}

#searchOrdersFilter .filter-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  margin-bottom: 10px;
}

#searchOrdersFilter .filter-col {
  width: 25%;
  min-width: 0;
}

#searchOrdersFilter .filter-buttons {
  padding-top: 25px;
  white-space: nowrap;
}

#searchOrdersFilter .select2-container {
  width: 100% !important;
}




#mainContainer {
  width: auto;
  max-width: none;
  margin-left: 15px;
  margin-right: 15px;
}