.joico_loading_wrapper {
  background-color: #ffffffe0;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 2999999999;
  top: 0;
  display: none;
}

.joico_loading_content {
  display: flex;
  color: #000;
  font-size: 22px;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.loader {
 border: 16px solid #f3f3f3; /* Light grey */
 border-top: 16px solid #3498db; /* Blue */
 border-radius: 50%;
 width: 120px;
 height: 120px;
 animation: spin 2s linear infinite;
}

@keyframes spin {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}

/* Ellipsis */
.joico_loading_content div {
}

.joico-ellipsis {
 display: flex;
 position: relative;
 width: 64px;
 height: 64px;
}
.joico-ellipsis div {
 width: 11px;
 height: 11px;
 border-radius: 50%;
 background: #000;
 animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.joico-ellipsis div:nth-child(1) {
 left: 6px;
 animation: joico-ellipsis1 0.6s infinite;
}
.joico-ellipsis div:nth-child(2) {
 left: 6px;
 animation: joico-ellipsis2 0.6s infinite;
}
.joico-ellipsis div:nth-child(3) {
 left: 26px;
 animation: joico-ellipsis2 0.6s infinite;
}
.joico-ellipsis div:nth-child(4) {
 left: 45px;
 animation: joico-ellipsis3 0.6s infinite;
}
@keyframes joico-ellipsis1 {
 0% {
   transform: scale(0);
 }
 100% {
   transform: scale(1);
 }
}
@keyframes joico-ellipsis3 {
 0% {
   transform: scale(1);
 }
 100% {
   transform: scale(0);
 }
}
@keyframes joico-ellipsis2 {
 0% {
   transform: translate(0, 0);
 }
 100% {
   transform: translate(19px, 0);
 }
}