/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
/*  
#boxes .window {
  position:fixed;
  background-color: white;
  width:440px; /*440*/
 /* height:220px; /*220*/
/*  display:none;
  z-index:9999;/*9999*/
 /* padding:150px;
}
*/

/* Customize your modal window here, you can add background image too */
/*#boxes #dialog {
  width:500px; 
  height:50px;
}
*/
.modal {
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:  600px !important; /* width:1000px;*/
    height: 300px  !important; /*440px; *//* height:430px*/
    /* To center horizontally */
    margin: 0 auto;
}