.emojiPickerIconWrap {display:inline-block; position:relative;}
.emojiPickerIcon {position:absolute; top:0; right:0; cursor:pointer; }

.emojiPickerIconWrap .white {background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjc2Ljg5MXB4IiBoZWlnaHQ9IjI3Ni44OTFweCIgdmlld0JveD0iMCAwIDI3Ni44OTEgMjc2Ljg5MSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc2Ljg5MSAyNzYuODkxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPg0KPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iNjguMTIiIGN5PSIxMjUuMzk1IiByPSIxNi41MDciLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjIwOC42MTciIGN5PSIxMjUuMzk1IiByPSIxNi41MDgiLz4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiwxODIuMDM0DQoJYzAsMCw2OS43OTMsNzAuNzA0LDE0MC40OTgsMCIvPg0KPC9zdmc+DQo=') center center no-repeat; background-size:60%;}
.emojiPickerIconWrap .black {background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjc2Ljg5MXB4IiBoZWlnaHQ9IjI3Ni44OTFweCIgdmlld0JveD0iMCAwIDI3Ni44OTEgMjc2Ljg5MSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc2Ljg5MSAyNzYuODkxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPg0KPGNpcmNsZSBjeD0iNjguMTIiIGN5PSIxMjUuMzk1IiByPSIxNi41MDciLz4NCjxjaXJjbGUgY3g9IjIwOC42MTciIGN5PSIxMjUuMzk1IiByPSIxNi41MDgiLz4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiwxODIuMDM0DQoJYzAsMCw2OS43OTMsNzAuNzA0LDE0MC40OTgsMCIvPg0KPC9zdmc+DQo=') center center no-repeat; background-size:60%;}
.emojiPickerIconWrap .yellow {background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjc2Ljg5MXB4IiBoZWlnaHQ9IjI3Ni44OTFweCIgdmlld0JveD0iMCAwIDI3Ni44OTEgMjc2Ljg5MSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc2Ljg5MSAyNzYuODkxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRUJDMjAwIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPg0KPGNpcmNsZSBmaWxsPSIjRUJDMjAwIiBjeD0iNjguMTIiIGN5PSIxMjUuMzk1IiByPSIxNi41MDciLz4NCjxjaXJjbGUgZmlsbD0iI0VCQzIwMCIgY3g9IjIwOC42MTciIGN5PSIxMjUuMzk1IiByPSIxNi41MDgiLz4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0VCQzIwMCIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiwxODIuMDM0DQoJYzAsMCw2OS43OTMsNzAuNzA0LDE0MC40OTgsMCIvPg0KPC9zdmc+DQo=') center center no-repeat; background-size:60%;}
.emojiPickerIconWrap .grey, .emojiPickerIconWrap .gray {background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjc2Ljg5MXB4IiBoZWlnaHQ9IjI3Ni44OTFweCIgdmlld0JveD0iMCAwIDI3Ni44OTEgMjc2Ljg5MSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc2Ljg5MSAyNzYuODkxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRUJDMjAwIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPg0KPGNpcmNsZSBmaWxsPSIjRUJDMjAwIiBjeD0iNjguMTIiIGN5PSIxMjUuMzk1IiByPSIxNi41MDciLz4NCjxjaXJjbGUgZmlsbD0iI0VCQzIwMCIgY3g9IjIwOC42MTciIGN5PSIxMjUuMzk1IiByPSIxNi41MDgiLz4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0VCQzIwMCIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiwxODIuMDM0DQoJYzAsMCw2OS43OTMsNzAuNzA0LDE0MC40OTgsMCIvPg0KPC9zdmc+DQo=') center center no-repeat; background-size:60%;}

.emojiPicker {display:none; position:absolute; outline:none; border:none; box-shadow:0 0 7px #555; border-top-left-radius:4px; border-top-right-radius:4px; font-family:Helvetica, Arial, sans-serif; }
.emojiPicker div.emoji {width:1.3em; height:1.3em; position:relative; display:inline-block;}
.emojiPicker span.emoji {width:1.3em; height:1.3em; display:inline-block; position:relative; overflow:hidden; text-indent:-9999px; vertical-align:middle;}
.emojiPicker .hidden {display:none;}

.emojiPicker nav {display:flex; position:relative; z-index:0; background-color:#eee; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom:1px solid #ddd;}
.emojiPicker nav div.tab {position:relative; flex-grow:1; top:1px; display:inline-block; margin:2% 0 0 0; padding:2% 2% 1% 2%; text-align:center; border:1px solid #eee; border-top-left-radius:4px; border-top-right-radius:4px; cursor:pointer;}
.emojiPicker nav div.tab:hover  {background-color:#ddd;}
.emojiPicker nav div.tab.active {background-color:#fff; box-shadow:0 0 3px #ccc; border:1px solid #ddd; border-bottom:none;}
.emojiPicker nav div.tab:first-of-type {margin-left:1%;}
.emojiPicker nav div.tab:last-of-type {margin-right:1%;}

.emojiPicker nav div.tab .emoji {width:1.1em; height:1.1em;}
.emojiPicker nav div.tab .emoji-tab-recent  {background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNDEuOCAxMzEuOSc+PGcgZmlsbD0nIzU4NTk1Qic+PHBhdGggZD0nTTcwLjYgMEMzNC4yIDAgNC44IDI5LjQgNC44IDY1LjdjMCAzNi4zIDI5LjQgNjUuNyA2NS43IDY1LjcgMzYuMyAwIDY1LjctMjkuNCA2NS43LTY1LjdDMTM2LjMgMjkuNCAxMDYuOSAwIDcwLjYgMHptMCAxMjAuNEM0MC41IDEyMC40IDE2IDk1LjkgMTYgNjUuOHMyNC41LTU0LjYgNTQuNi01NC42IDU0LjYgMjQuNSA1NC42IDU0LjYtMjQuNSA1NC42LTU0LjYgNTQuNnonLz48cGF0aCBkPSdNODUuNSA0Ny4xTDc2LjYgNTZWMjYuOWMwLTMuMy0yLjctNi02LTZzLTYgMi43LTYgNnY0Mi4yYzAgMy4zIDIuNyA2IDYgNiAuMyAwIC41IDAgLjgtLjEuMiAwIC40LjEuNi4xIDEuNSAwIDMuMS0uNiA0LjItMS44TDk0IDU1LjVjMi4zLTIuMyAyLjMtNi4xIDAtOC41LTIuNC0yLjMtNi4yLTIuMy04LjUuMXonLz48L2c+PC9zdmc+") center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-people {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PGcgZmlsbD0iIzU4NTk1QiI+PHBhdGggZD0iTTcxLjMuM0MzNSAuMyA1LjUgMjkuOCA1LjUgNjYuMXMyOS41IDY1LjggNjUuOCA2NS44IDY1LjgtMjkuNSA2NS44LTY1LjhTMTA3LjcuMyA3MS4zLjN6bTAgMTIwLjVjLTMwLjIgMC01NC43LTI0LjUtNTQuNy01NC43IDAtMzAuMiAyNC41LTU0LjcgNTQuNy01NC43UzEyNiAzNiAxMjYgNjYuMWMwIDMwLjItMjQuNSA1NC43LTU0LjcgNTQuN3oiLz48Y2lyY2xlIGN4PSI0MS4yIiBjeT0iNTQuMyIgcj0iMTIuOCIvPjxjaXJjbGUgY3g9IjEwMS43IiBjeT0iNTQuMyIgcj0iMTIuOCIvPjxwYXRoIGQ9Ik05NC45IDc2SDQ3LjdjLTEuNCAwLTIuNi43LTMuNCAxLjgtLjcgMS4yLS45IDIuNi0uMyAzLjkgMS4yIDIuNyAxMi4xIDI2IDI3LjMgMjYgMTUuMiAwIDI2LjEtMjMuMyAyNy4zLTI2IC42LTEuMy40LTIuNy0uMy0zLjktLjctMS4xLTItMS44LTMuNC0xLjh6Ii8+PC9nPjwvc3ZnPg==') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-nature  {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PHBhdGggZmlsbD0iIzU4NTk1QiIgZD0iTTY5LjEgMTEuNWMxNC42IDAgMTkuMyA4LjUgMTkuMyAxNi4zdjI2LjFjMCA0LjgtMS42IDE0LjcgMy40IDE3LjcgMS40LjggMi41IDEuMiAzLjUgMS4yIDcuNiAwIDUuMi0yMSA1LTI1LjItLjItOC4xLTIuMi0yMy40IDEwLjItMjMuNCA3LjcgMCAxMy45IDIuMyAxMy45IDkuMyAwIDExLjYgMS40IDQxIC40IDQ0LjMtMy41IDExLjYtMjUuNCAxMi4xLTM1IDEyLjF2MjQuOHMyLjMgNi4yLTE4LjUgNi4yaC0yLjRjLTUuMiAwLTE2LjgtLjUtMTYuOC00Ljd2LTEyLjRjMCAuMS0uMi4xLS40LjEtMi40IDAtMTQuMy0yLjMtMTUtMi41LTcuOC0yLjMtMjAuOC04LTIwLjktMTcuNkMxNS43IDc2IDEyIDU4LjkgMTguNSA1M2MyLjQtMi4yIDgtNCAxMy00IDUuMSAwIDkuNiAxLjkgOS42IDcuNXY3LjdjMCAzLjUtLjMgNy4yIDAgMTAuNi4zIDMuOCAyLjQgNi4zIDUuNyA3LjkgMS42LjggMi42IDEuMSAzLjMgMS4xLjQgMCAuOC0uMSAxLS40LjQtLjUuNi0xLjUgMS0yLjkgMS4yLTUuNCAwLTEyLjYgMC0xOC4yVjMxLjZjMCAuMSAyLjMtMjAuMSAxNy0yMC4xbTAtMTFDNTguNy41IDUwLjIgNi4zIDQ1LjIgMTYuOGMtMy4xIDYuNS0zLjkgMTIuOS00IDEzLjZsLS4xIDEuM3Y4LjFjLTIuOC0xLjItNi0xLjgtOS42LTEuOC02LjQgMC0xNS4yIDIuMS0yMC40IDYuOUMyIDUzLjEgMy40IDY3LjcgNC4zIDc4LjNjLjIgMi4yLjQgNC4zLjQgNS42LjIgMTIuNSAxMC43IDIyLjcgMjguOCAyOCAuNi4yIDMuOS45IDcuNiAxLjV2Mi43YzAgMy42IDEuNSAxMi4yIDE1LjUgMTQuNyA0LjMuOCA5LjEuOSAxMi4zLjloMi42YzE0LjQgMCAyMi43LTIuOCAyNi45LTguOCAyLTIuOCAyLjgtNi4xIDIuNC05LjN2LTEzLjFjMTIuOS0xIDMwLTQuNyAzNC41LTE5LjUgMS0zLjIgMS03LjguNC0zMC42LS4yLTYuNi0uNC0xMi45LS40LTE2LjggMC05LjgtNi41LTIwLjMtMjQuOS0yMC4zLTYuMSAwLTEwLjMgMi4xLTEzLjEgNC40QzkzLjcgOC4xIDg0LjYuNSA2OS4xLjV6Ii8+PC9zdmc+') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-food    {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PHBhdGggZmlsbD0iIzU4NTk1QiIgZD0iTTcyLjEgMTMxYy0yLjIgMC00LjItMS4zLTUuMS0zLjRMMjcgMzEuOWMtLjctMS43LS41LTMuNi41LTUuMnMyLjctMi41IDQuNi0yLjVoNzguNmMxLjggMCAzLjUuOSA0LjYgMi40IDEgMS41IDEuMiAzLjQuNSA1LjFsLTM4LjYgOTUuOGMtLjkgMi4yLTIuOSAzLjUtNS4xIDMuNXpNNDAuMyAzNS4yTDcyIDExMWwzMC42LTc1LjhINDAuM3oiLz48Y2lyY2xlIGZpbGw9IiM1ODU5NUIiIGN4PSI1MS45IiBjeT0iNTQuMyIgcj0iMTEuNyIvPjxjaXJjbGUgZmlsbD0iIzU4NTk1QiIgY3g9IjgyLjgiIGN5PSI4MC4zIiByPSIxMS43Ii8+PGNpcmNsZSBmaWxsPSIjNTg1OTVCIiBjeD0iODQiIGN5PSI0Mi40IiByPSIxMS43Ii8+PHBhdGggZmlsbD0iIzU4NTk1QiIgZD0iTTExMC44IDM0SDMzLjljLTkuNSAwLTE3LjItNy43LTE3LjItMTcuMlMyNC40LS40IDMzLjktLjRoNzYuOGM5LjUgMCAxNy4yIDcuNyAxNy4yIDE3LjIuMSA5LjUtNy42IDE3LjItMTcuMSAxNy4yek0zMy45IDEwLjZjLTMuNCAwLTYuMiAyLjgtNi4yIDYuMiAwIDMuNCAyLjggNi4yIDYuMiA2LjJoNzYuOGMzLjQgMCA2LjItMi44IDYuMi02LjIgMC0zLjQtMi44LTYuMi02LjItNi4ySDMzLjl6Ii8+PC9zdmc+') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-activity   {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PGcgZmlsbD0iIzU4NTk1QiI+PHBhdGggZD0iTTEyOC4zIDguN3MtMTUuOS03LjUtMzYuNi03LjVjLTE2LjIgMC0zNS40IDQuNi01MiAyMS4yIDAgMC00OCAzOS42LTI3LjMgOTkuOSAwIDAgMTQuOSA5LjYgMzYuOCA5LjYgMTkgMCA0My4zLTcuMiA2Ny44LTM0LjMgMCAwIDM0LjgtMjkuMSAxMS4zLTg4Ljl6bS0zLjcgMjhsLTIzLjktMjMuOWM4LjIgMSAxNSAzIDE5IDQuNCAyLjQgNi43IDQgMTMuMiA0LjkgMTkuNXpNMTguNCA5Ni44bDIzLjggMjMuOGMtOS40LTEtMTYuNy0zLjktMjAuNi01LjgtMS44LTYuMS0yLjktMTIuMS0zLjItMTh6bTkxLjUtNy42Yy0uNC4zLS43LjYtMS4xIDEtMTYgMTcuNy0zMy4yIDI3LjgtNTEuMyAzMC4xTDE5IDgxLjhjMS4zLTguOSA0LjEtMTcuNiA4LjYtMjYuMUMzNS44IDQwLjEgNDYuNiAzMSA0Ni43IDMxYy4zLS4yLjUtLjUuOC0uN0M1Ny45IDE5LjkgNzAuNCAxNCA4NC45IDEyLjZMMTI1LjMgNTNjLS40IDYuMS0xLjYgMTItMy43IDE3LjYtNC4zIDExLjgtMTEuMSAxOC4xLTExLjcgMTguNnoiLz48cGF0aCBkPSJNOTkuOCA0Ny44bC41LS41YzIuMi0yLjEgMi4yLTUuNi4xLTcuOHMtNS42LTIuMi03LjgtLjFsLS42LjctNi4xLTYuMWMtMi4xLTIuMS01LjYtMi4xLTcuOCAwLTIuMSAyLjEtMi4xIDUuNiAwIDcuOGw2IDYtNC4zIDQuMi01LjUtNS41Yy0yLjEtMi4xLTUuNi0yLjEtNy44IDAtMi4xIDIuMS0yLjEgNS42IDAgNy44bDUuNCA1LjQtNC45IDQuNS01LjMtNS4zYy0yLjEtMi4xLTUuNi0yLjEtNy44IDAtMi4xIDIuMS0yLjEgNS42IDAgNy44bDUuMiA1LjItNC44IDQuNi01LjEtNS4xYy0yLjEtMi4xLTUuNi0yLjEtNy44IDAtMi4xIDIuMS0yLjEgNS42IDAgNy44bDUgNS0uMy4zYy0yLjIgMi4xLTIuMiA1LjYtLjEgNy44IDEuMSAxLjEgMi41IDEuNyA0IDEuNyAxLjQgMCAyLjgtLjUgMy44LTEuNWwuNC0uNCA2LjUgNi41YzEuMSAxLjEgMi41IDEuNiAzLjkgMS42czIuOC0uNSAzLjktMS42YzIuMS0yLjEgMi4xLTUuNiAwLTcuOGwtNi40LTYuNCA0LjgtNC42IDYuMyA2LjNjMS4xIDEuMSAyLjUgMS42IDMuOSAxLjZzMi44LS41IDMuOS0xLjZjMi4xLTIuMSAyLjEtNS42IDAtNy44TDc0LjggNzJsNC44LTQuNiA2LjEgNi4xYzEuMSAxLjEgMi41IDEuNiAzLjkgMS42czIuOC0uNSAzLjktMS42YzIuMS0yLjEgMi4xLTUuNiAwLTcuOGwtNi02IDQuMy00LjIgNS41IDUuNWMxLjEgMS4xIDIuNSAxLjYgMy45IDEuNnMyLjgtLjUgMy45LTEuNmMyLjEtMi4xIDIuMS01LjYgMC03LjhsLTUuMy01LjR6Ii8+PC9nPjwvc3ZnPg==') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-travel  {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PHBhdGggZmlsbD0iIzU4NTk1QiIgZD0iTTM3LjYgMTA3LjVjLTEuMiAwLTIuNC0uNC0zLjMtMS4yLTEuMS0uOS0xLjctMi4yLTEuNy0zLjYtLjEtMS44LTEtNDQuNiAyMy02NS42QzkwLjkuNCAxMzQuOSAwIDEzNi44IDBjMS41IDAgMi44LjYgMy44IDEuN3MxLjQgMi42IDEuMSA0Yy03LjMgNDYuNC0zMi4yIDc1LjgtMzQuNyA3OC42LTUuNiA3LjQtMTguNiAxMy4zLTM5LjggMTguMS0xNS4xIDMuNC0yOC41IDQuOS0yOS4xIDUtLjEuMS0uMy4xLS41LjF6bTkzLjEtOTdDMTE4IDEyIDg3LjYgMTguMiA2Mi42IDQ0LjFsLS4zLjNjLTE1LjkgMTMuOS0xOSA0MC44LTE5LjYgNTIuNEM2My4xIDk0IDkyLjQgODcuMyA5OSA3OC4yYy4xLS4xLjItLjMuMy0uNC4zLS4yIDIzLjItMjYuMiAzMS40LTY3LjN6Ii8+PHBhdGggZmlsbD0iIzU4NTk1QiIgZD0iTTc3LjggMTMxLjljLS41IDAtMS0uMS0xLjUtLjItMS45LS42LTMuMi0yLjMtMy40LTQuMy0xLjEtMTEuNy00LjctMjMuOC03LjQtMjQuOWwxLjctOS45YzguMSAxLjMgMTIuMSAxMi44IDE0LjEgMjIuOGwxNS42LTE3Ljh2LTE1aDEwdjE2LjhjMCAxLjItLjQgMi40LTEuMiAzLjNsLTI0IDI3LjNjLTEuMSAxLjMtMi41IDEuOS0zLjkgMS45ek0zOC40IDc0LjdjLTEwLjktOS43LTIzLjUtNy40LTIzLjctNy4zLTIuMi40LTQuNS0uNy01LjUtMi43cy0uNS00LjUgMS4yLTZsMjYuMi0yMi41Yy45LS44IDIuMS0xLjIgMy4zLTEuMmgxOS44djEwSDQxLjhMMjYuNyA1OGM1LjYgMS4yIDEyLjIgMy44IDE4LjQgOS4zbC02LjcgNy40ek0xMy44IDEzMS45Yy0yLjggMC01LTIuMi01LTUgMC0yMS42IDQuNy0zNi42IDE0LjEtNDQuNyA4LjEtNyAxNi40LTYuMSAxNy4zLTUuOSAyLjcuNCA0LjYgMi45IDQuMyA1LjYtLjQgMi43LTIuOSA0LjYtNS42IDQuMy0uMyAwLTUtLjQtOS42IDMuOC00LjggNC4zLTEwLjQgMTQuMi0xMC40IDM3LS4xIDIuNy0yLjQgNC45LTUuMSA0Ljl6Ii8+PHBhdGggZmlsbD0iIzU4NTk1QiIgZD0iTTE1LjIgMTMxLjloLTEuNWMtMi44IDAtNS0yLjMtNC45LTUuMSAwLTIuNyAyLjMtNC45IDUtNC45aC4xYzE3LjUuMiAzMC4yLTMuNCAzNi42LTEwLjMgNC45LTUuNCA0LjUtMTEgNC41LTExLjItLjMtMi43IDEuNi01LjIgNC40LTUuNSAyLjctLjMgNS4yIDEuNyA1LjYgNC40IDAgLjQgMS4xIDEwLjEtNi44IDE4LjktOC40IDkuMS0yMi44IDEzLjctNDMgMTMuN3pNMTA3LjIgNTNjLTEuMiAwLTIuMy0uNC0zLjItMS4yLTEuNi0xLjQtMi4yLTMuNi0xLjUtNS42LjEtLjIuMi0uNS4yLS43LjYtMiAuMy00LjItLjctNi0xLTEuOC0yLjgtMy4yLTQuOC0zLjctLjgtLjItMS43LS4zLTIuNi0uMy0yLjEuMS00LjEtMS4xLTQuOS0zLS44LTEuOS0uNC00LjIgMS4yLTUuNiAzLTIuNyA2LjgtNC4zIDEwLjgtNC4zIDEuNCAwIDIuOS4yIDQuMi42IDguNSAyLjMgMTMuNSAxMS4yIDExLjEgMTkuNi0xLjEgNC4xLTMuNyA3LjUtNy40IDkuNi0uNy40LTEuNi42LTIuNC42eiIvPjxwYXRoIGZpbGw9IiM1ODU5NUIiIGQ9Ik01Ny40IDEwNmwtOC4zLTUuNiAzMi44LTQ4LjgtMS42LTIuMiA2LjgtNWMyLTEuNCA0LjctMS4zIDYuNC40IDEuOCAxLjcgMiA0LjQuNyA2LjRMNTcuNCAxMDZ6Ii8+PHBhdGggZmlsbD0iIzU4NTk1QiIgZD0iTTg4LjI3MyA0My41NGw1LjkwMiA4LjA3NC01Ni41OTIgNDEuMzczLTUuOTAyLTguMDczeiIvPjwvc3ZnPg==') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-object  {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PHBhdGggZmlsbD0iIzU4NTk1QiIgZD0iTTExOS41IDguNlY4YzAtMy45LTMuMi03LjEtNy4xLTcuMUgzNC4xQzMwLjIuOCAyNyA0LjEgMjcgOHYuNmMwIDMuOSAzLjIgNy4xIDcuMSA3LjFoLjZjLS40IDUuNy0uMSAxMS4zLjggMTYuNiAxLjkgMTEgNy44IDE2LjIgMTMuNSAyMS4yIDIgMS43IDQgMy41IDYgNS42IDQgNC4yIDQuNSAxMS45LTIuMiAxOC41LTEzIDEyLjctMTcuMSAyNC45LTE4IDM5LjRoLS43Yy0zLjkgMC03LjEgMy4yLTcuMSA3LjF2LjZjMCAzLjkgMy4yIDcuMSA3LjEgNy4xaDc4LjJjMy45IDAgNy4xLTMuMiA3LjEtNy4xdi0uNmMwLTMuOS0zLjItNy4xLTcuMS03LjFoLS43Yy0uOS0xNC41LTUtMjYuNy0xOC0zOS40LTYuNy02LjUtNi4yLTE0LjItMi4yLTE4LjUgMi0yLjEgNC0zLjkgNi01LjYgNS43LTUgMTEuNi0xMC4yIDEzLjUtMjEuMi45LTUuMyAxLjItMTAuOS44LTE2LjZoLjZjNCAwIDcuMi0zLjIgNy4yLTcuMXptLTE4LjQgMjJjLTEuMyA3LjUtNC45IDEwLjctMTAuMiAxNS40LTIgMS44LTQuNCAzLjgtNi43IDYuMy03LjIgNy42LTguOCAyMS42IDIuNSAzMi41bDEuOCAxLjhDODMuNCA4NC40IDc4IDgzIDczLjIgODMgNjguNSA4MyA2MyA4NC4zIDU4IDg2LjZsMS44LTEuOGMxMS4yLTEwLjkgOS42LTI0LjkgMi41LTMyLjUtMi4zLTIuNC00LjYtNC41LTYuNy02LjMtNS40LTQuNy05LTcuOS0xMC4yLTE1LjQtLjgtNC44LTEtOS44LS43LTE0LjloNTdjLjQgNS4yLjIgMTAuMi0uNiAxNC45eiIvPjwvc3ZnPg==') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-symbol  {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4gbWVldCI+PHBhdGggZmlsbD0iIzU4NTk1QiIgZD0iTTcxIDEzMS4yYy0xLjEgMC0yLjItLjMtMy4yLS45LTIwLjctMTMuNC0zNS43LTI2LTQ3LjEtMzkuN0M2LjQgNzMuNS0uNCA1Ni41LjQgNDAuMSAxLjYgMTguNCAyMC4yLjcgNDIgLjdjMy40IDAgNi44LjQgMTAuMiAxLjNDNTkgMy44IDY1LjYgNy41IDcxIDEyLjVjNS40LTUgMTItOC44IDE4LjgtMTAuNUM5My4xIDEuMSA5Ni42LjcgMTAwIC43YzIxLjggMCA0MC40IDE3LjcgNDEuNiAzOS40LjkgMTYuNC01LjkgMzMuNC0yMC4yIDUwLjUtMTEuNSAxMy43LTI2LjQgMjYuMy00Ny4xIDM5LjctMS4xLjYtMi4yLjktMy4zLjl6TTQyIDEyLjRjLTE1LjcgMC0yOS4xIDEyLjctMjkuOSAyOC4zLS43IDEzLjQgNS4yIDI3LjYgMTcuNSA0Mi40IDEwLjEgMTIuMSAyMy4zIDIzLjQgNDEuMyAzNS4zIDE4LTExLjkgMzEuMi0yMy4yIDQxLjMtMzUuMyAxMi4zLTE0LjggMTguMi0yOSAxNy41LTQyLjQtLjgtMTUuNi0xNC4yLTI4LjMtMjkuOS0yOC4zLTIuNCAwLTQuOC4zLTcuMi45Qzg2LjMgMTUgODAgMTkuMiA3NS41IDI0LjdjLTEuMSAxLjQtMi44IDIuMi00LjYgMi4ycy0zLjQtLjgtNC42LTIuMmMtNC41LTUuNi0xMC44LTkuNy0xNy4yLTExLjQtMi4zLS42LTQuNy0uOS03LjEtLjl6Ii8+PC9zdmc+') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-flag    {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PHBhdGggZmlsbD0iIzU4NTk1QiIgZD0iTTI2LjcgMTMxLjljLTQgMC03LjktLjQtMTEuNi0xLjJsLS40LS4xYy00LjEtLjgtMTAuMi0yLjEtMTMuNC04LjctLjQtLjgtLjYtMS43LS42LTIuNnYtMTAyYzAtMi4xIDEuMS00IDIuOS01IDEuOC0xIDQtMSA1LjggMGw4LjkgNS4yYzIuNi41IDUuNC43IDguMy43IDExLjkgMCAyNC40LTQgMzcuNi04LjMgMTMuNC00LjMgMjcuMy04LjggNDAuOS04LjggMTIuNyAwIDIzLjUgMy44IDMzLjIgMTEuNyAxLjQgMS4xIDIuMSAyLjggMi4xIDQuNXYxMDJjMCAyLjMtMS4zIDQuMy0zLjMgNS4zLTIgMS00LjQuNy02LjItLjgtNy42LTYuMi0xNS44LTkuMS0yNS44LTkuMS0xMS44IDAtMjQuMiA0LTM3LjMgOC4zLTEzLjQgNC40LTI3LjMgOC45LTQxLjEgOC45em0tMTQuMy0xNC4zYy44LjcgMi4xIDEuMSA0LjcgMS42bC40LjFjMi45LjYgNS45LjkgOS4yLjkgMTEuOSAwIDI0LjQtNCAzNy42LTguMyAxMy40LTQuMyAyNy4zLTguOCA0MC45LTguOCA4LjcgMCAxNi41IDEuOCAyMy43IDUuNVYyMC4zYy03LTUuMS0xNC42LTcuNS0yMy43LTcuNS0xMS44IDAtMjQuMiA0LTM3LjMgOC4zQzU0LjQgMjUuNSA0MC41IDMwIDI2LjcgMzBjLTQgMC03LjktLjQtMTEuNi0xLjItLjYtLjEtMS4yLS40LTEuNy0uN2wtMS0uNnY5MC4xeiIvPjwvc3ZnPg==') center center no-repeat;}

.emojiPicker .sections {overflow:scroll; position:relative; background:#fff; z-index:10;}
.emojiPicker section {overflow:hidden; width:100%; padding-top:1%;}
.emojiPicker section h1 {clear:both; margin:0; padding:2%; color:#444; font-size:14px; text-transform:capitalize;}
.emojiPicker section em {float:left; display:inline-block; padding:2%; border-radius:4px; cursor:pointer;}
.emojiPicker section em:hover {background-color:#eee;}
.emojiPicker section em div {width:40px; margin:1%;}
.emojiPicker section em div:hover {cursor:pointer;}

.emojiPicker section .wrap {width:100%;}
.emojiPicker section.search .wrap {padding-top:1%;}
.emojiPicker section.search input {display:block; width:96%; height:28px; margin:2%; padding:1%; font-size:12px; border:1px solid #ddd; border-radius:4px;}

.emojiPicker .shortcode {height:40px; background:#eee; border-top:1px solid #ddd; vertical-align:middle;}
.emojiPicker .shortcode .info {display:none;}
.emojiPicker .shortcode .emoji {position:relative; top:4px; left:8px; width:1.9em; height:1.9em; margin-right:20px;}
.emojiPicker .shortcode em {position:relative; top:-5px; color:#444; font-size:12px; font-weight:900; font-style:normal;}
.emojiPicker .shortcode em.tabTitle {position:relative; top:10px; left:8px; font-size:14px;}
.emojiPicker .shortcode em.tabTitle .count {font-size:12px; font-weight:500;}
.emojiPicker .shortcode .random .tabTitle {color:#7d7d7d; font-size:12px;}
.emojiPicker .shortcode .eod {float:right; padding:8px 10px 0 0; max-width:200px;}
.emojiPicker .shortcode .eod .emoji {top:-10px; left:0; margin-right:10px;}
.emojiPicker .shortcode .eod .emojiName {max-width:70%; padding:5px 0 0 0; font-size:10px; font-weight:normal;}