.wait-content{
  position:absolute;
  text-align:center;
  top:40%;
  left:0;
  right:0;
  bottom:0;

  font-family: 'Nunito', sans-serif;
  font-size:25px;
  color:rgb(230,90,165);
}

.wait{
  width:100%;
  height: 100%;

  top:0;
  left:0;
  right:0;
  bottom:0;
  position:fixed;

  z-index:20000;
}

.waitFadeIn{
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5;
  background: rgba(230,230,230, 0.4);
}

.waitFadeOut{
  -webkit-animation: fadeout 0.5s;
  animation: fadeout 0.5;
  background: rgba(230,230,230, 0.0);
}

.waitContentFadeOut{
  -webkit-animation: fadeoutcontent 0.5;
  animation: fadeoutcontent 0.5;
  opacity:0;
}

.waitContentFadeIn{
  -webkit-animation: fadeincontent 0.5;
  animation: fadeincontent 0.5;
  opacity:1;
}

@-webkit-keyframes fadeincontent {
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}

@keyframes fadeincontent {
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}

@-webkit-keyframes fadeoutcontent {
  from {
      opacity:1;
  }
  to {
      opacity:0;
  }
}

@keyframes fadeoutcontent {
  from {
      opacity:1;
  }
  to {
      opacity:0;
  }
}

@-webkit-keyframes fadein {
  from {
      background: rgba(230,230,230, 0.0);
  }
  to {
      background: rgba(230,230,230, 0.4);
  }
}

@keyframes fadein {
  from {
      background: rgba(230,230,230, 0.0);
  }
  to {
      background: rgba(230,230,230, 0.4);
  }
}

@-webkit-keyframes fadeout {
  from {
      background: rgba(230,230,230, 0.4);
  }
  to {
      background: rgba(230,230,230, 0.0);
  }
}

@keyframes fadeout {
  from {
      background: rgba(230,230,230, 0.4);
  }
  to {
      background: rgba(230,230,230, 0.0);
  }
}

.hidden{
  display:none;
}

.lds-ring {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 51px;
height: 51px;
margin: 6px;
border: 6px solid rgb(230,90,165);
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: rgb(230,90,165) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
  transform: rotate(0deg);
}
100% {
  transform: rotate(360deg);
}
}