<style>
#myModal .modal-header {
    padding:9px 15px;
    border-bottom:2px solid #31c233;
    background-color: #31c233;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }


#myModal .modal-header h4 {
		font-size:22px;
    color: #fff;
    font-weight: bold;
 }
    
#myModal .modal-body p {
    margin: 2em 0;
    font-size: 19px;
    color: #000;    
 }

#myModal .modal-close {
    background-color: #31c233;
    font-family: FFMetaProMedium;
    color: #fff;
    border: none;
    padding: 0.65em 1em;
    border-radius: 0.3em;
    text-align: center;
    text-decoration: none;
}
#myModal .modal-close:hover {
    background-color: #2BAA2E;
    color: #fff;
}

#myModal .btn-send {
    background-color: #d5ba85 !important;
} 
#myModal .btn-send:hover, .btn-send:active, .btn-send:visited {
    background-color: #C8A564 !important;
} 

</style>

<div class="container">

  <!-- Modal -->
  <div class="modal fade" id="myModal" data-backdrop="static" data-keyboard="false" role="dialog">
    <div class="modal-dialog">
    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <!--button type="button" class="close" data-dismiss="modal">&times;</button-->
          <h4>MESSAGE</h4>
        </div>
        <div class="modal-body">
          <p> </p>
        </div>
        <div class="modal-footer">
          <button type="button" class="modal-close" data-dismiss="modal" >OK</button>
        </div>
      </div>
      
    </div>
  </div>
  
</div>

<script>

$(document).ready(function(){	

  $("button[data-dismiss=modal]").click(function()
  {
    $("#myModal").modal('hide');
  });
});

</script>