Граница панели Bootstrap не отображается должным образом ⇐ Html

[Anonymous]

Я работаю с Angular UI Bootstrap, и у меня возникла проблема с аккордеоном. В среде разработки с полной версией файла начальной загрузки cerulean он отображается и работает нормально, как и должно быть. Проблема возникает, когда я сворачиваю файл CSS, чтобы передать его в производство. Здесь аккордеон теряет свои границы, он пока работает нормально, но уже не видит того, что в разработке.

Я проверил свойства CSS для обоих в консоли разработчика, и они одинаковы, но по какой-то причине цвет границы не работает в мини-версии файла. Вот код для обоих:

Разработка:

Код: Выделить всё

.panel-default {
border-color: #dddddd;
}

Производство:

Код: Выделить всё

.panel-danger,.panel-danger>
.panel-heading, .panel-default, .panel-default>
.panel-heading, .panel-info>
.panel-heading, .panel-primary, .panel-primary>
.panel-heading, .panel-success, .panel-success>
.panel-heading, .panel-warning, .panel-warning>
.panel-heading, .well blockquote {
border-color: #ddd;
}

Я использовал Grunt, чтобы свернуть файл CSS.

HTML-код, к которому это следует применить, находится здесь:

Код: Выделить всё

...

Извините, если я плохо говорю по-английски, потому что это не мой родной язык.

Надеюсь, вы дадите мне несколько советов, чтобы понять, чего мне не хватает.
Заранее спасибо.

Подробнее здесь: https://stackoverflow.com/questions/296 ... g-properly