We have a LF Forms process that uses a Java script to provide visually a positive or negative color response.

This function displays on multiple rows based on a primary field DB lookup to populate all of the subsidiary response fields

If the response is Authorized this will be displayed in green.

If the response is Not Authorized this will be displayed in Red.

This is working perfectly until we get to the Save to Repository aspect and all colors are no longer visible in the saved PDF.

Here is the script being used:

$(document).ready(function(){
colorObjectives();
});
function colorObjectives(){
$('.Authorized select').each(function() {
  
    if ($(this).val() == 'Authorized'){
      $(this).css('color', 'green', '!important');
    }
    else {$(this).css('color', 'red', '!important');}
  });  
  }

Any assistance would be appreciated.