@charset "utf-8";
/* CSS Document */
/* line 6, ../../scss/admin/loading.scss */
.loading {
  width: 200px;
  height: 200px;
  position: fixed;
  margin-top: -100px;
  margin-left: -100px;
  top: 50%;
  left: 50%;
  z-index: 30000;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  display:none;
}

/* line 18, ../../scss/admin/loading.scss */
#loading_text {
  margin-top: 93px;
  float: left;
  margin-left: 63px;
  color: #333;
  font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
  font-size: 16px;
}

/* line 27, ../../scss/admin/loading.scss */
.spinner {
  width: 120px;
  height: 120px;
  margin-top: 40px;
  margin-left: 40px;
  position: relative;
}

/* line 37, ../../scss/admin/loading.scss */
.container1 > div, .container2 > div, .container3 > div {
  width: 30px;
  height: 30px;
  background-color: #333;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 53, ../../scss/admin/loading.scss */
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 60, ../../scss/admin/loading.scss */
.container2 {
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

/* line 65, ../../scss/admin/loading.scss */
.container3 {
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

/* line 70, ../../scss/admin/loading.scss */
.circle1 {
  top: 0;
  left: 0;
}

/* line 75, ../../scss/admin/loading.scss */
.circle2 {
  top: 0;
  right: 0;
}

/* line 80, ../../scss/admin/loading.scss */
.circle3 {
  right: 0;
  bottom: 0;
}

/* line 85, ../../scss/admin/loading.scss */
.circle4 {
  left: 0;
  bottom: 0;
}

/* line 91, ../../scss/admin/loading.scss */
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

/* line 97, ../../scss/admin/loading.scss */
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

/* line 103, ../../scss/admin/loading.scss */
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

/* line 109, ../../scss/admin/loading.scss */
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

/* line 115, ../../scss/admin/loading.scss */
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

/* line 121, ../../scss/admin/loading.scss */
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

/* line 127, ../../scss/admin/loading.scss */
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

/* line 133, ../../scss/admin/loading.scss */
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

/* line 139, ../../scss/admin/loading.scss */
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

/* line 145, ../../scss/admin/loading.scss */
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

/* line 151, ../../scss/admin/loading.scss */
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  /* line 158, ../../scss/admin/loading.scss */
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  /* line 159, ../../scss/admin/loading.scss */
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes bouncedelay {
  /* line 164, ../../scss/admin/loading.scss */
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  /* line 168, ../../scss/admin/loading.scss */
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}