.loader_container {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;

  display: flex;
  align-items: center;
  justify-content: center;
     background:#fff;

}

.loader {
  width: 1em;
  height: 1em;
  margin-right: -4em;
  color: #bdbdbd;
  background: transparent;
  border-radius: 50%;
  will-change: box-shadow;

    box-shadow: -1em 0px 0px -4px #6a6a6a, -2em 0px 0px -4px #9f9f9f, -3em 0px 0px -4px #d1d1d1;
  -webkit-animation: shadowAnimation 0.9s linear infinite;
          animation: shadowAnimation 0.9s linear infinite;
}
@-webkit-keyframes   {
  
}
@keyframes shadowAnimation {
 0% {
      box-shadow: -1em 0px 0px -4px #6a6a6a, -2em 0px 0px -4px #9f9f9f, -3em 0px 0px 0px #d1d1d1;
  }

    20% {
     box-shadow: -1em 0px 0px -4px #d1d1d1, -2em 0px 0px 0px #9f9f9f, -3em 0px 0px -4px #6a6a6a;
  }
    40% {
     box-shadow: -1em 0px 0px 0px #9f9f9f, -2em 0px 0px -4px #6a6a6a, -3em 0px 0px -4px #d1d1d1;
  }
 
  
}