#loading{
    position:absolute;
    width:100%;
    height:100px;
    left:0;
    top:36%;
    text-align:center;
    z-index:10;
}
#message{
    position:absolute;
    width:100%;
    height:100px;
    left:0;
    top:45%;
    text-align:center;
    display: none;
    z-index:10;
    
}

#messagepanel{
    color:#fff;
    font-size:16px;
    text-align:center;
    background:rgba(39, 29, 45,0.5);
    border-radius:3px; 
    padding:5px;
    margin:auto 0;
    
}
#waitAnimationContainer {
      font-size:16px;
      color:#fff;
      background:rgba(39, 29, 45,0.7);
      border-radius:5px; 
      width:100px;
      height:inherit;
      display: inline-block;
      margin:auto 0;
  }

  #waitAnimation {
      width:33px;
      height:33px;
      margin-top:20px;
      display:inline-block;
      color:#333;
      
  }
  
  #waitAnimation div {
      width:11px;
      height:11px;
      float:left;
      margin:0;
  }
  
  #waitAnimation div:nth-child(1) {
      border-radius:5px 0 0 0;
      background:rgb(250,20,10);
      animation:JUMP1 3s ease 0s infinite;
       -webkit-animation:JUMP1 3s ease 0s infinite;
  }
  
  #waitAnimation div:nth-child(2) {
      background:rgb(254,213,33);
  }
  
  #waitAnimation div:nth-child(3) {
      border-radius:0 5px 0 0;
      background:rgb(52,212,68);
  }
  #waitAnimation div:nth-child(4) {
      background:rgb(240,143,40);
  }
  #waitAnimation div:nth-child(5) {
      background:#cdd541;
  }
  #waitAnimation div:nth-child(6) {
      background:rgb(48,153,154);
      animation:JUMP2 3s ease 1s infinite;
       -webkit-animation:JUMP2 3s ease 1s infinite;
  }
  #waitAnimation div:nth-child(7) {
      border-radius:0 0 0 5px;
      background:#a1488e;
  }
  #waitAnimation div:nth-child(8) {
      background:#3f9337;
      animation:JUMP3 3s ease 2s infinite;
       -webkit-animation:JUMP3 3s ease 2s infinite;
  }
  #waitAnimation div:nth-child(9) {
      border-radius: 0 0 5px 0;
      background:#fbb417;
  }