title: override CSS for a flat UI style
body: <p>I have to override a background color of a CSS class from #1abc9c to steelgreen.</p>
  
  <p>My html control is</p>
  
  <pre><code>&lt;select id="Users" title="App. Users" data-toggle="select" class="form-control select select-primary"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>The original version in flat-ui.min.js</p>
  
  <pre><code>.select2-drop .select2-highlighted &gt; .select2-result-label {
          color: #fff;
          background: #1abc9c;
      }
  </code></pre>
  
  <p>I am trying to override the background color as,</p>
  
  <pre><code>$(".select2-drop").css('background', 'steelblue !important');
  $(".select2-highlighted").css('background', 'steelblue !important');
  $(".select2-result-label").css('background', 'steelblue !important');
  $(".select2-drop .select2-highlighted &gt; .select2-result-label").css('background', 'steelblue !important');
  </code></pre>
  
  <p>None of them are worked out. I also tried by removing the <code>!important</code> but no luck.</p>
  
  <p>Pl. let me know what am I missing here!</p>