.loader { 
     /*https://www.codexworld.com/display-loading-image-while-page-loads-jquery-css/*/
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 9999;
     background: url('../img/loader/ispm-erp-loader.gif') 50% 50% no-repeat rgb(249, 249, 249);
     opacity: 0.8;
 }

 .downloader {
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 9999;
     background: url('../img/loader/downloading.gif') 50% 50% no-repeat rgb(249, 249, 249);
     opacity: 0.8;
 }