#emoConnecting{ 
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-color: rgba(255,255,255,0.5);
	    z-index: 9999;
	    cursor: pointer;
    }
	
	/* ripple */
	@-webkit-keyframes emoLoader-ripple {
	  0% {
	    width: 0;
	    height: 0;
	    opacity: 0;
	    margin: 0 0 0 0;
	  }
	  33% {
	    width: 44%;
	    height: 44%;
	    margin: -22% 0 0 -22%;
	    opacity: 1;
	  }
	  100% {
	    width: 88%;
	    height: 88%;
	    margin: -44% 0 0 -44%;
	    opacity: 0;
	  }
	}
	@-moz-keyframes emoLoader-ripple {
	  0% {
	    width: 0;
	    height: 0;
	    opacity: 0;
	    margin: 0 0 0 0;
	  }
	  33% {
	    width: 44%;
	    height: 44%;
	    margin: -22% 0 0 -22%;
	    opacity: 1;
	  }
	  100% {
	    width: 88%;
	    height: 88%;
	    margin: -44% 0 0 -44%;
	    opacity: 0;
	  }
	}
	@-webkit-keyframes emoLoader-ripple {
	  0% {
	    width: 0;
	    height: 0;
	    opacity: 0;
	    margin: 0 0 0 0;
	  }
	  33% {
	    width: 44%;
	    height: 44%;
	    margin: -22% 0 0 -22%;
	    opacity: 1;
	  }
	  100% {
	    width: 88%;
	    height: 88%;
	    margin: -44% 0 0 -44%;
	    opacity: 0;
	  }
	}
	@-o-keyframes emoLoader-ripple {
	  0% {
	    width: 0;
	    height: 0;
	    opacity: 0;
	    margin: 0 0 0 0;
	  }
	  33% {
	    width: 44%;
	    height: 44%;
	    margin: -22% 0 0 -22%;
	    opacity: 1;
	  }
	  100% {
	    width: 88%;
	    height: 88%;
	    margin: -44% 0 0 -44%;
	    opacity: 0;
	  }
	}
	@keyframes emoLoader-ripple {
	  0% {
	    width: 0;
	    height: 0;
	    opacity: 0;
	    margin: 0 0 0 0;
	  }
	  33% {
	    width: 44%;
	    height: 44%;
	    margin: -22% 0 0 -22%;
	    opacity: 1;
	  }
	  100% {
	    width: 88%;
	    height: 88%;
	    margin: -44% 0 0 -44%;
	    opacity: 0;
	  }
	}
	.emoLoader-ripple-css {
	  background: none;
	  position: relative;
	  width: 200px;
	  height: 200px;
	  max-width: 200px;
	  max-height: 200px;
	}
	.emoLoader-ripple-css div {
	  box-sizing: border-box;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  margin: 0;
	  width: 0;
	  height: 0;
	  opacity: 0;
	  border-radius: 50%;
	  border-width: 12px;
	  border-style: solid;
	  -webkit-animation: emoLoader-ripple 2s ease-out infinite;
	  animation: emoLoader-ripple 2s ease-out infinite;
	}
	.emoLoader-ripple-css div:nth-of-type(1) {
	  border-color: #000000;
	  -webkit-animation-delay: -1s;
	  animation-delay: -1s;
	}
	.emoLoader-ripple-css div:nth-of-type(2) {
	  border-color: #589;
	}

	.emoLoader-ripple-css.center {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; z-index: 9999999;}
	.emoLoader-ripple-css-backdrop {position: fixed; top:0; left:0; right:0; bottom:0; background: rgba(255,255,255,0.5); z-index: 9999998;}