source: pro-violet-viettel/www/deploy/20150304/assets/css/less/thirdparty-chosen.less @ 782

.chosen-container + .help-inline {
 vertical-align:middle;
}

/** chosen select boxes -- replace sprite icons with FontAwesome icons */
.chosen-select {
  display:inline !important; /* for validation plugin to work it must be displayed */
  visibility:hidden;
  opacity:0;
  position:absolute;
  z-index:-1;
}
.chosen-container , [class*="chosen-container"]{
  vertical-align:middle;
  > .chosen-single {
        line-height:28px;
        height:30px;
        box-shadow:none;
        background:#FAFAFA;
  }
}

.chosen-choices {
  box-shadow:none !important;
}
.chosen-container-single .chosen-single abbr {
  background: none;
}
.chosen-container-single .chosen-single abbr:after {
  content:"\f00d";
  display: inline-block;
  color:#888;
  font-family:FontAwesome;
  font-size:13px;

  position: absolute;
  right: 0; top: -7px;
}
.chosen-container-single .chosen-single abbr:hover:after {
  color:#464646;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover:after {
  color:#464646;
}


.chosen-single div b {
         background: none !important;
         &:before {
                content:"\f0d7";
                display:inline-block;
          
                color:#888;
                font-family:FontAwesome;
                font-size:12px;
          
                position:relative; top:-1px; left:1px;
         }
}
.chosen-container-active.chosen-with-drop .chosen-single div b:before {
        content:"\f0d8";
}


.chosen-container-single {
  .chosen-search {
         position:relative;
         input[type="text"] {
                background:none;
                border-radius:0;
                line-height:28px;
                height:28px;
         }
         &:after{
                content:"\f002";
                display:inline-block;
                  
                color:#888;
                font-family:FontAwesome;
                font-size:14px;
                  
                position:absolute; top:8px; right:12px;
        }
  }
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
        height:25px;
}


.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
   background:none;

  &:before {
          content:"\f00d";
          display: inline-block;
          color:#888;
          font-family:FontAwesome;
          font-size:13px;
         
          position: absolute;
          right: 2px; top: -1px;
  }
  &:hover {
        text-decoration:none;
  }
  &:hover:before {
        color:#464646;
  }
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close:before {
  color:#464646;
}


.chosen-container .chosen-results-scroll-down ,
.chosen-container .chosen-results-scroll-up {
  span {
        background: none;
        &:before{
          content:"\f0d7";
          display:inline-block;
          
          color:#888;
          font-family:FontAwesome;
          font-size:12px;

          position:relative; top:-1px; left:1px;
        }
  }
  
}
.chosen-container .chosen-results-scroll-up span:before {
  content:"\f0d8";
}
.chosen-container-active .chosen-single-with-drop div b:before {
  content:"\f0d8";
}


.chosen-rtl .chosen-search {
  input[type="text"] {
        background: none;
  }
  &:after {
        content:"";
        display:none;
 }
 &:before {
        content:"\f002";
        display:inline-block;
  
        color:#888;
        font-family:FontAwesome;
        font-size:14px;
  
        position:absolute; top:9px; left:12px;
 }
}



/** chosen - etc */
.chosen-container-single .chosen-single {
  border-radius:0;
}
.chosen-container .chosen-results li.highlighted {
  background:#86BD6F;/* green */
  background:#4492C9;/* blue1 */
  background:#316AC5;
  color: #FFF;
}
.chosen-container-single .chosen-drop {
  border-radius:0;
  border-bottom:3px solid #4492C9;
  border-color:#4492C9;
}
.chosen-single.chosen-single-with-drop  , .chosen-container-active .chosen-single{
  border-color:#4492C9;
}

.chosen-single {
        .form-group.has-error & {
                border-color:@error-state-border !important;
        }
        .form-group.has-info & {
                border-color:@info-state-border !important;
        }
        .form-group.has-warning & {
                border-color:@warning-state-border !important;
        }
        .form-group.has-success & {
                border-color:@success-state-border !important;
        }
}

.chosen-rtl .chosen-container-single-nosearch .chosen-search { left: -9999px; }
.chosen-rtl .chosen-drop { left: -9999px; }

     .modal .chosen-rtl .chosen-container-single-nosearch .chosen-search { left: 9999px; }
     .modal .chosen-rtl .chosen-drop { left: 9999px; }
.rtl .modal .chosen-container.chosen-with-drop .chosen-drop { left: auto; right: 0; }



.chosen-container-active.chosen-with-drop .chosen-single {
        border-color:#4492C9;
}



@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi)  {
  .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 li.search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
      background-image: none !important;
      background-repeat: no-repeat !important;
      background-size: auto !important;
  }
}








/* a second style (like tag inpit) */
.tag-input-style + .chosen-container-multi {
        .chosen-choices li.search-choice {
                background-image:none;
                background-color:@tag-bg;
                color: #FFFFFF;
                display: inline-block;
                font-size: 13px;
                font-weight: normal;
                margin-bottom: 3px;
                margin-right: 0;
                padding: 6px 22px 7px 9px;
                position: relative;
                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
                transition: all 0.2s ease 0s;
                vertical-align: baseline;
                white-space: nowrap;
                
                border:none;
                .box-shadow(none);
                .border-radius(0);
                
                .search-choice-close {
                        position:absolute;
                        top:0; bottom:0;
                        right:0;
                        width:18px;
                        height:auto;
                        line-height:25px;
                        text-align:center;
                        
                        &:before {
                                color:#FFF;
                                position:static;
                                font-size:11px;
                        }
                        
                        &:hover {
                                background-color:rgba(0,0,0,0.2);
                                &:before {
                                        color:#FFF;
                                }
                        }
                }
        }
}
.tag-input-style + .chosen-container-multi.chosen-rtl {
        .chosen-choices li.search-choice {
                padding: 6px 9px 7px 22px;
                margin-left: 0;
                margin-right:3px;

                .search-choice-close {
                        right:auto;
                        left:0;
                }
        }
}