#overlay{position: fixed;width:100%;height:100%;top:0px;right:0px;bottom:0px;left:0px;   margin: 0;padding: 0;background: #000000;opacity: 0.4;filter: alpha(opacity=15);
   -moz-opacity: .15;z-index: 101; display: none;}

#dialog{display: none; position: fixed; width: 500px; height: auto; top: 50%; left: 50%; margin-left: -190px; margin-top: -100px; background-color: #ffffff; padding: 0px; z-index: 102;}

@media screen and (max-width:768px)
  {
      #dialog{width: 100%; height: auto; top: 50%; left: 0%; margin-left: 0px; margin-top: -100px;}
  }      

    .body-modal , .footer-modal{padding:16px;border-bottom:1px solid #a7a7a7;}
    .dialog-col{background-color:#ffffff;padding:0px}