Делаю html-форму с блоками Опции

[mstdmstd]

Всем привет,
Делаю форму с прогресс баром вверху где одно поле(name) не обьединено в группы и 2 группы с полями

https://jsfiddle.net/e214b0ab/19/

Поля сгруппированы form-group классом а блоки классами widgettitle и widgetcontent
Получается похоже на нужный результат но
1) если нет ошибки при сохранении(и нет блока с ошибкой) по поле name не видимо
2) Блок с ошибкой прижат к верхнему прогресс бару хотя у него и прописано

div.error {
        margin-top: 10px;

Похоже я неправильно формировал эти блоки?
А как правильно?
Спасибо !

[miniden]

Пока похоже что все дело в

.form-group {
  overflow: hidden;
}

Только вот не могу понять почему так происходит. Возможно что я не прав.

Нет, я ошибся. Нужно статус блоки взять в 1 див. В примере это row.
Вот пример https://jsfiddle.net/e214b0ab/20/