.fip-bootstrap.icons-selector {
    font-size: 14px;
    margin-left: auto;
}

.fip-bootstrap.icons-selector .selector {
    background-color: #fff;
    border: 0 none;
    height: 24px;
    line-height: 24px;
    width: 50px;
}

.fip-bootstrap.icons-selector .selector-button {
    background-color: #fff;
    background-repeat: repeat-x;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
    width: 23px;
}

.fip-bootstrap.icons-selector .selector-button:hover {
    background-color: #e0e0e0;
    background-position: 0 -15px;
}

.fip-bootstrap.icons-selector .selector-button:active {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125)inset;
}

.fip-bootstrap.icons-selector .selector-button:hover i {
    color: #999;
}

.fip-bootstrap.icons-selector .selector-button i {
    color: #aaa;
    font-size: 12px;
    line-height: 24px;
    text-shadow: 0 1px 0 #fff;
}

.fip-bootstrap.icons-selector .selected-icon {
    background-color: #fff;
    box-sizing: border-box;
    width: 26px;
    padding-top: 2px;
}

.fip-bootstrap.icons-selector .selected-icon i {
    color: #404040;
    font-size: 16px;
}

.fip-bootstrap.icons-selector .selector-popup {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

.fip-bootstrap.icons-selector .selector-category select,
.fip-bootstrap.icons-selector .selector-search input[type='text'] {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    color: #555;
    outline: 0;
}

.fip-bootstrap.icons-selector .selector-category select:focus,
.fip-bootstrap.icons-selector .selector-search input[type='text']:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075)inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.fip-bootstrap.icons-selector input::-webkit-input-placeholder {
    color: #aaa;
}

.fip-bootstrap.icons-selector input:-moz-placeholder {
    color: #aaa;
}

.fip-bootstrap.icons-selector input::-moz-placeholder {
    color: #aaa;
}

.fip-bootstrap.icons-selector input:-ms-input-placeholder {
    color: #aaa !important;
}

.fip-bootstrap.icons-selector .selector-search i {
    color: #aaa;
}

.fip-bootstrap.icons-selector .fip-icons-container {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.fip-bootstrap.icons-selector .fip-icons-container .loading {
    color: #ddd;
}

.fip-bootstrap.icons-selector .fip-box {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.fip-bootstrap.icons-selector .fip-box:hover {
    background-color: #fff;
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075)inset, 0 0 8px rgba(102, 175, 233, 0.6);
    font-size: 1.6em;
    text-shadow: 0 0 1px #fff;
}

.fip-bootstrap.icons-selector .selector-footer,
.fip-bootstrap.icons-selector .selector-footer i {
    color: #428bca;
}

.fip-bootstrap.icons-selector .selector-arrows i:hover {
    color: #2a6496;
}

.fip-bootstrap.icons-selector span.current-icon,
.fip-bootstrap.icons-selector span.current-icon:hover {
    background-color: #428bca;
    border: 1px solid #428bca;
    color: #fff;
}

.fip-bootstrap.icons-selector span.current-icon i,
.fip-bootstrap.icons-selector span.current-icon:hover i {
    color: #fff;
}

.fip-bootstrap.icons-selector .icons-picker-error i:before {
    color: #ccc;
}

.fip-bootstrap.icons-selector .fip-box,
.fip-bootstrap.icons-selector .selector-category select,
.fip-bootstrap.icons-selector .selector-search input[type='text'] {
    transition: all 300ms ease-in-out;
}

.icons-selector .selected-icon i {
    line-height: 24px;
}

.icons-selector .fip-icon-down-dir:before {
    position: relative;
    top: -1px;
}
