.double-bounce1, .double-bounce2, .double-bounce3 {
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    -webkit-animation-delay: -1s;
    animation: sk-bounce 2.0s infinite ease-in-out;
    animation-delay: -1s;
    height: 36px;
    width: 36px;
}

.double-bounce2 {
    -webkit-animation-delay: -0.66s;
    animation-delay: -0.66s;
    left: 35px;
}

.double-bounce3 {
    -webkit-animation-delay: -0.33s;
    animation-delay: -0.33s;
    left: 70px;
}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }

    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0);
        transform: scale(0.0);
    }

    50% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}


.loading {
    align-items: center;
    background: #999999;
    background-position: 50% 50%;
    background-size: contain;
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    height: 100%;
    justify-content: center;
    margin: auto;
    white-space: nowrap;
    /* position:fixed; */
    width: 100%;
    z-index: 888888;
}


.loading {
    background-image: url("../../images/LoadingGrey.svg");
    background-image: url("../../images/LoadingGrey.svg"), linear-gradient(to left, rgba(195, 195, 195, 0.9), rgba(175, 175, 175, 0.7) 80%);
    background-repeat: no-repeat;
}

.loadingText {
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 10px;
    text-align: center;
}

.loadingText .e-icons { font-size: 3rem; }