body { .select2-container .select2-choice { font-size: 11px; height: 22px; line-height:22px; background: linear-gradient(to bottom, #FFFFFF 20%, #F6F6F6 50%, #EEEEEE 52%, #F4F4F4 100%); border: 1px solid #AAAAAA; @include box-shadow(0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1)); &.select2-dropdown-open { background: linear-gradient(to bottom, #EEEEEE 20%, #FFFFFF 80%); } .select2-arrow { margin-right:0; } span { margin-right:20px; color: #666666; text-shadow:#ffffff 1px 1px 0; } div { background: none; border-left: none;; b { background-position: 0 0; } } } ul.select2-results li.select2-result { position:relative; .has-control-icons { margin-right:40px; padding-right:18px; } &.select2-highlighted { .control-icons { .control-icon i { color: #ffffff; text-shadow: none; } .control-icon:hover { background:#2961c0; } } } emphasis { font-style: italic; } .control-icons { position: absolute; right: 0; top: 0; .control-icon { float: right; height: 24px; text-align: center; width: 20px; color: #9ab1c3; i { font-size:12px; top:2px; position:relative; } i.icon-edit { font-size:13px; top:3px; } } } } .select2-drop { margin-top:0; //width: auto !important; .select2-search.tmp-hide { display:none !important; } .select2-more-results { color:#999999; padding-left:5px; } & > ul { @include reset-ul(); margin: 2px 2px 2px 0; padding: 0 0 0 2px; font-size: 11px; li.create-new-segment { border-top: 1px solid #cccccc; } li.edit-segment { border-top: 1px solid #cccccc; } .select2-result-label { padding: 2px 7px; @include user-select(none); cursor: pointer; margin: 0; min-height: 1em; white-space: nowrap; } .select2-searching, .select2-no-results { color:#aaaaaa; padding-left: 7px; } } ul.select2-footer { border-top:1px solid #cccccc; li { &[disabled] { color:#cccccc; &:hover { color:#cccccc; background: transparent; } } &:hover { @extend a; text-decoration: none; background: #c6dcf1; text-shadow:1px 1px 0 #ffffff; } } } } }