/* Loader Froid-Quantique -- TEMPORAIRE */
.loader-app {
    position: relative;
    border-radius: 50%;
    width: 175px;
    height: 175px;
    color: #fff;
    background-color: #2e4e9b;
    box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.5) inset, 0 5px 12px rgba(47, 70, 136, 1);
    margin-top: 1.5rem !important;
    overflow: hidden;
}
@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotateZ(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotateZ(360deg);
    }
}

@keyframes rotateccw {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@keyframes spin-app {
    0%,
    100% {
        box-shadow: .2em 0px 0 0px currentcolor;
    }
    12% {
        box-shadow: .2em .2em 0 0 currentcolor;
    }
    25% {
        box-shadow: 0 .2em 0 0px currentcolor;
    }
    37% {
        box-shadow: -.2em .2em 0 0 currentcolor;
    }
    50% {
        box-shadow: -.2em 0 0 0 currentcolor;
    }
    62% {
        box-shadow: -.2em -.2em 0 0 currentcolor;
    }
    75% {
        box-shadow: 0px -.2em 0 0 currentcolor;
    }
    87% {
        box-shadow: .2em -.2em 0 0 currentcolor;
    }
}
.loader-app div img {
    width: 120px;
    z-index: 50;
    position: relative;
    left: 23px;
    top: 20px;
}
.blockUI .loader-app:before, .loader-app:after {
    left: 0 !important;
}
.blockUI .loader-app img {
    width: 125px !important;
    top: 10px !important;
    left: initial !important;
}