[id^="iconic-select-"] {
    font-family: FontAwesome, Arial, serif;
    font-size: 14px;
    position: relative;
    overflow: visible;
    color: #333;
    text-align: left;
    width: 100%;
    min-width: 150px;
    display: inline-block;
    border: 1px solid #ccc;
}

[id^="iconic-select-"].is-auto-width {
    width: auto;
}

[id^="iconic-select-"][disabled] {
    opacity: 0.5;
}

[id^="iconic-select-"] .is-select {
    overflow: hidden;
    padding: 0 28px 0 8px;
    line-height: 38px;
    height: 38px;
    white-space: nowrap;
    background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAPCAYAAADzun+cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQ0RCMjU2NjAyMDkxMUVBQTA4M0ZCMTVERjlGMzU5RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQ0RCMjU2NzAyMDkxMUVBQTA4M0ZCMTVERjlGMzU5RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFDREIyNTY0MDIwOTExRUFBMDgzRkIxNURGOUYzNTlGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFDREIyNTY1MDIwOTExRUFBMDgzRkIxNURGOUYzNTlGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7ClrogAAAN5JREFUeNq01d0NgyAQAGBs0r45nBgHYAUmYAJHcoBu4UOTPlvpQ+WnR0sbYtB6Ui65B6K5L8eJFG3bnjnnJXmHJXmjgDzUdX0lFkIIYT2aPQF1pHXw6HEJD1RG1FRV9bIgpIMHv1CA3+EFnRF9eGsIYRc6Az5Ho3DY+T+23VBK5QxdhD946swdOkbQVTi1c9M0jet0Wqi9Cu/tXEdmioaxnRs4p7/QzfDWr91s6BQNh7hKRNFwOHOdgH5hdIT/djgye0rYAvICBUrkDaMYY1Pf96bruiOsT8ib7fYUYAALZtewA5/2NwAAAABJRU5ErkJggg==') no-repeat 96% 50%;
    background-size: 11px auto;
    cursor: default;
}

[id^="iconic-select-"] .is-options {
    display: none;
    position: absolute;
    top: calc(100% + 2px);
    left: -1px;
    /*right: -1px;*/
    width: auto;
    min-width: 100%;
    z-index: 999999;
    background-color: white;
    border: 1px solid #ccc;
}

[id^="iconic-select-"] .is-option {
    color: #333;
    padding: 0 8px 0 8px;
    cursor: default;
    background-color: #fff;
    transition: all 0.2s ease;
    white-space: nowrap;
}

[id^="iconic-select-"] .is-option[disabled] {
    opacity: 0.4;
    display: none;
}

[id^="iconic-select-"] .is-option[disabled]:hover {
    outline: none;
}

[id^="iconic-select-"] .is-option:not([disabled]):hover,
[id^="iconic-select-"] .is-option:not([disabled]):focus {
    color: #fff;
    background-color: #333;
    outline: none;
}