{{-- loan outstanding | start --}}
    <script>
        var table = document.getElementById("totalLoanOutstandingPomis2amount");
        // taking bg color
        var color = table.style.backgroundColor;
        // convert hex to rgb 
        var rgb = color.replace(/[^\d,]/g, '').split(',');
        // calculate contrast of the color
        var luma = (0.2126 * rgb[0]) + (0.7152 * rgb[1]) + (0.0722 * rgb[2]);
        // setup text color based on contrast
        var textColor = luma >= 165 ? '#000000' : '#ffffff';
        // set value to that element
        var bgcolor = table.getAttribute('data-bgcolor');
        table.setAttribute("style", `${bgcolor} !important; color: ${textColor} !important;`)
    </script>

    <script>
        var table = document.getElementById("totalLoanOutstandingPomis3amount");
        var color = table.style.backgroundColor;
        var rgb = color.replace(/[^\d,]/g, '').split(',');
        var luma = (0.2126 * rgb[0]) + (0.7152 * rgb[1]) + (0.0722 * rgb[2]);
        var textColor = luma >= 165 ? '#000000' : '#ffffff';
        var bgcolor = table.getAttribute('data-bgcolor');
        table.setAttribute("style", `${bgcolor} !important; color: ${textColor} !important;`)
    </script>

    <script>
        var table = document.getElementById("aisLoanOutstandingamount");
        var color = table.style.backgroundColor;
        var rgb = color.replace(/[^\d,]/g, '').split(',');
        var luma = (0.2126 * rgb[0]) + (0.7152 * rgb[1]) + (0.0722 * rgb[2]);
        var textColor = luma >= 165 ? '#000000' : '#ffffff';
        var bgcolor = table.getAttribute('data-bgcolor');
        table.setAttribute("style", `${bgcolor} !important; color: ${textColor} !important;`)
    </script>

    <script>
        var table = document.getElementById("mfpLoanOutstandingamount");
        var color = table.style.backgroundColor;
        var rgb = color.replace(/[^\d,]/g, '').split(',');
        var luma = (0.2126 * rgb[0]) + (0.7152 * rgb[1]) + (0.0722 * rgb[2]);
        var textColor = luma >= 165 ? '#000000' : '#ffffff';
        var bgcolor = table.getAttribute('data-bgcolor');
        table.setAttribute("style", `${bgcolor} !important; color: ${textColor} !important;`)
    </script>

    <script>
        var table = document.getElementById("olrsLoanOutstandingamount");
        var color = table.style.backgroundColor;
        var rgb = color.replace(/[^\d,]/g, '').split(',');
        var luma = (0.2126 * rgb[0]) + (0.7152 * rgb[1]) + (0.0722 * rgb[2]);
        var textColor = luma >= 165 ? '#000000' : '#ffffff';
        var bgcolor = table.getAttribute('data-bgcolor');
        table.setAttribute("style", `${bgcolor} !important; color: ${textColor} !important;`)
    </script>

{{-- loan outstanding | end --}}

{{-- due balance |start --}}
    <script>
        var table = document.getElementById("totalDuePomisTwoAamount");
        var color = table.style.backgroundColor;
        var rgb = color.replace(/[^\d,]/g, '').split(',');
        var luma = (0.2126 * rgb[0]) + (0.7152 * rgb[1]) + (0.0722 * rgb[2]);
        var textColor = luma >= 165 ? '#000000' : '#ffffff';
        var bgcolor = table.getAttribute('data-bgcolor');
        table.setAttribute("style", `${bgcolor} !important; color: ${textColor} !important;`)
    </script>

    <script>
        var table = document.getElementById("totalOverDuePomisThreeamount");
        var color = table.style.backgroundColor;
        var rgb = color.replace(/[^\d,]/g, '').split(',');
        var luma = (0.2126 * rgb[0]) + (0.7152 * rgb[1]) + (0.0722 * rgb[2]);
        var textColor = luma >= 165 ? '#000000' : '#ffffff';
        var bgcolor = table.getAttribute('data-bgcolor');
        table.setAttribute("style", `${bgcolor} !important; color: ${textColor} !important;`)
    </script>

    <script>
        var table = document.getElementById("topsheetDueAmountamount");
        var color = table.style.backgroundColor;
        var rgb = color.replace(/[^\d,]/g, '').split(',');
        var luma = (0.2126 * rgb[0]) + (0.7152 * rgb[1]) + (0.0722 * rgb[2]);
        var textColor = luma >= 165 ? '#000000' : '#ffffff';
        var bgcolor = table.getAttribute('data-bgcolor');
        table.setAttribute("style", `${bgcolor} !important; color: ${textColor} !important;`)
    </script>

    <script>
        var table = document.getElementById("mfpProgramTotalDueamount");
        var color = table.style.backgroundColor;
        var rgb = color.replace(/[^\d,]/g, '').split(',');
        var luma = (0.2126 * rgb[0]) + (0.7152 * rgb[1]) + (0.0722 * rgb[2]);
        var textColor = luma >= 165 ? '#000000' : '#ffffff';
        var bgcolor = table.getAttribute('data-bgcolor');
        table.setAttribute("style", `${bgcolor} !important; color: ${textColor} !important;`)
    </script>
    
{{-- due balance |end --}}

{{-- savings balance |start --}}
    <script>
        var table = document.getElementById("currentSavingsBalanceamount");
        var color = table.style.backgroundColor;
        var rgb = color.replace(/[^\d,]/g, '').split(',');
        var luma = (0.2126 * rgb[0]) + (0.7152 * rgb[1]) + (0.0722 * rgb[2]);
        var textColor = luma >= 165 ? '#000000' : '#ffffff';
        var bgcolor = table.getAttribute('data-bgcolor');
        table.setAttribute("style", `${bgcolor} !important; color: ${textColor} !important;`)
    </script>

    <script>
        var table = document.getElementById("allSavingsInfoPomis1amount");
        var color = table.style.backgroundColor;
        var rgb = color.replace(/[^\d,]/g, '').split(',');
        var luma = (0.2126 * rgb[0]) + (0.7152 * rgb[1]) + (0.0722 * rgb[2]);
        var textColor = luma >= 165 ? '#000000' : '#ffffff';
        var bgcolor = table.getAttribute('data-bgcolor');
        table.setAttribute("style", `${bgcolor} !important; color: ${textColor} !important;`)
    </script>

    <script>
        var table = document.getElementById("aisSavingsBalanceamount");
        var color = table.style.backgroundColor;
        var rgb = color.replace(/[^\d,]/g, '').split(',');
        var luma = (0.2126 * rgb[0]) + (0.7152 * rgb[1]) + (0.0722 * rgb[2]);
        var textColor = luma >= 165 ? '#000000' : '#ffffff';
        var bgcolor = table.getAttribute('data-bgcolor');
        table.setAttribute("style", `${bgcolor} !important; color: ${textColor} !important;`)
    </script>

    <script>
        var table = document.getElementById("savingsBalancePomis5Aamount");
        var color = table.style.backgroundColor;
        var rgb = color.replace(/[^\d,]/g, '').split(',');
        var luma = (0.2126 * rgb[0]) + (0.7152 * rgb[1]) + (0.0722 * rgb[2]);
        var textColor = luma >= 165 ? '#000000' : '#ffffff';
        var bgcolor = table.getAttribute('data-bgcolor');
        table.setAttribute("style", `${bgcolor} !important; color: ${textColor} !important;`)
    </script>

    <script>
        var table = document.getElementById("olrsSavingsBalanceamount");
        var color = table.style.backgroundColor;
        var rgb = color.replace(/[^\d,]/g, '').split(',');
        var luma = (0.2126 * rgb[0]) + (0.7152 * rgb[1]) + (0.0722 * rgb[2]);
        var textColor = luma >= 165 ? '#000000' : '#ffffff';
        var bgcolor = table.getAttribute('data-bgcolor');
        table.setAttribute("style", `${bgcolor} !important; color: ${textColor} !important;`)
    </script>
    
{{-- savings balance |end --}}