'JQuery UI not applying custom style sheet

enter image description hereNot sure what is happening i have notice that our live site vs a dev enviroment the style sheet shows just fine in the head and in the network traffic - however the custom sheet is not applied to our dev enviroment anylonger. i resolved one section by inline styling the css but i am at a point that this way will be too time consuming. i'm hoping to find the reason why its not working for our dev enviroment -- our fear is we push to prod and the site looks like basic html styling

any ideas ??? we are using JQUERY UI as well

js file import w/ jquery

 $("head").append(
  '<link rel="stylesheet" as="style" type="text/css" href="' +
  xxxx.getScriptHost() +
  '/styles/widgets.css"/>'
  );

enter image description here



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source