/*
  Project Name : HVAC
  Author Company : Ewebcraft
  Project Date: 06 Sep, 2016
  Author Website : http://www.ewebcraft.com
  Author Email : ewebcraft@gmail.com
*/

#loader {
    background: #2F3030;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:99999;
}
/*Typing Loader*/
.typing_loader {
  display: inline-block;
  width: 1em;
  height: 1em;
  color: rgba(5, 157, 222, 1);
  /*color: inherit;*/
  vertical-align: middle;
  pointer-events: none;
  border-radius: 50%;
  box-shadow: 0 1.4em 0 0 rgba(5, 157, 222, 1);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  -webkit-animation: typing_loader 0.6s ease-in-out alternate infinite;
          animation: typing_loader 0.6s ease-in-out alternate infinite;
  -webkit-animation-delay: 0.32s;
          animation-delay: 0.32s;
  /*top: -1em;*/
}
.typing_loader:after, .typing_loader:before {
  content: '';
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  box-shadow: inherit;
  -webkit-animation: inherit;
          animation: inherit;
          z-index: 9999;
}
.typing_loader:before {
  left: -1.4em;
  -webkit-animation-delay: 0.48s;
          animation-delay: 0.48s;
}
.typing_loader:after {
  right: -1.4em;
  -webkit-animation-delay: 0.16s;
          animation-delay: 0.16s;
}

@-webkit-keyframes typing_loader {
  0% {
    box-shadow: 0 2em 0 0 rgba(0, 179, 255, 0.8);
    z-index: 9999;
  }
  100% {
    box-shadow: 0 1em 0 0 rgba(5, 157, 222, 0.8);
    z-index: 9999;
  }
}

@keyframes typing_loader {
  0% {
    box-shadow: 0 2em 0 0 rgba(0, 179, 255, 0.8);
    z-index: 9999;
  }
  100% {
    box-shadow: 0 1em 0 0 rgba(5, 157, 222, 0.8);
    z-index: 9999;
  }
}