.dialog-container{
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.61);
  z-index: 1000;
  margin: auto;
  vertical-align: middle;
  display: none;
}

.dialog-middle{
  display: table-cell;
  vertical-align: middle;
}

.dialog {
  display: block;
  min-width: 400px;
  max-width: 70%;
  max-height: 90%;
  margin: auto;
  background: #fff;
  border-radius: 5px;
  border: 3px solid #d1d7de;
}

.dialog-header {
  background: #e1e5e9;
  font-size: 1.2em;
  text-align: center;
  padding: 16px;
  border-bottom: 3px solid #d1d7de;
}

.dialog-body {
  background: #fff;
  padding: 16px;
  overflow: scroll;
  overflow: auto;
  max-height: -moz-calc((90vh) - (130px));
  max-height: -webkit-calc((90vh) - (130px));
  max-height: calc((90vh) - (130px));  
}

.dialog-footer {
  padding: 16px;
  text-align: center;
  border-top: 2px solid #d1d7de;
  background-color: #fafbfc;
}