title: How to set styles to ng-select box using Scss in Angular4
body: <p>I have a ng-select field in my HTML, i want to apply some part of css to that, Here i am using scss, i am not getting how to transverse these codes to the class i had given, Can anyone help me to sort it out.</p>
  
  <p><strong>Scss:</strong></p>
  
  <pre><code>.box {
    background-color: #4389a9;
    width: 185px;
    height: 45px;
    padding: 8px 20px;
    right: -19px;
    cursor: pointer;
    top: 19px;
    transition: bottom 2s;
    border-radius: 24px;
    margin-bottom: 26px;
    select-dropdown {
      display: none;
    }
  }
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;ng-select class="box" placeholder="Wiredelta" [options]="cities"&gt;Wiredelta&lt;/ng-select&gt;
  </code></pre>
  
  <p><strong>CSS part to be added to scss:</strong></p>
  
  <pre><code>    ng-select &gt; div &gt; div.single &gt; div.toggle {
      color: white !important;
      background: none;
  }
  
  ng-select &gt; div {
      border:none !important
  }
  
  ng-select &gt; div &gt; div.single &gt; div.placeholder {
      color: white;
      font-size: 35px;
      font-family: MontserratRegular; 
  }
  
  ng-select &gt; div &gt; div.single &gt; div.clear:hover, ng-select &gt; div &gt; div.single &gt; div.toggle:hover {
      background-color: #4389a9;
  }
  
  select-dropdown {
      display: none;
  }
  </code></pre>