@keyframes ball-grid-pulse {
    0% {
        transform:scale(1)
    }

    50% {
        transform: scale(0.5);
        opacity:0.7
    }

    100% {
        transform: scale(1);
        opacity:1
    }
}

.ball-grid-pulse {
    width:57px
}

.ball-grid-pulse > div:nth-child(1) {
    animation-delay: .12s;
    animation-duration:.93s
}

.ball-grid-pulse > div:nth-child(2) {
    animation-delay: -.12s;
    animation-duration:.62s
}

.ball-grid-pulse > div:nth-child(3) {
    animation-delay: .29s;
    animation-duration:1.53s
}

.ball-grid-pulse > div:nth-child(4) {
    animation-delay: .39s;
    animation-duration:1.41s
}

.ball-grid-pulse > div:nth-child(5) {
    animation-delay: -.15s;
    animation-duration:1.55s
}

.ball-grid-pulse > div:nth-child(6) {
    animation-delay: -.05s;
    animation-duration:1.34s
}

.ball-grid-pulse > div:nth-child(7) {
    animation-delay: .46s;
    animation-duration:.79s
}

.ball-grid-pulse > div:nth-child(8) {
    animation-delay: .6s;
    animation-duration:1.12s
}

.ball-grid-pulse > div:nth-child(9) {
    animation-delay: -.02s;
    animation-duration:1.31s
}

.ball-grid-pulse > div {
    /*background-color: #da624a;*/
    /*background-color: rgb(121, 76, 138);*/
    /*background-color: #17a2b8;*/
    background-color: #343a40;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    animation-fill-mode: both;
    display: inline-block;
    float: left;
    animation-name: ball-grid-pulse;
    animation-iteration-count: infinite;
    animation-delay:0
}




.modal-content-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff;
    border-radius: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader-hide {
    display: none !important;
}