Bootstrap 3 Не красится панель

Начинаю осваивать бутстрап, делаю сейчас вёрстку, пытаюсь покрасить кнопку в жёлтый цвет.

Картинка как нужно сделать:

И собственно как получилось у меня:

Проблема в том, что не могу покрасить БГ заголовка в жёлтый.

Код HTML:

        <div class="panel panel-info">
          <div class="panel-heading"><div class="sidebar-header">Поиск</div></div>
          <div class="panel-body">
            <!-- Ваш запрос, поле, иконка -->
            <form role="search">
             <div class="form-group">
              <div class="input-group">
               <input type="search" class="form-control input-lg" placeholder="Ваш запрос">
                <div class="input-group-btn">
                <button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                    </div>
                 </div>
               </div>
            </form>

Код CSS:

.panel {
  border: none;
}

.panel-body {
  background-color: #f9f9f9;
}

.panel-info .panel-heading  {
  background-color: #f0ad4e;
  color: white;
  border-color: transparent;
}

.sidebar-header {
  font-size: 120%;
  letter-spacing: 2px;
}

.input-lg {
  font-size: 14px;
}

.form-control {
  border-radius: 0px;
}