@-moz-keyframes move-is-waiting-stripes {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 30px 0px;
  }
}

@-webkit-keyframes move-is-waiting-stripes {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 30px 0px;
  }
}

@-o-keyframes move-is-waiting-stripes {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 30px 0px;
  }
}

@keyframes move-is-waiting-stripes {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 30px 0px;
  }
}

input[type=submit].is-waiting, button.is-waiting, .button.is-waiting, a.is-waiting {
  background-image: -moz-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-size: 30px 30px;
  -webkit-animation: move-is-waiting-stripes 0.5s linear infinite;
  -moz-animation: move-is-waiting-stripes 0.5s linear infinite;
  -ms-animation: move-is-waiting-stripes 0.5s linear infinite;
  -o-animation: move-is-waiting-stripes 0.5s linear infinite;
  animation: move-is-waiting-stripes 0.5s linear infinite;
  cursor: wait;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.btn.is-waiting {
  background-image: -moz-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-size: 30px 30px;
  -webkit-animation: move-is-waiting-stripes 0.5s linear infinite;
  -moz-animation: move-is-waiting-stripes 0.5s linear infinite;
  -ms-animation: move-is-waiting-stripes 0.5s linear infinite;
  -o-animation: move-is-waiting-stripes 0.5s linear infinite;
  animation: move-is-waiting-stripes 0.5s linear infinite;
  cursor: wait;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.is-waiting {
  background-image: -moz-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-size: 30px 30px;
  -webkit-animation: move-is-waiting-stripes 0.5s linear infinite;
  -moz-animation: move-is-waiting-stripes 0.5s linear infinite;
  -ms-animation: move-is-waiting-stripes 0.5s linear infinite;
  -o-animation: move-is-waiting-stripes 0.5s linear infinite;
  animation: move-is-waiting-stripes 0.5s linear infinite;
  cursor: wait;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}