.dialog{
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  z-index:9999;
  /*z-index:3;*/
  width:100%;
  max-width:var(--grid19);
  /*padding-top:var(--grid2);*/
  /*padding-bottom:var(--grid2);*/
  /*padding-left:var(--grid1);*/
  /*padding-right:var(--grid1);*/
  box-sizing: border-box;
}
.dialog.instructor{
  max-width:var(--grid20) !important;
}
.dialog-container{
  position:relative;
  /*width:100%;*/
  /*wf-left;*/
  /*max-width:var(--grid15);*/
  padding-top:var(--grid2);
  padding-bottom:var(--grid2);
  padding-left:var(--grid1);
  padding-right:var(--grid1);
  margin:0 26px;
  box-sizing: border-box;
}
.dialog-content{
  position:relative;
  width:100%;
  /*max-width:var(--grid15);*/
  /*padding-top:var(--grid2);*/
  /*padding-bottom:var(--grid2);*/
  /*padding-left:var(--grid1);*/
  /*padding-right:var(--grid1);*/
  box-sizing: border-box;
}