.color_picker{
	position: relative;
}
.color_picker .btn_wrapper,
.color_picker button{
	display: block;
}
.color_picker button{
	cursor: pointer;
	padding: 0;
}
.color_picker_list{
	position: fixed;
	z-index: 99999;
	top: 100%;
	margin-top: 4px;
	background: #fff;
	padding: 4px 8px;
	box-shadow: rgba(0,0,0,.3) 0 1px 10px, rgba(0,0,0,.06) 0 2px 16px 1px, rgba(0,0,0,.06) 0 0 0 1px;
	border-radius: 3px;
}
.color_picker_inner_list{
	/* in dropdown */
	padding: 0 10px;
}
.color_picker_item{
	padding: 8px;
	cursor: pointer;
	position: relative;
}
.color_picker_item.selected::before{
	font-family: IcoFont !important;
	content: "\f021";
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 12px;
	left: 14px;
}


.color_picker_color{
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	background: pink;
	border: solid 1px currentColor;
}

.color_picker_color{
	color: #CCCCCC;
	background: #CCCCCC;
}
.color_picker_color_blue{
	color: #5DA9EA;
	background: #5DA9EA;
}
.color_picker_color_green{
	color: #5CB85C;
	background: #5CB85C;
}
.color_picker_color_red{
	color: #E35D5D;
	background: #E35D5D;
}
.color_picker_color_orange{
	color: #F59727;
	background: #F59727;
}
.color_picker_color_yellow{
	color: #FFCD36;
	background: #FFCD36;
}
.color_picker_color_purple{
	color: #8967D7;
	background: #8967D7;
}

.color_picker_item:hover .color_picker_color{
	background: currentColor;
}