title: How to force a CSS class to be used from another file?
body: <p>I think the title is a bit vague but my vocabulary is limited in english. I'll try to explain what I want to do.</p>
  
  <p>I have two CSS files from products I have no control ( are not mine ). Lets say AdminLTE bootstrap and a <a href="https://github.com/sebmatton/jQuery-Flight-Indicators" rel="nofollow noreferrer">JQuery plugin</a>.</p>
  
  <p>The problem is the <code>Box</code> class is in both styles.</p>
  
  <p><a href="https://i.stack.imgur.com/Sj0P4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Sj0P4.png" alt="enter image description here"></a></p>
  
  <p>and messing my flight indicators from the JQuery plugin. I know I have to choose the order of CSS style files or add <code>important</code> to one of them but I'm afraid of start to mess with my bootstrap interface.</p>
  
  <p>Is there any other way to solve this?</p>