body.busy, body.busy *{cursor: wait !important;}
.mercurysales-loader {display:none;position:fixed;z-index:10000; height:100%; width:100%; margin:0px; padding:0px; left:0px; top:0px;}
    .mercurysales-loader-overlay {background-color:transparent;opacity:1;position:absolute;height:100%;width:100%;left:0px;top:0px;margin:0px;padding:0px;}
    .mercurysales-loader-container {position:fixed;background:rgba(255, 255, 255, 0.7); width: 100%; height: 100%;display: flex;align-items: center;justify-content: center;}
        .sk-three-bounce {margin: 40px auto;width: 80px;text-align: center;}
            .sk-three-bounce .sk-child {width: 20px;height: 20px;background-color: #4f5d73;border-radius: 100%;display: inline-block;-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;animation-delay: 0s;}
                .sk-three-bounce .sk-bounce1 {webkit-animation-delay: -.32s;animation-delay: -.32s;}
                .sk-three-bounce .sk-bounce2 {-webkit-animation-delay: -.16s;animation-delay: -.16s;}
@-webkit-keyframes sk-three-bounce {
 0%,
 80%,
 100% {
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 40% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes sk-three-bounce {
 0%,
 80%,
 100% {
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 40% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}

.mercurysales-loader-bar {height: 3px;width: 100%;position: fixed; top: 0px;}
.mercurysales-loader-bar .bar {height: 3px;background-color: var(--blue);animation-name: bar-animation;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
@keyframes bar-animation {
   0% {
    width: 0%;
  }
  49% {
    width: 100%;
    left: 0%
  }

}