/* Default jquery-loading styles */
/* .loading-overlay { display: table; opacity: 0.7; } */
/* .loading-overlay-content { text-transform: uppercase; letter-spacing: 0.4em; font-size: 1.15em; font-weight: bold; text-align: center; display: table-cell; vertical-align: middle; } */
/* .loading-overlay.loading-theme-light { background-color: #fff; color: #000; } */
/* .loading-overlay.loading-theme-dark { background-color: #000; color: #fff; } */

.loading-container { position: fixed; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; pointer-events: auto; cursor: default; overflow: hidden; }
.loading-container::before { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-color: rgba(0,0,0,0); }
.loading-container .loading-wrap { position: relative; display: flex; justify-content: center; align-items: center; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.loading-container .loading-wrap .loading { display: block; width: 150px; height: 150px; border: 2px solid transparent; border-color: transparent #000; border-radius: 999px; animation: rotate-loading 1.5s linear 0s infinite normal; }
.loading-container .loading-wrap .loading-text { position: absolute; display: block; font-size: 14px; font-weight: 400; line-height: 1; text-align: center; color: #000; text-transform: uppercase; animation: loading-text-opacity 2s linear 0s infinite normal; }

.loading-container.inner { position: absolute; width: calc(100% - 220px); margin-left: 220px; }
.loading-container.inner::before { width: calc(100% - 220px); margin-left: 220px; }

@keyframes rotate-loading {
  0%  {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-text-opacity {
  0%  {opacity: 0}
  20% {opacity: 1}
  50% {opacity: 0}
  100%{opacity: 0}
}