ad2games-ui_components 2.0.0

data/vendor/assets/bower_components/ajax-chosen/lib/ajax-chosen.min.js

@@ -0,0 +1,17 @@
+
+(function($){var ajaxChosen,defaultOptions;defaultOptions={minTermLength:3,afterTypeDelay:500,jsonTermKey:"term",keepTypingMsg:"Keep typing...",lookingForMsg:"Looking for"};return ajaxChosen=(function(){function ajaxChosen(element,settings,callback,chosenOptions){var chosenXhr;this.element=element;chosenXhr=null;this.callback_function=callback;this.options=$.extend({},defaultOptions,this.element.data(),settings);this.success=settings.success;this.element.chosen(chosenOptions?chosenOptions:{});this.search_field=this.element.next('.chosen-container').find(".search-field > input, .chosen-search > input");this.register_observers();}
+ajaxChosen.prototype.register_observers=function(){var _this=this;this.search_field.keyup(function(evt){_this.update_list(evt);});return this.search_field.focus(function(evt){_this.search_field_focused(evt);});};ajaxChosen.prototype.search_field_focused=function(evt){if(this.options.minTermLength===0&&this.search_field.val().length===0){return this.update_list(evt);}};ajaxChosen.prototype.update_list=function(evt){var msg,options,val,_this;this.untrimmed_val=this.search_field.val();val=$.trim(this.search_field.val());msg=val.length<this.options.minTermLength?this.options.keepTypingMsg:this.options.lookingForMsg+(" '"+val+"'");this.element.next('.chosen-container').find('.no-results').text(msg);if(val===this.search_field.data('prevVal')){return false;}
+this.search_field.data('prevVal',val);if(this.timer){clearTimeout(this.timer);}
+if(val.length<this.options.minTermLength){return false;}
+if(this.options.data==null){this.options.data={};}
+this.options.data[this.options.jsonTermKey]=val;if(this.options.dataCallback!=null){this.options.data=this.options.dataCallback(this.options.data);}
+_this=this;options=this.options;options.success=function(data){return _this.show_results(data);};return this.timer=setTimeout(function(){if(_this.chosenXhr){_this.chosenXhr.abort();}
+return _this.chosenXhr=$.ajax(options);},options.afterTypeDelay);};ajaxChosen.prototype.show_results=function(data){var items,nbItems,selected_values,_this;if(data==null){return;}
+selected_values=[];this.element.find('option').each(function(){if(!$(this).is(":selected")){return $(this).remove();}else{return selected_values.push($(this).val()+"-"+$(this).text());}});this.element.find('optgroup:empty').each(function(){return $(this).remove();});items=this.callback_function!=null?this.callback_function(data,this.search_field):data;nbItems=0;_this=this;$.each(items,function(i,element){var group,text,value;nbItems++;if(element.group){group=_this.element.find("optgroup[label='"+element.text+"']");if(!group.size()){group=$("<optgroup />");}
+group.attr('label',element.text).appendTo(_this.element);return $.each(element.items,function(i,element){var text,value;if(typeof element==="string"){value=i;text=element;}else{value=element.value;text=element.text;}
+if($.inArray(value+"-"+text,selected_values)===-1){return $("<option />").attr('value',value).html(text).appendTo(group);}});}else{if(typeof element==="string"){value=i;text=element;}else{value=element.value;text=element.text;}
+if($.inArray(value+"-"+text,selected_values)===-1){return $("<option />").attr('value',value).html(text).appendTo(_this.element);}}});if(nbItems){this.element.trigger("chosen:updated");}else{this.element.data().chosen.no_results_clear();this.element.data().chosen.no_results(this.search_field.val());}
+if(this.success!=null){this.success(data);}
+return this.search_field.val(this.untrimmed_val);};$.fn.ajaxChosen=function(options,callback,chosenOptions){if(options==null){options={};}
+if(chosenOptions==null){chosenOptions={};}
+return this.each(function(){return new ajaxChosen($(this),options,callback,chosenOptions);});};return ajaxChosen;})();})(jQuery);

data/vendor/assets/bower_components/ajax-chosen/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "ajax-chosen",
+  "description": "A complement to the jQuery library Chosen that adds ajax autocomplete",
+  "version": "1.0.1",
+  "author": {
+    "name": "Ryan LeFevre",
+    "email": "meltingice8917@gmail.com",
+    "url": "http://meltingice.net"
+  },
+  "devDependencies": {
+    "coffee-script": ">= 1.3.1",
+    "jsmin": "*",
+    "servedir": "*"
+  },
+  "scripts": {
+    "start": "servedir"
+  }
+}

data/vendor/assets/bower_components/ajax-chosen/src/ajax-chosen.coffee

@@ -0,0 +1,183 @@
+do ($ = jQuery) ->
+  defaultOptions =
+    minTermLength: 3
+    afterTypeDelay: 500
+    jsonTermKey: "term"
+    keepTypingMsg: "Keep typing..."
+    lookingForMsg: "Looking for"
+
+  class ajaxChosen
+    constructor: (@element, settings, callback, chosenOptions) ->
+      chosenXhr = null
+
+      @callback_function = callback
+
+      # Merge options with defaults
+      @options = $.extend {}, defaultOptions, @element.data(), settings
+
+      # If the user provided an ajax success callback, store it so we can
+      # call it after our bootstrapping is finished.
+      @success = settings.success
+
+      # Load chosen. To make things clear, I have taken the liberty
+      # of using the .chosen-autoselect class to specify input elements
+      # we want to use with ajax autocomplete.
+      @element.chosen(if chosenOptions then chosenOptions else {})
+
+      # Now that chosen is loaded normally, we can bootstrap it with
+      # our ajax autocomplete code.
+      @search_field = @element.next('.chosen-container')
+        .find(".search-field > input, .chosen-search > input")
+
+      @register_observers()
+
+    register_observers: ->
+      @search_field.keyup (evt) => @update_list(evt); return
+      @search_field.focus (evt) => @search_field_focused(evt); return
+
+    search_field_focused: (evt) ->
+      return @update_list(evt) if @options.minTermLength == 0 and @search_field.val().length == 0
+
+    update_list: (evt) ->
+      # This code will be executed every time the user types a letter
+      # into the input form that chosen has created
+
+      # Retrieve the current value of the input form
+      @untrimmed_val = @search_field.val()
+      val = $.trim @search_field.val()
+
+      # Depending on how much text the user has typed, let them know
+      # if they need to keep typing or if we are looking for their data
+      msg = if val.length < @options.minTermLength then @options.keepTypingMsg else @options.lookingForMsg + " '#{val}'"
+      @element.next('.chosen-container').find('.no-results').text(msg)
+
+      # If input text has not changed ... do nothing
+      return false if val is @search_field.data('prevVal')
+
+      # Set the current search term so we don't execute the ajax call if
+      # the user hits a key that isn't an input letter/number/symbol
+      @search_field.data('prevVal', val)
+
+      # At this point, we have a new term/query ... the old timer
+      # is no longer valid.  Clear it.
+
+      # We delay searches by a small amount so that we don't flood the
+      # server with ajax requests.
+      clearTimeout(@timer) if @timer
+
+      # Do not make ajax calls if search value length is lower than the minimum term length
+      return false if val.length < @options.minTermLength
+
+      # Default term key is `term`.  Specify alternative in @options.options.jsonTermKey
+      @options.data = {} unless @options.data?
+      @options.data[@options.jsonTermKey] = val
+      @options.data = @options.dataCallback(@options.data) if @options.dataCallback?
+
+      _this = @
+      options = @options
+
+      options.success = (data) ->
+        _this.show_results(data)
+
+      # Execute the ajax call to search for autocomplete data with a timer
+      @timer = setTimeout ->
+        _this.chosenXhr.abort() if _this.chosenXhr
+        _this.chosenXhr = $.ajax(options)
+      , options.afterTypeDelay
+
+    # Create our own callback that will be executed when the ajax call is
+    # finished.
+    show_results: (data) ->
+      # Exit if the data we're given is invalid
+      return unless data?
+
+      # Go through all of the <option> elements in the <select> and remove
+      # ones that have not been selected by the user.  For those selected
+      # by the user, add them to a list to filter from the results later.
+      selected_values = []
+      @element.find('option').each ->
+        if not $(@).is(":selected")
+          $(@).remove()
+        else
+          selected_values.push $(@).val() + "-" + $(@).text()
+      @element.find('optgroup:empty').each ->
+        $(@).remove()
+
+      # Send the ajax results to the user callback so we can get an object of
+      # value => text pairs to inject as <option> elements.
+      items = if @callback_function? then @callback_function(data, @search_field) else data
+
+      nbItems = 0
+
+      _this = @
+
+      # Iterate through the given data and inject the <option> elements into
+      # the DOM if it doesn't exist in the selector already
+      $.each items, (i, element) ->
+        nbItems++
+
+        if element.group
+          group = _this.element.find("optgroup[label='#{element.text}']")
+          group = $("<optgroup />") unless group.size()
+
+          group.attr('label', element.text)
+            .appendTo(_this.element)
+          $.each element.items, (i, element) ->
+            if typeof element == "string"
+              value = i;
+              text = element;
+            else
+              value = element.value;
+              text = element.text;
+            if $.inArray(value + "-" + text, selected_values) == -1
+              $("<option />")
+                .attr('value', value)
+                .html(text)
+                .appendTo(group)
+        else
+          if typeof element == "string"
+            value = i;
+            text = element;
+          else
+            value = element.value;
+            text = element.text;
+          if $.inArray(value + "-" + text, selected_values) == -1
+            $("<option />")
+              .attr('value', value)
+              .html(text)
+              .appendTo(_this.element)
+
+      if nbItems
+        # Tell chosen that the contents of the <select> input have been updated
+        # This makes chosen update its internal list of the input data.
+        @element.trigger("chosen:updated")
+      else
+        # If there are no results, display the no_results text
+        @element.data().chosen.no_results_clear()
+        @element.data().chosen.no_results @search_field.val()
+
+      # Finally, call the user supplied callback (if it exists)
+      @success(data) if @success?
+
+      # For some reason, the contents of the input field get removed once you
+      # call trigger above. Often, this can be very annoying (and can make some
+      # searches impossible), so we add the value the user was typing back into
+      # the input field.
+      @search_field.val(@untrimmed_val)
+
+      # Because non-ajax Chosen isn't constantly re-building results, when it
+      # DOES rebuild results (during chosen:updated above, it clears the input
+      # search field before scaling it.  This causes the input field width to be
+      # at it's minimum, which is about 25px.
+
+      # The proper way to fix this would be create a new method in chosen for
+      # rebuilding results without clearing the input field.  Or to call
+      # Chosen.search_field_scale() after resetting the value above.  This isn't
+      # possible with the current state of Chosen.  The quick fix is to simply reset
+      # the width of the field after we reset the value of the input text.
+      # @search_field.css('width','auto')
+
+    $.fn.ajaxChosen = (options = {}, callback, chosenOptions = {}) ->
+      @each ->
+        new ajaxChosen($(@), options, callback, chosenOptions)
+

data/vendor/assets/bower_components/bootstrap-chosen/README.md

@@ -0,0 +1,29 @@
+# bootstrap-chosen (less/sass)
+
+![](https://github.com/alxlit/bootstrap-chosen/raw/master/example.png)
+
+An alternate stylesheet for [Chosen 1.0](http://harvesthq.github.com/chosen/). This
+one is supposed to integrate better with [Bootstrap 3.0](http://getbootstrap.com/).
+
+[Here's the example page](http://alxlit.github.io/bootstrap-chosen/).
+
+How you add `bootstrap-chosen.less` to your build process is up to you. Just keep
+in mind that it needs access to `variables.less` and `mixins.less`.
+
+You can tinker with the example page by:
+
+```
+$ git clone https://github.com/alxlit/bootstrap-chosen
+$ cd bootstrap-chosen
+bootstrap-chosen $ git clone --depth=1 https://github.com/twbs/bootstrap
+bootstrap-chosen $ vi bootstrap/less/bootstrap.less
+
+// Add this to the bottom
+@import "../../bootstrap-chosen.less";
+
+bootstrap-chosen $ lessc bootstrap/less/bootstrap.less > bootstrap.css
+bootstrap-chosen $ firefox example.html
+```
+
+License: [MIT](https://en.wikipedia.org/wiki/MIT_License)
+

data/vendor/assets/bower_components/bootstrap-chosen/bootstrap-chosen-variables.less

@@ -0,0 +1,24 @@
+//
+// bootstrap-chosen-variables.less
+//
+// An alternate stylesheet for Chosen (http://harvesthq.github.com/chosen/).
+// This one is supposed to integrate better with Bootstrap.
+//
+// Submit bugfixes to: http://github.com/alxlit/bootstrap-chosen
+//
+
+@chosen-background: @input-bg;
+@chosen-border: 1px solid @input-border;
+@chosen-border-radius: @input-border-radius;
+@chosen-multi-border-radius: @chosen-border-radius;
+@chosen-box-shadow: ~"inset 0 1px 1px rgba(0, 0, 0, .075)";
+@chosen-drop-border: @input-border;
+@chosen-drop-box-shadow: ~"0 8px 8px rgba(0, 0, 0, .25)";
+@chosen-drop-zindex: 1060;
+@chosen-focus-border: 1px solid @input-border-focus;
+@chosen-focus-box-shadow: ~"0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6)";
+@chosen-focus-transition: ~"border linear .2s, box-shadow linear .2s";
+@chosen-height: @input-height-base;
+@chosen-multi-height: @input-height-base + 6px;
+@chosen-sprite-path: "chosen-sprite.png";
+@chosen-sprite-retina-path: "chosen-sprite@2x.png";

data/vendor/assets/bower_components/bootstrap-chosen/bootstrap-chosen-variables.scss

@@ -0,0 +1,16 @@
+$chosen-background: $input-bg !default;
+$chosen-border: 1px solid $input-border !default;
+$chosen-border-color: $input-border-focus;
+$chosen-border-radius: $input-border-radius !default;
+$chosen-multi-border-radius: $chosen-border-radius !default;
+$chosen-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !default;
+$chosen-drop-border: $input-border !default;
+$chosen-drop-box-shadow: 0 8px 8px rgba(0, 0, 0, .25) !default;
+$chosen-drop-zindex: 1060 !default;
+$chosen-focus-border: 1px solid $input-border-focus !default;
+$chosen-focus-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px $chosen-border-color !default;
+$chosen-focus-transition: border linear .2s, box-shadow linear .2s !default;
+$chosen-height: $input-height-base !default;
+$chosen-multi-height: $input-height-base + 6px !default;
+$chosen-sprite-path: 'chosen-sprite.png' !default;
+$chosen-sprite-retina-path: 'chosen-sprite@2x.png' !default;

data/vendor/assets/bower_components/bootstrap-chosen/bootstrap-chosen.less

@@ -0,0 +1,473 @@
+//
+// bootstrap-chosen.less
+//
+// An alternate stylesheet for Chosen (http://harvesthq.github.com/chosen/).
+// This one is supposed to integrate better with Bootstrap.
+//
+// Submit bugfixes to: http://github.com/alxlit/bootstrap-chosen
+//
+
+@import "bootstrap-chosen-variables.less";
+
+.chosen-select { width: 100%; }
+.chosen-select-deselect { width: 100%; }
+
+.chosen-container {
+  display: inline-block;
+  font-size: @font-size-base;
+  position: relative;
+  vertical-align: middle;
+
+  .chosen-drop {
+    background: @chosen-background;
+    border: 1px solid @chosen-drop-border;
+    .border-bottom-radius(@chosen-border-radius);
+    .box-shadow(@chosen-drop-box-shadow);
+    margin-top: -1px;
+    position: absolute;
+    top: 100%;
+    left: -9000px;
+    z-index: @chosen-drop-zindex;
+  }
+
+  &.chosen-with-drop .chosen-drop {
+    left: 0;
+    right: 0;
+  }
+
+  .chosen-results {
+    color: @gray;
+    margin: 0 4px 4px 0;
+    max-height: 240px;
+    padding: 0 0 0 4px;
+    position: relative;
+    overflow-x: hidden;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+
+    li {
+      display: none;
+      line-height: @line-height-base; // 15px;
+      list-style: none;
+      margin: 0;
+      padding: 5px 6px;
+
+      em {
+        background: #feffde;
+        font-style: normal;
+      }
+
+      &.group-result {
+        display: list-item;
+        cursor: default;
+        color: #999;
+        font-weight: bold;
+      }
+
+      &.group-option {
+        padding-left: 15px;
+      }
+
+      &.active-result {
+        cursor: pointer;
+        display: list-item;
+      }
+
+      &.highlighted {
+        background-color: @link-color;
+        background-image: none;
+        color: white;
+
+        em {
+          background: transparent;
+        }
+      }
+
+      &.disabled-result {
+        display: list-item;
+        color: @gray-light;
+      }
+    }
+
+    .no-results {
+      background: @gray-lighter;
+      display: list-item;
+    }
+  }
+
+  .chosen-results-scroll {
+    background: white;
+    margin: 0 4px;
+    position: absolute;
+    text-align: center;
+    width: 321px;
+    z-index: 1;
+
+    span {
+      display: inline-block;
+      height: @line-height-base; // 17px;
+      text-indent: -5000px;
+      width: 9px;
+    }
+  }
+
+  .chosen-results-scroll-down {
+    bottom: 0;
+
+    span {
+      background: url("@{chosen-sprite-path}") no-repeat -4px -3px;
+    }
+  }
+
+  .chosen-results-scroll-up {
+    span {
+      background: url("@{chosen-sprite-path}") no-repeat -22px -3px;
+    }
+  }
+}
+
+.chosen-container-single {
+  .chosen-single {
+    background-color: @chosen-background;
+    -webkit-background-clip: padding-box;
+       -moz-background-clip: padding;
+            background-clip: padding-box;
+    border: @chosen-border;
+    .border-top-radius(@chosen-border-radius);
+    .border-bottom-radius(@chosen-border-radius);
+    .box-shadow(@chosen-box-shadow);
+    color: @gray;
+    display: block;
+    height: @chosen-height;
+    overflow: hidden;
+    line-height: @chosen-height;
+    padding: 0 0 0 8px;
+    position: relative;
+    text-decoration: none;
+    white-space: nowrap;
+
+    span {
+      display: block;
+      margin-right: 26px;
+      .text-overflow();
+    }
+
+    abbr {
+      background: url("@{chosen-sprite-path}") right top no-repeat;
+      display: block;
+      font-size: 1px;
+      height: 10px;
+      position: absolute;
+      right: 26px;
+      top: ((@chosen-height - 10px) / 2);
+      width: 12px;
+
+      &:hover {
+        background-position: right -11px;
+      }
+    }
+
+    &.chosen-disabled .chosen-single abbr:hover {
+      background-position: right 2px;
+    }
+
+    div {
+      display: block;
+      height: 100%;
+      position: absolute;
+      top: 0;
+      right: 0;
+      width: 18px;
+
+      b {
+        background: url("@{chosen-sprite-path}") no-repeat 0 7px;
+        display: block;
+        height: 100%;
+        width: 100%;
+      }
+    }
+  }
+
+  .chosen-default {
+    color: @gray-light;
+  }
+
+  .chosen-search {
+    margin: 0;
+    padding: 3px 4px;
+    position: relative;
+    white-space: nowrap;
+    z-index: @zindex-dropdown;
+
+    input[type="text"] {
+      background: url("@{chosen-sprite-path}") no-repeat 100% -20px, @chosen-background;
+      border: @chosen-border;
+      .border-top-radius(@chosen-border-radius);
+      .border-bottom-radius(@chosen-border-radius);
+      .box-shadow(@chosen-box-shadow);
+      margin: 1px 0;
+      padding: 4px 20px 4px 4px;
+      width: 100%;
+    }
+  }
+
+  .chosen-drop {
+    margin-top: -1px;
+    .border-bottom-radius(@chosen-border-radius);
+    -webkit-background-clip: padding-box;
+       -moz-background-clip: padding;
+            background-clip: padding-box;
+  }
+}
+
+.chosen-container-single-nosearch {
+  .chosen-search {
+    input {
+      position: absolute;
+      left: -9000px;
+    }
+  }
+}
+
+.chosen-container-multi {
+  .chosen-choices {
+    background-color: @chosen-background;
+    border: @chosen-border;
+    .border-top-radius(@chosen-multi-border-radius);
+    .border-bottom-radius(@chosen-multi-border-radius);
+    .box-shadow(@chosen-box-shadow);
+    cursor: text;
+    height: auto !important;
+    height: 1%;
+    margin: 0;
+    overflow: hidden;
+    padding: 0;
+    position: relative;
+
+    li {
+      float: left;
+      list-style: none;
+    }
+
+    .search-field {
+      margin: 0;
+      padding: 0;
+      white-space: nowrap;
+
+      input[type="text"] {
+        background: transparent !important;
+        border: 0 !important;
+        .box-shadow(none);
+        color: @gray;
+        height: @chosen-multi-height - 8px;
+        margin: 0;
+        padding: 4px;
+        outline: 0;
+      }
+
+      .default {
+        color: #999;
+      }
+    }
+
+    .search-choice {
+      -webkit-background-clip: padding-box;
+         -moz-background-clip: padding;
+              background-clip: padding-box;
+      background-color: @gray-lighter;
+      border: @chosen-border;
+      .border-top-radius(@chosen-border-radius);
+      .border-bottom-radius(@chosen-border-radius);
+      .box-shadow(@chosen-box-shadow);
+      color: @gray-dark;
+      cursor: default;
+      line-height: 13px;
+      margin: 6px 0 3px 5px;
+      padding: 3px 20px 3px 5px;
+      position: relative;
+
+      .search-choice-close {
+        background: url("@{chosen-sprite-path}") right top no-repeat;
+        display: block;
+        font-size: 1px;
+        height: 10px;
+        position: absolute;
+        right: 4px;
+        top: 5px;
+        width: 12px;
+        cursor: pointer;
+
+        &:hover {
+          background-position: right -11px;
+        }
+      }
+    }
+
+    .search-choice-focus {
+      background: #d4d4d4;
+
+      .search-choice-close {
+        background-position: right -11px;
+      }
+    }
+  }
+
+  .chosen-results {
+    margin: 0 0 0 0;
+    padding: 0;
+  }
+
+  .chosen-drop {
+    .result-selected {
+      display: none;
+    }
+  }
+}
+
+.chosen-container-active {
+  .chosen-single {
+    border: @chosen-focus-border;
+    .box-shadow(@chosen-focus-box-shadow);
+    .transition(@chosen-focus-transition);
+  }
+
+  &.chosen-with-drop .chosen-single {
+    background-color: @input-bg;
+    border: @chosen-focus-border;
+    .border-bottom-radius(0);
+    .box-shadow(@chosen-focus-box-shadow);
+    .transition(@chosen-focus-transition);
+
+    div {
+      background: transparent;
+      border-left: none;
+
+      b {
+        background-position: -18px 7px;
+      }
+    }
+  }
+
+  .chosen-choices {
+    border: @chosen-focus-border;
+    .border-bottom-radius(0);
+    .box-shadow(@chosen-focus-box-shadow);
+    .transition(@chosen-focus-transition);
+
+    .search-field input[type="text"] {
+      color: #111 !important;
+    }
+  }
+
+  &.chosen-with-drop .chosen-choices {
+    .border-bottom-radius(0);
+  }
+}
+
+.chosen-disabled {
+  cursor: default;
+  opacity: 0.5 !important;
+
+  .chosen-single {
+    cursor: default;
+  }
+
+  .chosen-choices .search-choice .search-choice-close {
+    cursor: default;
+  }
+}
+
+.chosen-rtl {
+  text-align: right;
+
+  .chosen-single {
+    padding: 0 8px 0 0;
+    overflow: visible;
+
+    span {
+      margin-left: 26px;
+      margin-right: 0;
+      direction: rtl;
+    }
+
+    div {
+      left: 7px;
+      right: auto;
+    }
+
+    abbr {
+      left: 26px;
+      right: auto;
+    }
+  }
+
+  .chosen-choices {
+    .search-field input[type="text"] {
+      direction: rtl;
+    }
+
+    li {
+      float: right;
+    }
+
+    .search-choice {
+      margin: 6px 5px 3px 0;
+      padding: 3px 5px 3px 19px;
+
+      .search-choice-close {
+        background-position: right top;
+        left: 4px;
+        right: auto;
+      }
+    }
+  }
+
+  &.chosen-container-single .chosen-results {
+    margin: 0 0 4px 4px;
+    padding: 0 4px 0 0;
+  }
+
+  .chosen-results .group-option {
+    padding-left: 0;
+    padding-right: 15px;
+  }
+
+  &.chosen-container-active.chosen-with-drop .chosen-single div {
+    border-right: none;
+  }
+
+  .chosen-search input[type="text"] {
+    background: url("@{chosen-sprite-path}") no-repeat -28px -20px, @chosen-background;
+    direction: rtl;
+    padding: 4px 5px 4px 20px;
+  }
+}
+
+.input-group {
+  .chosen-container:last-child {
+    .chosen-single, .chosen-default, .chosen-choices {
+      border-top-left-radius: 0px;
+      border-bottom-left-radius: 0px;
+    }
+  }
+  .chosen-container:not(:last-child) {
+    .chosen-single, .chosen-default, .chosen-choices {
+      border-top-right-radius: 0px;
+      border-bottom-right-radius: 0px;
+    }
+  }
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
+  .chosen-rtl .chosen-search input[type="text"],
+  .chosen-container-single .chosen-single abbr,
+  .chosen-container-single .chosen-single div b,
+  .chosen-container-single .chosen-search input[type="text"],
+  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
+  .chosen-container .chosen-results-scroll-down span,
+  .chosen-container .chosen-results-scroll-up span {
+    background-image: url("@{chosen-sprite-retina-path}") !important;
+    background-size: 52px 37px !important;
+    background-repeat: no-repeat !important;
+  }
+}