/* DO NOT USE THIS BUILT IN IMPORT AT-RULE! */
@import url("../../lib/select2/select2.css");
/* Select2 Drop Down Custom Styles */

.select2-container .select2-choice {
    position: relative;
    display: block;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    box-shadow: inset 0 0 1px 2px white;
    border: 1px solid hsl(0, 0%, 85%);
    border-radius: 0;
    padding: 0 0 0 8px;
    background: hsl(240, 4%, 95%) none;
    background-clip: padding-box;
    white-space: nowrap;
    font-weight:normal;
    color: hsl(0, 0%, 26%);
    text-align: left;
    text-decoration: none;
}

.select2-container.select2-drop-above .select2-choice {
    border: 1px solid #DADADA;
    border-radius: 0;
    background: hsl(240, 4%, 95%) none;
}
.select2-container .select2-choice .select2-arrow {
    position: absolute;
    display: block;
    width: 30px;
    height: 100%;
    top: 0;
    right: 0;
    box-shadow: inset 0 0 1px 2px white;
    border-left: 1px solid hsl(0, 0%, 84%);
    border-radius: 0;
    background: hsl(240, 4%, 95%);
    background-clip: padding-box;
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../../../images/ui-icon-dropdown-arrow-s.png') no-repeat center;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background: url('../../../images/ui-icon-dropdown-arrow-n.png') no-repeat center;
}

.select2-results .select2-highlighted {
    background: hsla(0, 0%, 52%, 0.10);
    color: hsl(0, 0%, 0%);
}

.select2-drop {
    position: absolute;
    z-index: 9999;
    top: 100%;
    width: 100%;
    margin-top: -1px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    border: 1px solid hsl(0, 0%, 84%);
    border-radius: 0 0 4px 4px;
    background: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 0%);
}

.select2-container .select2-choice span {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select2-default span {
    color: hsl(0, 0%, 26%);
}

.select2-search input {
    border: 1px solid rgba(133, 133, 133, 0.4);
    background: url('../../lib/select2/select2.png') no-repeat 100% -22px, hsl(0, 0%, 100%);
}

.select2-container-multi .select2-choices {
    background-image: none;
    border: 1px solid #DDD;
    -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.09);
    -moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.09);
    box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.09);
}

.select2-container-multi .select2-choices:focus, .select2-container-multi.select2-container-active .select2-choices {
    outline: none;
    outline: thin dotted 9;
    border: 1px solid rgba(0, 175, 102, 0.75);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(0, 175, 102, 0.4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(0, 175, 102, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(0, 175, 102, 0.4);
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #DDD;
    background-image: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #DDD;
}

.select2-container-multi .select2-choices .select2-search-choice {
    background-image: none;
    border: 1px solid #D2D2D2;
    box-shadow: inset 0px 0px 1px 1px #FFF;
    background-color: #F4F4F5;
    color: #6D6E71;
    white-space: normal;
    word-break: break-word;
}

.select2-container .select2-choice abbr {
    background: url('../../lib/select2/select2.png') right top no-repeat;
}

.select2-search-choice-close {
    background: url('../../lib/select2/select2.png') right top no-repeat;
}

.select2-search input.select2-active {
    background: #fff url('../../lib/select2/select2-spinner.gif') no-repeat 100%;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('../../lib/select2/select2-spinner.gif') no-repeat 100%;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('../../lib/select2/select2-spinner.gif') no-repeat 100% !important;
}

.select-wrapper ul.token-input-list-liststyle {
    min-height: 0px;
    border: none;
    margin-top: 1em;
}

.select-wrapper li.token-input-token-liststyle {
    margin: 3px;
    padding: 1px 6px;
    border: 1px solid #D2D2D2;
    box-shadow: inset 0 0 1px 1px white;
    background-color: #f4f4f5;
    color: #6d6e71;
    white-space: normal;
    word-break: break-word;
    line-height: 20px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('../../../images/ui-icon-dropdown-arrow-s.png') !important;
        background-repeat: no-repeat !important;
        background-size: initial !important;
    }

    .select2-dropdown-open .select2-choice .select2-arrow b {
        background-image: url('../../../images/ui-icon-dropdown-arrow-n.png') !important;
        background-repeat: no-repeat !important;
        background-size: initial !important;
    }
}
