/*
    SpinKit
    http://tobiasahlin.com/spinkit/
*/

@import "variables";

.evol-loading {
  text-align: center;
  width: 100%;
  .loading_txt {
    color: $color-text-secondary;
    margin: 40px 0 0 0;
  }
}

.spinner {
  margin: 20px auto 0;
  width: 90px;
  height: 40px;
  text-align: center;
  > div {
    width: 18px;
    height: 18px;
    margin: 5px;
    background-color: $color-blue1;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    &.bounce1 {
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s;
    }
    &.bounce2 {
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s;
    }
  }
}

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
