/* =========================================================
Chosen v1.6.2
(c) 2011–2016 Harvest
MIT License
[https://github.com/harvesthq/chosen](https://github.com/harvesthq/chosen)
========================================================= */

/* -------------------------
Base Container
-------------------------- */
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
user-select: none;
}

.chosen-container * {
box-sizing: border-box;
}

.chosen-container a {
cursor: pointer;
}

/* -------------------------
Dropdown
-------------------------- */
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}

/* -------------------------
Group Labels
-------------------------- */
.chosen-container .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 400;
color: #999;
}

.chosen-container .group-name:after {
content: ":";
padding-left: 2px;
}

/* =========================================================
Single Select
========================================================= */
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding-left: 8px;
height: 25px;
border: 1px solid #aaa;
border-radius: 5px;
background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
box-shadow: inset 0 0 3px #fff, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
line-height: 24px;
text-decoration: none;
}

.chosen-container-single .chosen-default {
color: #999;
}

.chosen-container-single .chosen-single span {
display: block;
margin-right: 26px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

/* Deselect icon */
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
width: 12px;
height: 12px;
background: url(chosen-sprite.png) -42px 1px no-repeat;
font-size: 1px;
}

/* Dropdown arrow */
.chosen-container-single .chosen-single div {
position: absolute;
right: 0;
width: 18px;
height: 100%;
}

.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url(chosen-sprite.png) no-repeat 0 2px;
}

/* Search box */
.chosen-container-single .chosen-search {
padding: 3px 4px;
}

.chosen-container-single .chosen-search input {
width: 100%;
padding: 4px 20px 4px 5px;
border: 1px solid #aaa;
background: #fff url(chosen-sprite.png) no-repeat 100% -20px;
}

/* =========================================================
Results List
========================================================= */
.chosen-container .chosen-results {
max-height: 240px;
overflow-y: auto;
margin: 0 4px 4px 0;
padding-left: 4px;
}

.chosen-container .chosen-results li {
display: none;
padding: 5px 6px;
line-height: 15px;
}

.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}

.chosen-container .chosen-results li.highlighted {
background: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff;
}

/* =========================================================
Multi Select
========================================================= */
.chosen-container-multi .chosen-choices {
padding: 0 5px;
border: 1px solid #aaa;
background: linear-gradient(#eee 1%, #fff 15%);
}

.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}

.chosen-container-multi .search-choice {
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
border-radius: 3px;
background: linear-gradient(#f4f4f4 20%, #eee 100%);
}

/* Remove button */
.chosen-container-multi .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
width: 12px;
height: 12px;
background: url(chosen-sprite.png) -42px 1px no-repeat;
}

/* =========================================================
Active / Disabled
========================================================= */
.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices {
border-color: #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-disabled {
opacity: 0.5;
cursor: default;
}

/* =========================================================
RTL Support
========================================================= */
.chosen-rtl {
text-align: right;
}

.chosen-rtl .chosen-single {
padding-right: 8px;
}

/* =========================================================
Retina Sprites
========================================================= */
@media only screen and (min-resolution: 1.5dppx) {
.chosen-container-single abbr,
.chosen-container-single div b,

.chosen-container-multi .search-choice-close {
  background-image: url("chosen-sprite@2x.png") !important;
  background-size: 52px 37px !important;
}
}