.emojionepicker
{
	position:absolute;
	z-index:99999;
	max-width:90%;
	width:320px;
	height:250px;
	top:46px !important;
	left:-20px !important;
	background-color:#fff;
	box-shadow: 0 0 7px #d1d1d1;
	display:none;
}

.emojionepicker *
{
	box-sizing:border-box;
}

.emojionepicker nav
{
	position: relative;
	z-index: 0;
	background-color: #f2f2f2;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	text-align:center;
}

.emojionepicker nav div.tab
{
	display: inline-block;
	margin: 0.2em 0.1em 0 0;
	padding: 0.2em ;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
	width:2.2rem;
}

.emojionepicker nav div.tab img
{
	width:100%;
	height:auto;
}

.emojionepicker nav div.tab:hover, .emojionepicker section img:hover
{
	cursor: pointer;
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
}

.emojionepicker nav div.tab.active
{
	background-color: #fff;
	box-shadow: 0 0 3px #ccc;
}

.emojionepicker section
{
	overflow-y: scroll;
	position: relative;
	z-index: 10;
	background: #fff;
	padding: 0.2rem;
	box-sizing: border-box;
	height: 200px;
	display:none;
	text-align:center;
}

.emojionepicker section img
{
	width:1.8em;
	height:1.8em;
	margin:0.2em;
}

.emojionepicker-picker
{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAACnAAAApwEPOh3cAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAHJQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwopa3AAAACV0Uk5TAAQHFhweISktMjhLW15hZn1/gIGHiZiorrGytcnK5uju8/f6/ifM2/IAAADVSURBVChTdZLbloIwDEU3okUtKoiOSOUieP7/F30oDF3MsJ+6kjSXk4AntnnVNFVuY0KibNDIkEWzPaklta4oXCupTib7qZdK49+mlPrTGN+rS+fvaac+AYhqdTsCdp3qCMikIB4glTKIB5Wwf1w3AJvrYw+lhhgrGXhJZ4Cz9AIjWXK1LB20yqnkWKbCqaJRwR8KNesOn2qBU+WLX34CLr64lQzHj375HH27fsD77LiPA46S3Cb7bZJkEvHwfEvv52EWcZZ9u4VA9vVFra92/Rj453y+QB8f2UeMscsAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	z-index: 2147483647;
	background-size: 100%;
	opacity: 0.4;
	left:-30px !important;
	top:10px !important;
	display:none;
	cursor:pointer;
}

.emojionepicker-picker:hover
{
	opacity: 0.6;
}

.emojionepicker-picker:active
{
	opacity: 0.4;
}