#loading-container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 999999999;
    transition: opacity 0.25s ease-in-out;
    pointer-events: none !important;
    left: calc(50% - 22.5px);
    top: calc(50% - 11px);
    position: fixed;
    text-align: center;
    height: 22px;
    opacity: 0;
}

.loading-container {
    pointer-events: none !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-align: center;
    user-select: none;
    height: 22px;
    z-index: 9;
}

#loading-container.active {
    opacity: 0.85;
}

body.currently-loading * {
    cursor: wait !important;
}

@keyframes bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

#loading-container:not(.fancy-loader):not(.custom-loader)>div,
.loading-container>div {
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
    animation: bouncedelay 1.4s infinite;
    border: 1px solid rgb(17, 55, 112);
    background-color: rgb(21, 61, 119);
    display: inline-block;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    content: "";
}

#loading-container:not(.fancy-loader).custom-loader>div {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}

#loading-container:not(.fancy-loader)>.one,
.loading-container>.one {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

#loading-container:not(.fancy-loader)>.two,
.loading-container>.two {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

#loading-container.fancy-loader {
    left: calc(50% - 60px);
    top: calc(50% - 60px);
    height: 120px;
    width: 120px;
}

.fancy-loader:not(#loading-container) {
    position: relative;
    min-height: 60px;
    min-width: 60px;
    height: 100%;
    width: 100%;
}

.fancy-loader::before {
    animation: animation-rotation 5s linear infinite;
    box-shadow: inset 14.34px -7.125px 2px 25px rgba(255, 0, 0, 0.45),
        inset -12.34px -7.125px 5px 0px rgba(235, 255, 0, 0.54),
        inset 0 14.25px 5px 0px rgba(0, 133, 255, 0.53),
        inset -12.34px 7.125px 5px 0px rgba(22, 243, 3, 0.55),
        inset 12.34px 7.125px 5px 0px rgba(190, 11, 224, 0.55),
        inset 0 -14.25px 5px 0px rgba(253, 127, 11, 0.54);
    position: absolute;
    left: calc(50% - 52px);
    top: calc(50% - 52px);
    border-radius: 50%;
    display: block;
    height: 104px;
    content: "";
    width: 104px;
}

@keyframes animation-rotation {
    0% {
        box-shadow: inset 14.34px -7.125px 2px 25px rgba(255, 0, 0, 0.45),
            inset -12.34px -7.125px 5px 0px rgba(235, 255, 0, 0.54),
            inset 0 14.25px 5px 0px rgba(0, 133, 255, 0.53),
            inset -12.34px 7.125px 5px 0px rgba(22, 243, 3, 0.55),
            inset 12.34px 7.125px 5px 0px rgba(190, 11, 224, 0.55),
            inset 0 -14.25px 5px 0px rgba(253, 127, 11, 0.54);
        transform: rotateZ(0deg);
    }

    16.667% {
        box-shadow: inset 14.34px -7.125px 5px 0px rgba(255, 0, 0, 0.45),
            inset -12.34px -7.125px 2px 25px rgba(235, 255, 0, 0.54),
            inset 0 14.25px 5px 0px rgba(0, 133, 255, 0.53),
            inset -12.34px 7.125px 5px 0px rgba(22, 243, 3, 0.55),
            inset 12.34px 7.125px 5px 0px rgba(190, 11, 224, 0.55),
            inset 0 -14.25px 5px 0px rgba(253, 127, 11, 0.54);
        transform: rotateZ(120deg);
    }


    33.333% {
        box-shadow: inset 14.34px -7.125px 5px 0px rgba(255, 0, 0, 0.45),
            inset -12.34px -7.125px 5px 0px rgba(235, 255, 0, 0.54),
            inset 0 14.25px 2px 25px rgba(0, 133, 255, 0.53),
            inset -12.34px 7.125px 5px 0px rgba(22, 243, 3, 0.55),
            inset 12.34px 7.125px 5px 0px rgba(190, 11, 224, 0.55),
            inset 0 -14.25px 5px 0px rgba(253, 127, 11, 0.54);
        transform: rotateZ(240deg);
    }

    50% {
        box-shadow: inset 14.34px -7.125px 5px 0px rgba(255, 0, 0, 0.45),
            inset -12.34px -7.125px 5px 0px rgba(235, 255, 0, 0.54),
            inset 0 14.25px 5px 0px rgba(0, 133, 255, 0.53),
            inset -12.34px 7.125px 2px 25px rgba(22, 243, 3, 0.55),
            inset 12.34px 7.125px 5px 0px rgba(190, 11, 224, 0.55),
            inset 0 -14.25px 5px 0px rgba(253, 127, 11, 0.54);
        transform: rotateZ(360deg);
    }

    66.667% {
        box-shadow: inset 14.34px -7.125px 5px 0px rgba(255, 0, 0, 0.45),
            inset -12.34px -7.125px 5px 0px rgba(235, 255, 0, 0.54),
            inset 0 14.25px 5px 0px rgba(0, 133, 255, 0.53),
            inset -12.34px 7.125px 5px 0px rgba(22, 243, 3, 0.55),
            inset 12.34px 7.125px 2px 25px rgba(190, 11, 224, 0.55),
            inset 0 -14.25px 5px 0px rgba(253, 127, 11, 0.54);
        transform: rotateZ(480deg);
    }

    83.333% {
        box-shadow: inset 14.34px -7.125px 5px 0px rgba(255, 0, 0, 0.45),
            inset -12.34px -7.125px 5px 0px rgba(235, 255, 0, 0.54),
            inset 0 14.25px 5px 0px rgba(0, 133, 255, 0.53),
            inset -12.34px 7.125px 5px 0px rgba(22, 243, 3, 0.55),
            inset 12.34px 7.125px 5px 0px rgba(190, 11, 224, 0.55),
            inset 0 -14.25px 2px 25px rgba(253, 127, 11, 0.54);
        transform: rotateZ(600deg);
    }

    100% {
        box-shadow: inset 14.34px -7.125px 2px 25px rgba(255, 0, 0, 0.45),
            inset -12.34px -7.125px 5px 0px rgba(235, 255, 0, 0.54),
            inset 0 14.25px 5px 0px rgba(0, 133, 255, 0.53),
            inset -12.34px 7.125px 5px 0px rgba(22, 243, 3, 0.55),
            inset 12.34px 7.125px 5px 0px rgba(190, 11, 224, 0.55),
            inset 0 -14.25px 5px 0px rgba(253, 127, 11, 0.54);
        transform: rotateZ(720deg);
    }
}

.tab-contents .loading-container {
    margin: 40px 0px 40px 0px;
}