Bootstrap modal centralized vertically

modal-vcenter.css

/* 
* Created by: Finik
* Copied from http://stackoverflow.com/questions/18422223/bootstrap-3-modal-vertical-position-center
*/

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}