/* Absolute Center Spinner */
.z-loading {
  position: fixed;
  z-index: 2000;
  overflow: show;
  margin: auto;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  background:  no-repeat;
  background-image: url('../_zk-asset/zk-loading-grey-spinner.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: 50px 50px;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* Transparent Overlay */
.z-loading:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(20, 20, 20, 0.5), rgba(0, 0, 0, 0.5));
  background: -webkit-radial-gradient(rgba(20, 20, 20, 0.5), rgba(0, 0, 0, 0.5)
  );
}

.z-loading div {
  display: none;
}