/*CSS Style*/
.ajaxCustonLoadingIconOverlay {opacity:.9; width: 100%; height: 100%; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 3;}
.ajaxCustonLoadingIcon {
  background: url(ajaxLoadingIcon1.png) no-repeat center center;
  /*background-image: ;*/
  background-size: 100px 100px;
  /*background-repeat: no-repeat;*/
  display: inline-block;
  width: 130px;
  height: 130px;
  left: 40%;
  position: absolute;
  top: 130px;
  right: auto;
  /*opacity: .8;*/
  transition: fadeout 5s linear;
  z-index: 4;
}
.ajaxCustonLoadingIcon:after{
  content: " ";
  position: absolute;
  width: 130px;
  height: 130px;
  border: 8px solid #e6940e;
  border-right-color: #ffffff00;
  border-radius: 50%;
  box-shadow: 0 0 25px 10px #eee;
  animation: spin .8s linear infinite;
}

@keyframes spin
{
  from { transform: rotate(0deg);   opacity: 0.2; }
  50%  { transform: rotate(180deg); opacity: 1.0; }
  to   { transform: rotate(360deg); opacity: 0.2; }
}