.ui-modal {
  background-color: rgba(0, 0, 0, 0.5);
}
.ui-modal.ui-modal-open {
  display: block;
}
.ui-modal .ui-modal-loading {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-image: url(loader.gif);
  background-position: 50% 30%;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.ui-modal.ui-modal-preload .ui-modal-loading {
  opacity: 1;
}
.ui-modal.ui-modal-preload .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, -o-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  opacity: 0;
}
.ui-modal .modal-body {
  min-height: 150px;
}