@keyframes anim-rotate {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes anim-rotate {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

.loading-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url(/design/images/black20.png) repeat;
    z-index: 9999999999;
}

    .loading-overlay .spinner-container {
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -30px;
        margin-top: -30px;
        background: #fff;
        z-index: 5000;
        width: 60px;
        height: 60px;
        border-radius: 5px;
        border: 1px solid #d0d0d0;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }

    .loading-overlay .spinner-steps {
        animation: anim-rotate 0.75s infinite steps(8);
        -webkit-animation: anim-rotate 0.75s infinite steps(8);
    }

    .loading-overlay .spinner {
        display: block;
        height: 40px;
        width: 40px;
        margin: 10px;
        background: url(/design/images/spinner.svg);
        background-size: contain;
    }

    .loading-overlay .ie-spinner {
        display: none;
        text-align: center;
        margin: 10px;
    }