Styled chosen css. Lighter box shadow for blocks

app/assets/stylesheets/main.scss

@@ -3,10 +3,11 @@
 @import 'font-awesome';
 
 /** GitLab colors **/
-$link_color:#3A89A3;
-$blue_link: #2fa0bb;
-$style_color: #474d57;
+$link_color: #3A89A3;
+$blue_link: #2FA0BB;
+$style_color: #474D57;
 $hover: #D9EDF7;
+$hover_border: #ADF;
 
 /** GitLab Fonts **/
 @font-face { font-family: Korolev; src: font-url('korolev-medium-compressed.otf'); }
@@ -19,9 +20,9 @@ $hover: #D9EDF7;
 }
 
 @mixin solid_shade {
-  -moz-box-shadow: 0 0 0 3px #eee;
-  -webkit-box-shadow: 0 0 0 3px #eee;
-  box-shadow: 0 0 0 3px #eee;
+  -moz-box-shadow: 0 0 0 3px #f1f1f1;
+  -webkit-box-shadow: 0 0 0 3px #f1f1f1;
+  box-shadow: 0 0 0 3px #f1f1f1;
 }
 
 @mixin border-radius($radius) {
@@ -64,6 +65,14 @@ $hover: #D9EDF7;
   background-image: -o-linear-gradient($from, $to);
 }
 
+@mixin bg-light-gray-gradient {
+  background:#f1f1f1;
+  background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #f5f5f5), to(#e1e1e1));
+  background-image: -webkit-linear-gradient(#f5f5f5 6.6%, #e1e1e1);
+  background-image: -moz-linear-gradient(#f5f5f5 6.6%, #e1e1e1);
+  background-image: -o-linear-gradient(#f5f5f5 6.6%, #e1e1e1);
+}
+
 @mixin bg-gray-gradient {
   background:#eee;
   background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));

app/assets/stylesheets/ref_select.scss

@@ -19,41 +19,14 @@
   margin-right: 10px;
 
   .chzn-drop {
-    margin:7px 0;
     min-width: 400px;
-    border: 2px solid $blue_link;
-    @include border-radius(4px);
-
     .chzn-results {
       max-height:300px;
-
-      .group-result {
-        color: $blue_link;
-      }
-      .active-result {
-        &.highlighted {
-          background: $blue_link;
-        }
-      }
     }
-
     .chzn-search input {
       min-width:365px;
     }
   }
-
-  .chzn-single {
-    @include bg-gray-gradient;
-
-    div {
-      background:transparent;
-      border-left:none;
-    }
-
-    span {
-      font-weight: normal;
-    }
-  }
 }
 
 /** Fix for Search Dropdown Border **/
@@ -65,4 +38,55 @@
       box-shadow: none;
     }
   }
+
+  .chzn-drop {
+    margin:7px 0;
+    min-width: 200px;
+    border: 1px solid #bbb;
+    border-radius:0;
+
+    .chzn-results {
+      margin-top: 5px;
+      max-height:300px;
+
+      .group-result {
+        color: $style_color;
+        border-bottom: 1px solid #EEE;
+        padding: 8px;
+      }
+      .active-result {
+        border-radius: 0;
+
+        &.highlighted {
+          background: $hover;
+          color: $style_color;
+        }
+        &.result-selected {
+          background: #EEE;
+          border-left: 4px solid #CCC;
+        }
+      }
+    }
+
+    .chzn-search {
+      @include bg-gray-gradient;
+      input {
+        min-width:165px;
+        border-color: #CCC;
+      }
+    }
+  }
+
+  .chzn-single {
+    @include bg-light-gray-gradient;
+
+    div {
+      background:transparent;
+      border-left:none;
+    }
+
+    span {
+      font-weight: normal;
+    }
+  }
 }