.material-icon-picker {
	position: absolute;
	background: #fcfcfc;
	text-align: center;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
	padding: 20px;
	z-index: 9;
}

.material-icon-picker:focus {
	outline: none;
}

.material-icon-picker-prefix {
	top: .5rem;
}

.material-icon-picker .icons {
	max-height: 200px;
	max-width: 300px;
	overflow-x: scroll;
}

div.material-icon-picker input[type="text"] {
	width: 100%;
}

.material-icon-picker .material-icons {
	font-size: 30px;
	cursor: pointer;
	border-radius: 50%;
	padding: 10px;
	margin: 3px;
	transition: .2s;
}

.material-icon-picker .material-icons:hover {
	background: #ececec;
}

.unicons-icon-picker {
	position: absolute;
	background: #fcfcfc;
	text-align: center;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
	padding: 20px;
	z-index: 9;
}

.unicons-icon-picker:focus {
	outline: none;
}

.unicons-icon-picker-prefix {
	top: .5rem;
}

.unicons-icon-picker .icons {
	max-height: 200px;
	overflow-x: scroll;
}

div.unicons-icon-picker input[type="text"] {
	width: 100%;
}

.unicons-icon-picker .uil {
	font-size: 30px;
	cursor: pointer;
	border-radius: 50%;
	padding: 10px;
	margin: 3px;
	transition: .2s;
}

.unicons-icon-picker .uil:hover {
	background: #ececec;
}
