.table-responsive {
        overflow-x: auto;
        overflow-y: auto;
       
    }

    #dataTable {
        min-width: 1000px;
    }

    thead th {
        z-index: 10;
    }

    .lds-spinner {
        display: none; /* Hide by default */
        margin: auto;
    }

    .lds-spinner div {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #333;
        animation: lds-spinner 1.2s linear infinite;
    }

    .lds-spinner div:nth-child(1) {
        animation-delay: -0.36s;
    }

    .lds-spinner div:nth-child(2) {
        animation-delay: -0.24s;
    }

    .lds-spinner div:nth-child(3) {
        animation-delay: -0.12s;
    }

    @@keyframes lds-spinner {
        0% {
            transform: scale(0);
        }

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