.hide{display:none;visibility:hidden;z-index:0}
.cmp-spinner{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#7b92b6;opacity:.5;z-index:1000}
.cmp-spinner.hide{display:none;visibility:hidden;z-index:0}
.cmp-spinner .spinner{position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-25px;width:50px;height:40px;text-align:center;font-size:10px}
.cmp-spinner .spinner .loader{width:48px;height:48px;border-radius:50%;display:inline-block;border-top:3px solid #FFF;border-right:3px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}
@keyframes rotation{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}