﻿.asm-spinner {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2) 50% 50% no-repeat; }
  .asm-spinner .asm-spiner-content {
    position: relative;
    width: 100%;
    height: 60%; }
    .asm-spinner .asm-spiner-content .asm-spiner-loader {
      position: absolute;
      top: auto;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 20px;
      height: 20px;
      border: 6px solid #f3f3f3;
      border-radius: 50%;
      border-top: 6px solid #0095db;
      border-right: 6px solid #42c3ff;
      border-bottom: 6px solid #a8e3ff;
      border-left: 6px solid white;
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
