如何为Ajax Modal设置样式

I am calling a modal for editing purposes. using the following code, how can I set the css styling width height etc?

// Open modal in AJAX callback
$("modal").dialog({
  modal: true,
  minHeight: 500,
  minWidth: 1200,
  maxWidth: 1200,
  maxHeight: 750
});
$('#manual-ajax').click(function(event) {

  event.preventDefault();
  $.get(this.href, function(html) {
    $(html).appendTo('body').modal();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="jquery.modal.js"></script>
<link rel="stylesheet" href="jquery.modal.min.css" />

<a rel="modal:open" class="btn-info btn-sm " href="{{ route('edit_deploy_time', $campaign_job->id) }}" id="manual-ajax"><i class="fa fa-cog"></i> Edit</a>

</div>

you must use modalClass and blockerClass and closeClass for styling jquery-modal.

...
modalClass: "mymodal",
...

and style it:

<style>
    .mymodal {
        background: #ccc;
        border: solid 1px black;
    }
</style>

ok it was a simple styling setup:

.modal{}