/*!
 * CSS files for fontIconPicker
 * 
 * @license MIT
 * @version 3.1.1
 * {@link https://github.com/micc83/fontIconPicker}
 * 
 */
.icons-selector.fip-darkgrey {
  font-size: 16px;
}
.icons-selector.fip-darkgrey .selector {
  border: 0 none;
  background-color: transparent;
  width: 102px;
}
.icons-selector.fip-darkgrey .selector-button {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 0 2px 2px 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#eee),
    to(#ddd)
  );
  background-image: linear-gradient(#eee, #ddd);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30px;
}
.icons-selector.fip-darkgrey .selector-button i {
  color: #aaa;
  text-shadow: 0 1px 0 #fff;
}
.icons-selector.fip-darkgrey .selector-button:hover {
  background-color: #f1f1f1;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f1f1f1),
    to(#ddd)
  );
  background-image: linear-gradient(#f1f1f1, #ddd);
}
.icons-selector.fip-darkgrey .selector-button:hover i {
  color: #999;
}
.icons-selector.fip-darkgrey .selector-button:active {
  background-color: #fff;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f1f1f1),
    to(#eee)
  );
  background-image: linear-gradient(#f1f1f1, #eee);
}
.icons-selector.fip-darkgrey .selected-icon {
  background-color: #fff;
  border: 1px solid #ccc;
  border-right: 0 none;
  -webkit-box-shadow: inset -1px 0 2px #ddd;
  box-shadow: inset -1px 0 2px #ddd;
  border-radius: 2px 0 0 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.icons-selector.fip-darkgrey .selected-icon i {
  color: #404040;
}
.icons-selector.fip-darkgrey .selector-popup {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  border: 1px solid #ccc;
  border-radius: 4px;
}
.icons-selector.fip-darkgrey .selector-category select,
.icons-selector.fip-darkgrey .selector-search input[type="text"] {
  border: 1px solid #ddd;
  color: #404040;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border-radius: 4px;
}
.icons-selector.fip-darkgrey .selector-category select:focus,
.icons-selector.fip-darkgrey .selector-search input[type="text"]:focus {
  border-color: #ccc;
  -webkit-box-shadow: 0 0 2px #ccc;
  box-shadow: 0 0 2px #ccc;
}
.icons-selector.fip-darkgrey input::-webkit-input-placeholder {
  color: #ccc !important;
}
.icons-selector.fip-darkgrey input:-ms-input-placeholder,
.icons-selector.fip-darkgrey input::-ms-input-placeholder {
  color: #ccc !important;
}
.icons-selector.fip-darkgrey input::placeholder {
  color: #ccc !important;
}
.icons-selector.fip-darkgrey .selector-search i {
  color: #ccc;
}
.icons-selector.fip-darkgrey .fip-icons-container {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.icons-selector.fip-darkgrey .fip-icons-container .loading {
  color: #ddd;
}
.icons-selector.fip-darkgrey .fip-box {
  border: 1px solid #ddd;
  border-radius: 2px;
}
.icons-selector.fip-darkgrey .fip-box:hover {
  background-color: #eee;
  border-color: #ccc;
  -webkit-box-shadow: 0 0 2px #aaa, 0 0 2px #fff inset;
  box-shadow: 0 0 2px #aaa, inset 0 0 2px #fff;
  font-size: 1.6em;
  text-shadow: 0 0 1px #fff;
}
.icons-selector.fip-darkgrey .selector-footer,
.icons-selector.fip-darkgrey .selector-footer i {
  color: #666;
}
.icons-selector.fip-darkgrey .selector-arrows i:hover {
  color: #999;
}
.icons-selector.fip-darkgrey span.current-icon,
.icons-selector.fip-darkgrey span.current-icon:hover {
  background-color: #409eff;
  color: #fff;
  border: 1px solid #1890ff;
  -webkit-box-shadow: 0 0 2px #1890ff;
  box-shadow: 0 0 2px #1890ff;
}
.icons-selector.fip-darkgrey span.current-icon:hover i,
.icons-selector.fip-darkgrey span.current-icon i {
  color: #fff;
  text-shadow: 0 0 1px #666;
}
.icons-selector.fip-darkgrey .icons-picker-error i:before {
  color: #eee;
}
.icons-selector.fip-darkgrey .fip-box,
.icons-selector.fip-darkgrey .selector-button,
.icons-selector.fip-darkgrey .selector-category select,
.icons-selector.fip-darkgrey .selector-search input[type="text"] {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/*# sourceMappingURL=jquery.fonticonpicker.darkgrey.css.map */
