Bootstrap 3 - модальное срабатывание и мгновенное смещение страницы влево / проблемы с полосой прокрутки браузера

Вы можете использовать псевдоэлемент и повернуть его сверху (поверх) контейнера с небольшим отличием от вашего метода.

Нарисуйте вставную тень вместо границы вашего контейнера.

Нарисуйте квадраты с белым фоном (как контейнер) с границами.

Поверните квадрат и скройте часть из них, переполненную из контейнера.

DEMO

.chamfered-box{
  margin:1em auto;
  width: 440px;
  padding:5px;
  position: relative;
  overflow:hidden;
  background: white;
  box-shadow: inset 0 0 0 1px #149E4B;

}

.chamfered-box::before, .chamfered-box::after{
  width: 20px;
  height: 20px;
  background: #fff;
  content: '';
  position: absolute;
  bottom: 0;
  border: 1px solid #149E4B;  
  transform:rotate(45deg);
}

.chamfered-box::after{
  right: -11px;
  bottom: -11px;

}

.chamfered-box::before{
  left: -11px;
  top: -11px;

}