title: Change select 2 version 4 border color when it is opened
body: <p>I have tried to change the border color of select 2 version 4 with when it is opened:</p>
  
  <pre><code>.select2-dropdown--above {
      border: 1px solid blue !important;;
      border-bottom: none !important;  
  
  }
  
  .select2-dropdown--below{
      border: 1px solid blue !important;;
      border-top: none !important;     
  
  }
  </code></pre>
  
  <p>Code at: <a href="http://jsfiddle.net/7c0Lm033/" rel="nofollow noreferrer">http://jsfiddle.net/7c0Lm033/</a></p>
  
  <p>Here is what I get:</p>
  
  <p><a href="https://i.stack.imgur.com/xeMMU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xeMMU.png" alt="select 2"></a></p>
  
  <p>As you can see I can not change the color of select 2 head color. I could not find any unique selector which can change the marked color border.</p>