/* fontIconPicker Dark Grey Theme {@link https://github.com/micc83/fontIconPicker} */
/* Main container */
.fip-darkgrey.icons-selector {
	font-size: 18px;
}
/* Icon selector */
.fip-darkgrey.icons-selector .selector {
	border: 0 none;
	background-color: #fff;
	width: 102px;
}
/* Selector open button */
.fip-darkgrey.icons-selector .selector-button {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 0 4px 4px 0;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#ddd));
	background-image: -webkit-linear-gradient(#eee, #ddd);
	background-image: -moz-linear-gradient(#eee, #ddd);
	background-image: -o-linear-gradient(#eee, #ddd);
	background-image: linear-gradient(#eee, #ddd);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 41px;
}
/* Selector open button hover */
.fip-darkgrey.icons-selector .selector-button:hover {
	background-color: #f1f1f1;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#ddd));
	background-image: -webkit-linear-gradient(#f1f1f1, #ddd);
	background-image: -moz-linear-gradient(#f1f1f1, #ddd);
	background-image: -o-linear-gradient(#f1f1f1, #ddd);
	background-image: linear-gradient(#f1f1f1, #ddd);
}
.fip-darkgrey.icons-selector .selector-button:active {
	background-color: #fff;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#eee));
	background-image: -webkit-linear-gradient(#f1f1f1, #eee);
	background-image: -moz-linear-gradient(#f1f1f1, #eee);
	background-image: -o-linear-gradient(#f1f1f1, #eee);
	background-image: linear-gradient(#f1f1f1, #eee);
}
.fip-darkgrey.icons-selector .selector-button:hover i {
	color: #999;
}
/* Selector open button icon */
.fip-darkgrey.icons-selector .selector-button i {
	color: #aaa;
	text-shadow: 0px 1px 0px #FFF;
}
/* Selected icon */
.fip-darkgrey.icons-selector .selected-icon {
	border: 1px solid #ccc;
	border-right: 0 none;
	-webkit-box-shadow: inset -1px 0 2px #ddd;
	-moz-box-shadow: inset -1px 0 2px #ddd;
	box-shadow: inset -1px 0 2px #ddd;
	border-radius: 4px 0 0 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fip-darkgrey.icons-selector .selected-icon i {
	color: #404040;
}
/* IconPicker Popup */
.fip-darkgrey.icons-selector .selector-popup {
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
	-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;
}
/* Search input & category selector */
.fip-darkgrey.icons-selector .selector-search input[type="text"],
.fip-darkgrey.icons-selector .selector-category select {
	border: 1px solid #ddd;
	color: #404040;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	border-radius: 4px;
}
.fip-darkgrey.icons-selector .selector-search input[type="text"]:focus,
.fip-darkgrey.icons-selector .selector-category select:focus {
	border-color: #ccc;
	-webkit-box-shadow: 0 0 2px #ccc;
	-moz-box-shadow: 0 0 2px #ccc;
	box-shadow: 0 0 2px #ccc;
}
/* Search input placeholder */
.fip-darkgrey.icons-selector input::-webkit-input-placeholder { color:#ccc; }
.fip-darkgrey.icons-selector input:-moz-placeholder { color:#ccc; }
.fip-darkgrey.icons-selector input::-moz-placeholder { color:#ccc;}
.fip-darkgrey.icons-selector input:-ms-input-placeholder { color:#ccc !important; }
/* Search and cancel icon */
.fip-darkgrey.icons-selector .selector-search i {
	color: #ccc;
}
/* Icon Container inside Popup */
.fip-darkgrey.icons-selector .fip-icons-container {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}
/* Icon container loading */
.fip-darkgrey.icons-selector .fip-icons-container .loading {
	color:#ddd;
}
/* Single icon box */
.fip-darkgrey.icons-selector .fip-box {
	border: 1px solid #ddd;
	border-radius: 2px;
}
/* Single icon box hover */
.fip-darkgrey.icons-selector .fip-box:hover {
	background-color: #eee;
	border-color: #ccc;
	-webkit-box-shadow: 0 0 2px #aaa, 0 0 2px #fff inset;
	-moz-box-shadow: 0 0 2px #aaa, 0 0 2px #fff inset;
	box-shadow: 0 0 2px #aaa, 0 0 2px #fff inset;
	font-size: 1.6em;
	text-shadow: 0 0 1px #fff;
}

/* Pagination and footer icons */
.fip-darkgrey.icons-selector .selector-footer, .fip-darkgrey.icons-selector .selector-footer i {
	color: #666;
}

/* Pagination arrows icons hover */
.fip-darkgrey.icons-selector .selector-arrows i:hover {
	color: #999;
}
/* Currently selected icon color */
.fip-darkgrey.icons-selector span.current-icon, .fip-darkgrey.icons-selector span.current-icon:hover {
	background-color: #2EA2CC;
	color: #fff;
	border: 1px solid #298CBA;
	-webkit-box-shadow: 0 0 2px #298CBA;
	-moz-box-shadow: 0 0 2px #298CBA;
	box-shadow: 0 0 2px #298CBA;
}
.fip-darkgrey.icons-selector span.current-icon i, .fip-darkgrey.icons-selector span.current-icon:hover i {
	color: #fff;
	text-shadow: 0 0 1px #666;
}
/* No icons found */
.fip-darkgrey.icons-selector .icons-picker-error i:before {
	color: #eee;
}

/* Transitions */
.fip-darkgrey.icons-selector .selector-button,
.fip-darkgrey.icons-selector .selector-search input[type="text"],
.fip-darkgrey.icons-selector .selector-category select,
.fip-darkgrey.icons-selector .fip-box {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
