.loading-spinner {
    width: 30px;
    height: 30px;
    border: 2px solid deepskyblue;
    border-radius: 50%;
    border-top-color: #0001;
    display: inline-block;
    animation: loadingspinner .7s linear infinite;
}
#modal-loading {
    width: 300px !important;
    height: 300px !important;
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    margin-left: -150px !important;
    margin-top: -150px !important;
}

.data-load-modal {
    width: 300px !important;
    height: 300px !important;
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    margin-left: -150px !important;
    margin-top: -150px !important;
}

.modal-backdrop {
    opacity: 0.7 !important;
}

@keyframes loadingspinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}