#ajax-loader{width:100%;height:100%;position:fixed;z-index:10000000;top:0;background-color:rgba(42,46,45,.9)}.arc-rotate-double .loader{width:150px;height:150px}.arc-rotate-double .loader>div{position:absolute;border:3px solid;border-radius:50%;animation:load 1s infinite ease-in-out}.arc-rotate-double .loader .arc-1{margin:32% 0 0 32%;width:36%;height:36%;border-color:transparent #ff0}.arc-rotate-double .loader .arc-2{margin:40% 0 0 40%;width:20%;height:20%;animation-direction:reverse;animation-delay:-.5s;border-color:transparent #fff}@keyframes load{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.6)}100%{transform:rotate(360deg) scale(1)}}@keyframes rotate{100%{transform:rotate(360deg)}}.loader-container .loader{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.loader-container{width:250px;height:250px}.loader-text{position:absolute;top:70%;left:0;right:0;width:12rem;margin:auto;font-size:16px;color:#dedede;font-weight:normal}.loader-text:after{content:"Please wait, Loading data";font-weight:500;animation-name:loading-text;animation-duration:1s;animation-iteration-count:infinite}@keyframes loading-text{0%{content:"Please wait, Loading data"}25%{content:"Please wait, Loading data."}50%{content:"Please wait, Loading data.."}75%{content:"Please wait, Loading data..."}}