body.reconnecting {
  background: none;
  opacity: 1;
}

body.disconnected {
  background: none;
  opacity: 1;
}

#ss-connect-dialog {
  opacity: 1 !important;
  padding: .5em 1em 1em 1em;
  background-color: #FFF;
  position: absolute;
  top: 0;
  left: 30%;
  right: 30%;
  z-index: 99999;
}

.ss-dialog-button {
  float: right;
}

.ss-dialog-text {
}

#ss-gray-out {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #999;
  opacity: 0.7;
  z-index: 99998;
}

#ss-clearfix {
  clear: both;
}

body.reconnecting {
  background: none;
  opacity: 1;
}

body.disconnected {
  background: none;
  opacity: 1;
}

#ss-connect-dialog {
  opacity: 1 !important;
  padding: .5em 1em 1em 1em;
  background-color: #FFF;
  position: fixed;
  top: 0;
  left: 30%;
  right: 30%;
  z-index: 99999;
}

.ss-dialog-button {
  float: right;
}

.ss-dialog-text {
}

#ss-gray-out {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #999;
  opacity: 0.7;
  z-index: 99998;
  overflow: hidden;
}

#ss-clearfix {
  clear: both;
}

Make gray overlay cover everything, ensure dialog is always visible.
Make gray overlay cover everything, ensure dialog is always visible.
