.wait {
  position: absolute;
  width: 50px;
  height: 50px;
  border: 8px solid #212529;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  top: 40%;
  left: 50%;
  margin-top: -22px;
  margin-left: -15px;
  z-index: 999;
  -moz-animation: rotateanim 1.0s linear 0s infinite normal;
  -webkit-animation: rotateanim 1.0s linear 0s infinite normal;
  -o-animation: rotateanim 1.0s linear 0s infinite normal;
  -ms-animation: rotateanim 1.0s linear 0s infinite normal;
  animation: rotateanim 1.0s linear 0s infinite normal;
}

.wait-overlay {
  border: transparent;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: wait;
}

.wait-lens {
  /*background: #555; */
  opacity: .4;
  width: 100%;
  height: 100%;
}

.no-cssanimations .wait {
  width: 30px;
  height: 30px;
  border: none;
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none;
  -ms-animation: none;
  animation: none;
}

@-moz-keyframes rotateanim {
  from {
    -moz-transform: rotate(0);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateanim {
  from {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-o-keyframes rotateanim {
  from {
    -o-transform: rotate(0);
  }
  to {
    -o-transform: rotate(360deg);
  }
}

@-ms-keyframes rotateanim {
  from {
    -ms-transform: rotate(0);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}

@keyframes rotateanim {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}