.no-websocket-connection {
  display:none;
  text-align:center;
  width:100%;
  position:absolute;

  &.active {
    display:block;
    z-index:1000;
  }
}

.server-connection {
  margin:auto;
  display:inline-block;
  zoom:1;
  text-align:center;
  padding:10px 20px;
  background-color:#404040;
  border-color:#ccc;
  border-style:solid;
  border-width:0 2px 2px;


  -webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 1);
  -moz-box-shadow:    0px 0px 15px rgba(50, 50, 50, 1);
  box-shadow:         0px 0px 15px rgba(50, 50, 50, 1);

  h2 {
    font-size:20px;
    vertical-align:baseline;
    margin-bottom:10px;
  }

  img.alert-icon {
    top:14px;
    height:16px;
    width:16px;

    &.left-side {
      padding-right:20px;
    }

    &.right-side {
      padding-left:20px;
    }
  }

  .reconnect-progress-msg, .login-back-in-msg {
    margin-bottom:10px;
  }

  .reconnect-countdown {
  }

  #reconnect-now {
    margin-top:10px;
  }

  .countdown {
    font-weight:bold;
    min-width:9px;
    display:inline-block;
  }

  .countdown-seconds {

  }
}
