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

.emojiPickerIconWrap .white {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzYuODkxIiBoZWlnaHQ9IjI3Ni44OTEiIHZpZXdCb3g9IjAgMCAyNzYuODkxIDI3Ni44OTEiPjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPjxjaXJjbGUgZmlsbD0iI0ZGRiIgY3g9IjY4LjEyIiBjeT0iMTI1LjM5NSIgcj0iMTYuNTA3Ii8+PGNpcmNsZSBmaWxsPSIjRkZGIiBjeD0iMjA4LjYxNyIgY3k9IjEyNS4zOTUiIHI9IjE2LjUwOCIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiAxODIuMDM0czY5Ljc5MyA3MC43MDQgMTQwLjQ5OCAwIi8+PC9zdmc+') center center no-repeat; background-size:60%;}
.emojiPickerIconWrap .black {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzYuODkxIiBoZWlnaHQ9IjI3Ni44OTEiIHZpZXdCb3g9IjAgMCAyNzYuODkxIDI3Ni44OTEiPjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPjxjaXJjbGUgY3g9IjY4LjEyIiBjeT0iMTI1LjM5NSIgcj0iMTYuNTA3Ii8+PGNpcmNsZSBjeD0iMjA4LjYxNyIgY3k9IjEyNS4zOTUiIHI9IjE2LjUwOCIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiAxODIuMDM0czY5Ljc5MyA3MC43MDQgMTQwLjQ5OCAwIi8+PC9zdmc+') center center no-repeat; background-size:60%;}
.emojiPickerIconWrap .yellow {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzYuODkxIiBoZWlnaHQ9IjI3Ni44OTEiIHZpZXdCb3g9IjAgMCAyNzYuODkxIDI3Ni44OTEiPjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRUJDMjAwIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPjxjaXJjbGUgZmlsbD0iI0VCQzIwMCIgY3g9IjY4LjEyIiBjeT0iMTI1LjM5NSIgcj0iMTYuNTA3Ii8+PGNpcmNsZSBmaWxsPSIjRUJDMjAwIiBjeD0iMjA4LjYxNyIgY3k9IjEyNS4zOTUiIHI9IjE2LjUwOCIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0VCQzIwMCIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiAxODIuMDM0czY5Ljc5MyA3MC43MDQgMTQwLjQ5OCAwIi8+PC9zdmc+') center center no-repeat; background-size:60%;}
.emojiPickerIconWrap .grey, .emojiPickerIconWrap .gray {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzYuODkxIiBoZWlnaHQ9IjI3Ni44OTEiIHZpZXdCb3g9IjAgMCAyNzYuODkxIDI3Ni44OTEiPjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRUJDMjAwIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPjxjaXJjbGUgZmlsbD0iI0VCQzIwMCIgY3g9IjY4LjEyIiBjeT0iMTI1LjM5NSIgcj0iMTYuNTA3Ii8+PGNpcmNsZSBmaWxsPSIjRUJDMjAwIiBjeD0iMjA4LjYxNyIgY3k9IjEyNS4zOTUiIHI9IjE2LjUwOCIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0VCQzIwMCIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiAxODIuMDM0czY5Ljc5MyA3MC43MDQgMTQwLjQ5OCAwIi8+PC9zdmc+') 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 {position:relative; display:inline-block;}
.emojiPicker span.emoji {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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PGcgZmlsbD0iJTIzNTg1OTVCIj48cGF0aCBkPSJNNzAuNiAwQzM0LjIgMCA0LjggMjkuNCA0LjggNjUuN2MwIDM2LjMgMjkuNCA2NS43IDY1LjcgNjUuNyAzNi4zIDAgNjUuNy0yOS40IDY1LjctNjUuN0MxMzYuMyAyOS40IDEwNi45IDAgNzAuNiAwem0wIDEyMC40QzQwLjUgMTIwLjQgMTYgOTUuOSAxNiA2NS44czI0LjUtNTQuNiA1NC42LTU0LjYgNTQuNiAyNC41IDU0LjYgNTQuNi0yNC41IDU0LjYtNTQuNiA1NC42eiIvPjxwYXRoIGQ9Ik04NS41IDQ3LjFMNzYuNiA1NlYyNi45YzAtMy4zLTIuNy02LTYtNnMtNiAyLjctNiA2djQyLjJjMCAzLjMgMi43IDYgNiA2IC4zIDAgLjUgMCAuOC0uMS4yIDAgLjQuMS42LjEgMS41IDAgMy4xLS42IDQuMi0xLjhMOTQgNTUuNWMyLjMtMi4zIDIuMy02LjEgMC04LjUtMi40LTIuMy02LjItMi4zLTguNS4xeiIvPjwvZz48L3N2Zz4=') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-people {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PGcgZmlsbD0iJTIzNTg1OTVCIj48cGF0aCBkPSJNNzEuMy4zQzM1IC4zIDUuNSAyOS44IDUuNSA2Ni4xczI5LjUgNjUuOCA2NS44IDY1LjggNjUuOC0yOS41IDY1LjgtNjUuOFMxMDcuNy4zIDcxLjMuM3ptMCAxMjAuNWMtMzAuMiAwLTU0LjctMjQuNS01NC43LTU0LjcgMC0zMC4yIDI0LjUtNTQuNyA1NC43LTU0LjdTMTI2IDM2IDEyNiA2Ni4xYzAgMzAuMi0yNC41IDU0LjctNTQuNyA1NC43eiIvPjxjaXJjbGUgY3g9IjQxLjIiIGN5PSI1NC4zIiByPSIxMi44Ii8+PGNpcmNsZSBjeD0iMTAxLjciIGN5PSI1NC4zIiByPSIxMi44Ii8+PHBhdGggZD0iTTk0LjkgNzZINDcuN2MtMS40IDAtMi42LjctMy40IDEuOC0uNyAxLjItLjkgMi42LS4zIDMuOSAxLjIgMi43IDEyLjEgMjYgMjcuMyAyNiAxNS4yIDAgMjYuMS0yMy4zIDI3LjMtMjYgLjYtMS4zLjQtMi43LS4zLTMuOS0uNy0xLjEtMi0xLjgtMy40LTEuOHoiLz48L2c+PC9zdmc+') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-nature  {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PHBhdGggZmlsbD0iJTIzNTg1OTVCIiBkPSJNNjkuMSAxMS41YzE0LjYgMCAxOS4zIDguNSAxOS4zIDE2LjN2MjYuMWMwIDQuOC0xLjYgMTQuNyAzLjQgMTcuNyAxLjQuOCAyLjUgMS4yIDMuNSAxLjIgNy42IDAgNS4yLTIxIDUtMjUuMi0uMi04LjEtMi4yLTIzLjQgMTAuMi0yMy40IDcuNyAwIDEzLjkgMi4zIDEzLjkgOS4zIDAgMTEuNiAxLjQgNDEgLjQgNDQuMy0zLjUgMTEuNi0yNS40IDEyLjEtMzUgMTIuMXYyNC44czIuMyA2LjItMTguNSA2LjJoLTIuNGMtNS4yIDAtMTYuOC0uNS0xNi44LTQuN3YtMTIuNGMwIC4xLS4yLjEtLjQuMS0yLjQgMC0xNC4zLTIuMy0xNS0yLjUtNy44LTIuMy0yMC44LTgtMjAuOS0xNy42QzE1LjcgNzYgMTIgNTguOSAxOC41IDUzYzIuNC0yLjIgOC00IDEzLTQgNS4xIDAgOS42IDEuOSA5LjYgNy41djcuN2MwIDMuNS0uMyA3LjIgMCAxMC42LjMgMy44IDIuNCA2LjMgNS43IDcuOSAxLjYuOCAyLjYgMS4xIDMuMyAxLjEuNCAwIC44LS4xIDEtLjQuNC0uNS42LTEuNSAxLTIuOSAxLjItNS40IDAtMTIuNiAwLTE4LjJWMzEuNmMwIC4xIDIuMy0yMC4xIDE3LTIwLjFtMC0xMUM1OC43LjUgNTAuMiA2LjMgNDUuMiAxNi44Yy0zLjEgNi41LTMuOSAxMi45LTQgMTMuNmwtLjEgMS4zdjguMWMtMi44LTEuMi02LTEuOC05LjYtMS44LTYuNCAwLTE1LjIgMi4xLTIwLjQgNi45QzIgNTMuMSAzLjQgNjcuNyA0LjMgNzguM2MuMiAyLjIuNCA0LjMuNCA1LjYuMiAxMi41IDEwLjcgMjIuNyAyOC44IDI4IC42LjIgMy45LjkgNy42IDEuNXYyLjdjMCAzLjYgMS41IDEyLjIgMTUuNSAxNC43IDQuMy44IDkuMS45IDEyLjMuOWgyLjZjMTQuNCAwIDIyLjctMi44IDI2LjktOC44IDItMi44IDIuOC02LjEgMi40LTkuM3YtMTMuMWMxMi45LTEgMzAtNC43IDM0LjUtMTkuNSAxLTMuMiAxLTcuOC40LTMwLjYtLjItNi42LS40LTEyLjktLjQtMTYuOCAwLTkuOC02LjUtMjAuMy0yNC45LTIwLjMtNi4xIDAtMTAuMyAyLjEtMTMuMSA0LjRDOTMuNyA4LjEgODQuNi41IDY5LjEuNXoiLz48L3N2Zz4=') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-food    {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PHBhdGggZmlsbD0iJTIzNTg1OTVCIiBkPSJNNzIuMSAxMzFjLTIuMiAwLTQuMi0xLjMtNS4xLTMuNEwyNyAzMS45Yy0uNy0xLjctLjUtMy42LjUtNS4yczIuNy0yLjUgNC42LTIuNWg3OC42YzEuOCAwIDMuNS45IDQuNiAyLjQgMSAxLjUgMS4yIDMuNC41IDUuMWwtMzguNiA5NS44Yy0uOSAyLjItMi45IDMuNS01LjEgMy41ek00MC4zIDM1LjJMNzIgMTExbDMwLjYtNzUuOEg0MC4zeiIvPjxjaXJjbGUgZmlsbD0iJTIzNTg1OTVCIiBjeD0iNTEuOSIgY3k9IjU0LjMiIHI9IjExLjciLz48Y2lyY2xlIGZpbGw9IiUyMzU4NTk1QiIgY3g9IjgyLjgiIGN5PSI4MC4zIiByPSIxMS43Ii8+PGNpcmNsZSBmaWxsPSIlMjM1ODU5NUIiIGN4PSI4NCIgY3k9IjQyLjQiIHI9IjExLjciLz48cGF0aCBmaWxsPSIlMjM1ODU5NUIiIGQ9Ik0xMTAuOCAzNEgzMy45Yy05LjUgMC0xNy4yLTcuNy0xNy4yLTE3LjJTMjQuNC0uNCAzMy45LS40aDc2LjhjOS41IDAgMTcuMiA3LjcgMTcuMiAxNy4yLjEgOS41LTcuNiAxNy4yLTE3LjEgMTcuMnpNMzMuOSAxMC42Yy0zLjQgMC02LjIgMi44LTYuMiA2LjIgMCAzLjQgMi44IDYuMiA2LjIgNi4yaDc2LjhjMy40IDAgNi4yLTIuOCA2LjItNi4yIDAtMy40LTIuOC02LjItNi4yLTYuMkgzMy45eiIvPjwvc3ZnPg==') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-activity   {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PGcgZmlsbD0iJTIzNTg1OTVCIj48cGF0aCBkPSJNMTI4LjMgOC43cy0xNS45LTcuNS0zNi42LTcuNWMtMTYuMiAwLTM1LjQgNC42LTUyIDIxLjIgMCAwLTQ4IDM5LjYtMjcuMyA5OS45IDAgMCAxNC45IDkuNiAzNi44IDkuNiAxOSAwIDQzLjMtNy4yIDY3LjgtMzQuMyAwIDAgMzQuOC0yOS4xIDExLjMtODguOXptLTMuNyAyOGwtMjMuOS0yMy45YzguMiAxIDE1IDMgMTkgNC40IDIuNCA2LjcgNCAxMy4yIDQuOSAxOS41ek0xOC40IDk2LjhsMjMuOCAyMy44Yy05LjQtMS0xNi43LTMuOS0yMC42LTUuOC0xLjgtNi4xLTIuOS0xMi4xLTMuMi0xOHptOTEuNS03LjZjLS40LjMtLjcuNi0xLjEgMS0xNiAxNy43LTMzLjIgMjcuOC01MS4zIDMwLjFMMTkgODEuOGMxLjMtOC45IDQuMS0xNy42IDguNi0yNi4xQzM1LjggNDAuMSA0Ni42IDMxIDQ2LjcgMzFjLjMtLjIuNS0uNS44LS43QzU3LjkgMTkuOSA3MC40IDE0IDg0LjkgMTIuNkwxMjUuMyA1M2MtLjQgNi4xLTEuNiAxMi0zLjcgMTcuNi00LjMgMTEuOC0xMS4xIDE4LjEtMTEuNyAxOC42eiIvPjxwYXRoIGQ9Ik05OS44IDQ3LjhsLjUtLjVjMi4yLTIuMSAyLjItNS42LjEtNy44cy01LjYtMi4yLTcuOC0uMWwtLjYuNy02LjEtNi4xYy0yLjEtMi4xLTUuNi0yLjEtNy44IDAtMi4xIDIuMS0yLjEgNS42IDAgNy44bDYgNi00LjMgNC4yLTUuNS01LjVjLTIuMS0yLjEtNS42LTIuMS03LjggMC0yLjEgMi4xLTIuMSA1LjYgMCA3LjhsNS40IDUuNC00LjkgNC41LTUuMy01LjNjLTIuMS0yLjEtNS42LTIuMS03LjggMC0yLjEgMi4xLTIuMSA1LjYgMCA3LjhsNS4yIDUuMi00LjggNC42LTUuMS01LjFjLTIuMS0yLjEtNS42LTIuMS03LjggMC0yLjEgMi4xLTIuMSA1LjYgMCA3LjhsNSA1LS4zLjNjLTIuMiAyLjEtMi4yIDUuNi0uMSA3LjggMS4xIDEuMSAyLjUgMS43IDQgMS43IDEuNCAwIDIuOC0uNSAzLjgtMS41bC40LS40IDYuNSA2LjVjMS4xIDEuMSAyLjUgMS42IDMuOSAxLjZzMi44LS41IDMuOS0xLjZjMi4xLTIuMSAyLjEtNS42IDAtNy44bC02LjQtNi40IDQuOC00LjYgNi4zIDYuM2MxLjEgMS4xIDIuNSAxLjYgMy45IDEuNnMyLjgtLjUgMy45LTEuNmMyLjEtMi4xIDIuMS01LjYgMC03LjhMNzQuOCA3Mmw0LjgtNC42IDYuMSA2LjFjMS4xIDEuMSAyLjUgMS42IDMuOSAxLjZzMi44LS41IDMuOS0xLjZjMi4xLTIuMSAyLjEtNS42IDAtNy44bC02LTYgNC4zLTQuMiA1LjUgNS41YzEuMSAxLjEgMi41IDEuNiAzLjkgMS42czIuOC0uNSAzLjktMS42YzIuMS0yLjEgMi4xLTUuNiAwLTcuOGwtNS4zLTUuNHoiLz48L2c+PC9zdmc+') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-travel  {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PHBhdGggZmlsbD0iJTIzNTg1OTVCIiBkPSJNMzcuNiAxMDcuNWMtMS4yIDAtMi40LS40LTMuMy0xLjJhNC42IDQuNiAwIDAgMS0xLjctMy42Yy0uMS0xLjgtMS00NC42IDIzLTY1LjZDOTAuOS40IDEzNC45IDAgMTM2LjggMGMxLjUgMCAyLjguNiAzLjggMS43czEuNCAyLjYgMS4xIDRjLTcuMyA0Ni40LTMyLjIgNzUuOC0zNC43IDc4LjYtNS42IDcuNC0xOC42IDEzLjMtMzkuOCAxOC4xLTE1LjEgMy40LTI4LjUgNC45LTI5LjEgNS0uMS4xLS4zLjEtLjUuMXptOTMuMS05N0MxMTggMTIgODcuNiAxOC4yIDYyLjYgNDQuMWwtLjMuM2MtMTUuOSAxMy45LTE5IDQwLjgtMTkuNiA1Mi40QzYzLjEgOTQgOTIuNCA4Ny4zIDk5IDc4LjJjLjEtLjEuMi0uMy4zLS40LjMtLjIgMjMuMi0yNi4yIDMxLjQtNjcuM3oiLz48cGF0aCBmaWxsPSIlMjM1ODU5NUIiIGQ9Ik03Ny44IDEzMS45Yy0uNSAwLTEtLjEtMS41LS4yLTEuOS0uNi0zLjItMi4zLTMuNC00LjMtMS4xLTExLjctNC43LTIzLjgtNy40LTI0LjlsMS43LTkuOWM4LjEgMS4zIDEyLjEgMTIuOCAxNC4xIDIyLjhsMTUuNi0xNy44di0xNWgxMHYxNi44YzAgMS4yLS40IDIuNC0xLjIgMy4zbC0yNCAyNy4zYy0xLjEgMS4zLTIuNSAxLjktMy45IDEuOXpNMzguNCA3NC43Yy0xMC45LTkuNy0yMy41LTcuNC0yMy43LTcuMy0yLjIuNC00LjUtLjctNS41LTIuN3MtLjUtNC41IDEuMi02bDI2LjItMjIuNWMuOS0uOCAyLjEtMS4yIDMuMy0xLjJoMTkuOHYxMEg0MS44TDI2LjcgNThjNS42IDEuMiAxMi4yIDMuOCAxOC40IDkuM2wtNi43IDcuNHpNMTMuOCAxMzEuOWMtMi44IDAtNS0yLjItNS01IDAtMjEuNiA0LjctMzYuNiAxNC4xLTQ0LjcgOC4xLTcgMTYuNC02LjEgMTcuMy01LjkgMi43LjQgNC42IDIuOSA0LjMgNS42LS40IDIuNy0yLjkgNC42LTUuNiA0LjMtLjMgMC01LS40LTkuNiAzLjgtNC44IDQuMy0xMC40IDE0LjItMTAuNCAzNy0uMSAyLjctMi40IDQuOS01LjEgNC45eiIvPjxwYXRoIGZpbGw9IiUyMzU4NTk1QiIgZD0iTTE1LjIgMTMxLjloLTEuNWMtMi44IDAtNS0yLjMtNC45LTUuMSAwLTIuNyAyLjMtNC45IDUtNC45aC4xYzE3LjUuMiAzMC4yLTMuNCAzNi42LTEwLjMgNC45LTUuNCA0LjUtMTEgNC41LTExLjItLjMtMi43IDEuNi01LjIgNC40LTUuNSAyLjctLjMgNS4yIDEuNyA1LjYgNC40IDAgLjQgMS4xIDEwLjEtNi44IDE4LjktOC40IDkuMS0yMi44IDEzLjctNDMgMTMuN3pNMTA3LjIgNTNjLTEuMiAwLTIuMy0uNC0zLjItMS4yLTEuNi0xLjQtMi4yLTMuNi0xLjUtNS42LjEtLjIuMi0uNS4yLS43LjYtMiAuMy00LjItLjctNi0xLTEuOC0yLjgtMy4yLTQuOC0zLjctLjgtLjItMS43LS4zLTIuNi0uMy0yLjEuMS00LjEtMS4xLTQuOS0zLS44LTEuOS0uNC00LjIgMS4yLTUuNiAzLTIuNyA2LjgtNC4zIDEwLjgtNC4zIDEuNCAwIDIuOS4yIDQuMi42IDguNSAyLjMgMTMuNSAxMS4yIDExLjEgMTkuNi0xLjEgNC4xLTMuNyA3LjUtNy40IDkuNi0uNy40LTEuNi42LTIuNC42eiIvPjxwYXRoIGZpbGw9IiUyMzU4NTk1QiIgZD0iTTU3LjQgMTA2bC04LjMtNS42IDMyLjgtNDguOC0xLjYtMi4yIDYuOC01YzItMS40IDQuNy0xLjMgNi40LjQgMS44IDEuNyAyIDQuNC43IDYuNEw1Ny40IDEwNnoiLz48cGF0aCBmaWxsPSIlMjM1ODU5NUIiIGQ9Ik04OC4yNzMgNDMuNTRsNS45MDIgOC4wNzQtNTYuNTkyIDQxLjM3My01LjkwMi04LjA3M3oiLz48L3N2Zz4=') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-object  {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PHBhdGggZmlsbD0iJTIzNTg1OTVCIiBkPSJNMTE5LjUgOC42VjhjMC0zLjktMy4yLTcuMS03LjEtNy4xSDM0LjFDMzAuMi44IDI3IDQuMSAyNyA4di42YzAgMy45IDMuMiA3LjEgNy4xIDcuMWguNmMtLjQgNS43LS4xIDExLjMuOCAxNi42IDEuOSAxMSA3LjggMTYuMiAxMy41IDIxLjIgMiAxLjcgNCAzLjUgNiA1LjYgNCA0LjIgNC41IDExLjktMi4yIDE4LjUtMTMgMTIuNy0xNy4xIDI0LjktMTggMzkuNGgtLjdjLTMuOSAwLTcuMSAzLjItNy4xIDcuMXYuNmMwIDMuOSAzLjIgNy4xIDcuMSA3LjFoNzguMmMzLjkgMCA3LjEtMy4yIDcuMS03LjF2LS42YzAtMy45LTMuMi03LjEtNy4xLTcuMWgtLjdjLS45LTE0LjUtNS0yNi43LTE4LTM5LjQtNi43LTYuNS02LjItMTQuMi0yLjItMTguNSAyLTIuMSA0LTMuOSA2LTUuNiA1LjctNSAxMS42LTEwLjIgMTMuNS0yMS4yLjktNS4zIDEuMi0xMC45LjgtMTYuNmguNmM0IDAgNy4yLTMuMiA3LjItNy4xem0tMTguNCAyMmMtMS4zIDcuNS00LjkgMTAuNy0xMC4yIDE1LjQtMiAxLjgtNC40IDMuOC02LjcgNi4zLTcuMiA3LjYtOC44IDIxLjYgMi41IDMyLjVsMS44IDEuOEM4My40IDg0LjQgNzggODMgNzMuMiA4MyA2OC41IDgzIDYzIDg0LjMgNTggODYuNmwxLjgtMS44YzExLjItMTAuOSA5LjYtMjQuOSAyLjUtMzIuNS0yLjMtMi40LTQuNi00LjUtNi43LTYuMy01LjQtNC43LTktNy45LTEwLjItMTUuNC0uOC00LjgtMS05LjgtLjctMTQuOWg1N2MuNCA1LjIuMiAxMC4yLS42IDE0Ljl6Ii8+PC9zdmc+') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-symbol  {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PHBhdGggZmlsbD0iJTIzNTg1OTVCIiBkPSJNNzEgMTMxLjJjLTEuMSAwLTIuMi0uMy0zLjItLjktMjAuNy0xMy40LTM1LjctMjYtNDcuMS0zOS43QzYuNCA3My41LS40IDU2LjUuNCA0MC4xIDEuNiAxOC40IDIwLjIuNyA0MiAuN2MzLjQgMCA2LjguNCAxMC4yIDEuM0M1OSAzLjggNjUuNiA3LjUgNzEgMTIuNWM1LjQtNSAxMi04LjggMTguOC0xMC41QzkzLjEgMS4xIDk2LjYuNyAxMDAgLjdjMjEuOCAwIDQwLjQgMTcuNyA0MS42IDM5LjQuOSAxNi40LTUuOSAzMy40LTIwLjIgNTAuNS0xMS41IDEzLjctMjYuNCAyNi4zLTQ3LjEgMzkuNy0xLjEuNi0yLjIuOS0zLjMuOXpNNDIgMTIuNGMtMTUuNyAwLTI5LjEgMTIuNy0yOS45IDI4LjMtLjcgMTMuNCA1LjIgMjcuNiAxNy41IDQyLjQgMTAuMSAxMi4xIDIzLjMgMjMuNCA0MS4zIDM1LjMgMTgtMTEuOSAzMS4yLTIzLjIgNDEuMy0zNS4zIDEyLjMtMTQuOCAxOC4yLTI5IDE3LjUtNDIuNC0uOC0xNS42LTE0LjItMjguMy0yOS45LTI4LjMtMi40IDAtNC44LjMtNy4yLjlDODYuMyAxNSA4MCAxOS4yIDc1LjUgMjQuN2MtMS4xIDEuNC0yLjggMi4yLTQuNiAyLjJzLTMuNC0uOC00LjYtMi4yYy00LjUtNS42LTEwLjgtOS43LTE3LjItMTEuNC0yLjMtLjYtNC43LS45LTcuMS0uOXoiLz48L3N2Zz4=') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-flag    {background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuOCAxMzEuOSI+PHBhdGggZmlsbD0iJTIzNTg1OTVCIiBkPSJNMjYuNyAxMzEuOWMtNCAwLTcuOS0uNC0xMS42LTEuMmwtLjQtLjFjLTQuMS0uOC0xMC4yLTIuMS0xMy40LTguNy0uNC0uOC0uNi0xLjctLjYtMi42di0xMDJjMC0yLjEgMS4xLTQgMi45LTUgMS44LTEgNC0xIDUuOCAwbDguOSA1LjJjMi42LjUgNS40LjcgOC4zLjcgMTEuOSAwIDI0LjQtNCAzNy42LTguMyAxMy40LTQuMyAyNy4zLTguOCA0MC45LTguOCAxMi43IDAgMjMuNSAzLjggMzMuMiAxMS43IDEuNCAxLjEgMi4xIDIuOCAyLjEgNC41djEwMmMwIDIuMy0xLjMgNC4zLTMuMyA1LjMtMiAxLTQuNC43LTYuMi0uOC03LjYtNi4yLTE1LjgtOS4xLTI1LjgtOS4xLTExLjggMC0yNC4yIDQtMzcuMyA4LjMtMTMuNCA0LjQtMjcuMyA4LjktNDEuMSA4Ljl6bS0xNC4zLTE0LjNjLjguNyAyLjEgMS4xIDQuNyAxLjZsLjQuMWMyLjkuNiA1LjkuOSA5LjIuOSAxMS45IDAgMjQuNC00IDM3LjYtOC4zIDEzLjQtNC4zIDI3LjMtOC44IDQwLjktOC44IDguNyAwIDE2LjUgMS44IDIzLjcgNS41VjIwLjNjLTctNS4xLTE0LjYtNy41LTIzLjctNy41LTExLjggMC0yNC4yIDQtMzcuMyA4LjNDNTQuNCAyNS41IDQwLjUgMzAgMjYuNyAzMGMtNCAwLTcuOS0uNC0xMS42LTEuMi0uNi0uMS0xLjItLjQtMS43LS43bC0xLS42djkwLjF6Ii8+PC9zdmc+') 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; width: 27px; height: 27px;}
.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; 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:0px 10px 0 0; max-width:200px;}
.emojiPicker .shortcode .eod .emoji {top:7px; left:0; margin-right:25px;}
.emojiPicker .shortcode .eod .emojiName {max-width:70%; padding:5px 0 0 0; font-size:10px; font-weight:normal;}
.emojiPicker .shortcode .eod .eod-wrap {width:30px; height:40px; vertical-align:middle; display:inline-block;}
.emojiPicker .shortcode .info .info-wrpap {width:30px; height: 50px; display:inline-block; top: 4px; left: 8px; margin-right: 20px; vertical-align: middle;}
.emojiPicker .shortcode .info em {vertical-align: middle;}
.emojiPicker .shortcode .info .emoji {top: 7px !important;}