ui-modal {
  display: table;
  width: 600px;
  height: 400px;
  margin-left: -300px;
  margin-top: -200px;

  &.ui-modal-sm {
    width: 420px;
    height: 280px;
    margin-left: -210px;
    margin-top: -140px;
  }

  &.ui-modal-lg {
    width: 810px;
    height: 540px;
    margin-left: -405px;
    margin-top: -270px;

    ui-modal-body {
      padding-left: $container-horizontal-padding + 15;
      padding-right: $container-horizontal-padding + 15;
    }
  }
}