#progress.loader {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 99999;
}

#progress.loader::before {
    content: "";
    position: fixed;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    border: 5px solid #d4edda;
    border-top: 5px solid #198754;
    border-radius: 50%;
    animation: spinLoader .8s linear infinite;
}

#progress.loader::after {
    content: "Mohon Tunggu...";
    position: fixed;
    top: calc(50% + 45px);
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    font-weight: bold;
    color: #198754;
}

@keyframes spinLoader {
    100% {
        transform: rotate(360deg);
    }
}