body {
  margin: 0;
}

#loading-bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}
.dark-layout #loading-bg {
  background: #161D31;
}
.loading-logo {
  position: absolute;
  left: calc(50% - 45px);
  top: 40%;
}
.loading {
  position: absolute;
  left: calc(50% - 54px);
  top: 38%;
  width: 90px;
  height: 90px;
  border-radius: 60%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid transparent;
}
.loader {
  top: 60%;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: block;
  margin:15px auto;
  position: relative;
  background: #FFF;
  box-shadow: -24px 0 #FFF, 24px 0 #FFF;
  box-sizing: border-box;
  animation: shadowPulse 2s linear infinite;
}

@keyframes shadowPulse {
  33% {
    background: #FFF;
    box-shadow: -24px 0 #ff9f43, 24px 0 #FFF;
  }
  66% {
    background: #2980b9;
    box-shadow: -24px 0 #FFF, 24px 0 #FFF;
  }
  100% {
    background: #FFF;
    box-shadow: -24px 0 #FFF, 24px 0 #2980b9;
  }
}