/**
 * Colors
 */
/**
 * Container
 */
.loading-container {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid #cacaca;
  border-radius: 3px;
  padding: 6px 8px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.loading-container.loading-absolute {
  position: absolute;
  z-index: 999;
  left: 50%;
  top: 50%;
  margin-top: -15px;
}
.loading-container.loading-inline {
  display: inline-block;
  margin-right: 4px;
}
.loading-message {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}
/**
 * Mixins
 */
/**
* 3-dot animation
*/
.loading {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.loading div {
  position: absolute;
}
.loading div:before,
.loading div:after {
  content: "";
  position: absolute;
}
.loading.ellipsis {
  width: 48px;
  height: 16px;
}
.loading.ellipsis div {
  top: 5px;
  left: 23px;
  width: 6px;
  height: 6px;
  background-color: #95a5a6;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-animation: growDot 1s linear .15s infinite;
  -moz-animation: growDot 1s linear .15s infinite;
  -ms-animation: growDot 1s linear .15s infinite;
  -o-animation: growDot 1s linear .15s infinite;
  animation: growDot 1s linear .15s infinite;
}
.loading.ellipsis div:before {
  top: 0;
  left: -13px;
  width: 6px;
  height: 6px;
  background-color: #95a5a6;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-animation: growDot 1s linear 0s infinite;
  -moz-animation: growDot 1s linear 0s infinite;
  -ms-animation: growDot 1s linear 0s infinite;
  -o-animation: growDot 1s linear 0s infinite;
  animation: growDot 1s linear 0s infinite;
}
.loading.ellipsis div:after {
  top: 0;
  left: 13px;
  width: 6px;
  height: 6px;
  background-color: #95a5a6;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-animation: growDot 1s linear .3s infinite;
  -moz-animation: growDot 1s linear .3s infinite;
  -ms-animation: growDot 1s linear .3s infinite;
  -o-animation: growDot 1s linear .3s infinite;
  animation: growDot 1s linear .3s infinite;
}
/**
 * Animation frames
 */
@-webkit-keyframes growDot {
  0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=(70));
    opacity: 0.7;
    -webkit-box-shadow: 0px 0px 0px 0px #95a5a6;
    box-shadow: 0px 0px 0px 0px #95a5a6;
  }
  25% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=(100));
    opacity: 1;
    -webkit-box-shadow: 0px 0px 0px 2px #95a5a6;
    box-shadow: 0px 0px 0px 2px #95a5a6;
  }
  50% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=(70));
    opacity: 0.7;
    -webkit-box-shadow: 0px 0px 0px 0px #95a5a6;
    box-shadow: 0px 0px 0px 0px #95a5a6;
  }
  100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=(60));
    opacity: 0.6;
    -webkit-box-shadow: 0px 0px 0px 0px #95a5a6;
    box-shadow: 0px 0px 0px 0px #95a5a6;
  }
}
@keyframes growDot {
  0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=(70));
    opacity: 0.7;
    -webkit-box-shadow: 0px 0px 0px 0px #95a5a6;
    box-shadow: 0px 0px 0px 0px #95a5a6;
  }
  25% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=(100));
    opacity: 1;
    -webkit-box-shadow: 0px 0px 0px 2px #95a5a6;
    box-shadow: 0px 0px 0px 2px #95a5a6;
  }
  50% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=(70));
    opacity: 0.7;
    -webkit-box-shadow: 0px 0px 0px 0px #95a5a6;
    box-shadow: 0px 0px 0px 0px #95a5a6;
  }
  100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=(60));
    opacity: 0.6;
    -webkit-box-shadow: 0px 0px 0px 0px #95a5a6;
    box-shadow: 0px 0px 0px 0px #95a5a6;
  }
}