@font-face {
  font-family: 'Nunito';
  src: url('fonts/Nunito-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  /* Variable weight range */
  font-style: normal;
}
body.emoji-id {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
}
.emoji-id .dashhead-subtitle {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1px;
}
.emoji-id h2,
.emoji-id .h2 {
  font-size: 32px;
  margin-bottom: 0;
}
.emoji-id label {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}
.emoji-id .form-control {
  border: solid 2px #999;
  font-size: 16px;
}
.emoji-id .form-control:hover,
.emoji-id .form-control:focus {
  border-color: #555;
}
.emoji-id .btn-primary-outline {
  color: #777;
  font-size: 16px;
  border: solid 2px #777;
}
.emoji-id .btn-primary-outline:hover,
.emoji-id .btn-primary-outline:focus {
  border-color: #555;
  background-color: #555;
  color: #fff;
}
.emoji-id .logo-container {
  position: relative;
  /*height: 280px;*/
}
.emoji-id .grid-clickable #login-grid {
  margin-left: -130px;
  margin-top: -120px;
}
.emoji-id td.pg-matrixcell-top-thick {
  border-top: solid 4px #fff;
}
.emoji-id td.pg-matrixcell-left-thick {
  border-left: solid 4px #fff;
}
.emoji-id td.pg-matrixcell-bottom-thick {
  border-bottom: solid 4px #fff;
}
.emoji-id td.pg-matrixcell-right-thick {
  border-right: solid 4px #fff;
}
.emoji-id table.pg-clickable td button {
  text-indent: -9999px;
  overflow: hidden;
  width: 60px !important;
  height: 60px !important;
  border: solid 4px;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-size: 44px 44px;
}
.emoji-id table.pg-clickable td button.color.automobile {
  color: rgba(237, 51, 78, 0.7);
  background-color: rgba(237, 51, 78, 0.075) !important;
  background-image: url('../img/emoji/color/automobile.svg');
  background-position: 2px -3px;
  background-size: 46px 46px;
}
.emoji-id table.pg-clickable td button.color.automobile:hover {
  color: rgba(237, 51, 78, 0.8);
  background-color: rgba(237, 51, 78, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.airplane {
  color: rgba(66, 130, 218, 0.7);
  background-color: rgba(66, 130, 218, 0.075) !important;
  background-image: url('../img/emoji/color/airplane.svg');
  background-position: 3px 4px;
  background-size: 46px 46px;
}
.emoji-id table.pg-clickable td button.color.airplane:hover {
  color: rgba(66, 130, 218, 0.8);
  background-color: rgba(66, 130, 218, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.alien {
  color: rgba(97, 224, 126, 0.7);
  background-color: rgba(97, 224, 126, 0.075) !important;
  background-image: url('../img/emoji/color/alien.svg');
  background-position: 6px 4px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.alien:hover {
  color: rgba(97, 224, 126, 0.8);
  background-color: rgba(97, 224, 126, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.bird {
  color: rgba(240, 33, 103, 0.7);
  background-color: rgba(240, 33, 103, 0.075) !important;
  background-image: url('../img/emoji/color/bird.svg');
  background-position: 5px 5px;
  background-size: 40px 40px;
}
.emoji-id table.pg-clickable td button.color.bird:hover {
  color: rgba(240, 33, 103, 0.8);
  background-color: rgba(240, 33, 103, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.crown {
  color: rgba(236, 155, 95, 0.7);
  background-color: rgba(236, 155, 95, 0.075) !important;
  background-image: url('../img/emoji/color/crown.svg');
  background-position: 4px 0px;
  background-size: 44px 44px;
}
.emoji-id table.pg-clickable td button.color.crown:hover {
  color: rgba(236, 155, 95, 0.8);
  background-color: rgba(236, 155, 95, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.cold {
  color: rgba(165, 184, 255, 0.7);
  background-color: rgba(165, 184, 255, 0.075) !important;
  background-image: url('../img/emoji/color/cold.svg');
  background-position: 5px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.cold:hover {
  color: rgba(165, 184, 255, 0.8);
  background-color: rgba(165, 184, 255, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.droplet {
  color: rgba(109, 196, 255, 0.7);
  background-color: rgba(109, 196, 255, 0.075) !important;
  background-image: url('../img/emoji/color/droplet.svg');
  background-position: 6px 6px;
  background-size: 40px 40px;
}
.emoji-id table.pg-clickable td button.color.droplet:hover {
  color: rgba(109, 196, 255, 0.8);
  background-color: rgba(109, 196, 255, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.fox {
  color: rgba(255, 140, 40, 0.7);
  background-color: rgba(255, 140, 40, 0.075) !important;
  background-image: url('../img/emoji/color/fox.svg');
  background-position: 7px 5px;
  background-size: 40px 40px;
}
.emoji-id table.pg-clickable td button.color.fox:hover {
  color: rgba(255, 140, 40, 0.8);
  background-color: rgba(255, 140, 40, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.heart {
  color: rgba(252, 42, 96, 0.7);
  background-color: rgba(252, 42, 96, 0.075) !important;
  background-image: url('../img/emoji/color/heart.svg');
  background-position: 7px 5px;
  background-size: 40px 40px;
}
.emoji-id table.pg-clickable td button.color.heart:hover {
  color: rgba(252, 42, 96, 0.8);
  background-color: rgba(252, 42, 96, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.pizza {
  color: rgba(246, 48, 128, 0.7);
  background-color: rgba(246, 48, 128, 0.075) !important;
  background-image: url('../img/emoji/color/pizza.svg');
  background-position: 5px 5px;
  background-size: 40px 40px;
}
.emoji-id table.pg-clickable td button.color.pizza:hover {
  color: rgba(246, 48, 128, 0.8);
  background-color: rgba(246, 48, 128, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.taxi {
  color: rgba(255, 191, 89, 0.7);
  background-color: rgba(255, 191, 89, 0.075) !important;
  background-image: url('../img/emoji/color/taxi.svg');
  background-position: 4px -2px;
  background-size: 44px 44px;
}
.emoji-id table.pg-clickable td button.color.taxi:hover {
  color: rgba(255, 191, 89, 0.8);
  background-color: rgba(255, 191, 89, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.kiwi {
  color: rgba(172, 219, 54, 0.7);
  background-color: rgba(172, 219, 54, 0.075) !important;
  background-image: url('../img/emoji/color/kiwi.svg');
  background-position: 5px 5px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.kiwi:hover {
  color: rgba(172, 219, 54, 0.8);
  background-color: rgba(172, 219, 54, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.icecream {
  color: rgba(114, 198, 253, 0.7);
  background-color: rgba(114, 198, 253, 0.075) !important;
  background-image: url('../img/emoji/color/icecream.svg');
  background-position: 5px 4px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.icecream:hover {
  color: rgba(114, 198, 253, 0.8);
  background-color: rgba(114, 198, 253, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.watermelon {
  color: rgba(237, 20, 82, 0.7);
  background-color: rgba(237, 20, 82, 0.075) !important;
  background-image: url('../img/emoji/color/watermelon.svg');
  background-position: 5px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.watermelon:hover {
  color: rgba(237, 20, 82, 0.8);
  background-color: rgba(237, 20, 82, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.whale {
  color: rgba(87, 189, 251, 0.7);
  background-color: rgba(87, 189, 251, 0.075) !important;
  background-image: url('../img/emoji/color/whale.svg');
  background-position: 6px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.whale:hover {
  color: rgba(87, 189, 251, 0.8);
  background-color: rgba(87, 189, 251, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.nauseated {
  color: rgba(0, 216, 114, 0.7);
  background-color: rgba(0, 216, 114, 0.075) !important;
  background-image: url('../img/emoji/color/nauseated.svg');
  background-position: 5px 4px;
  background-size: 43px 42px;
}
.emoji-id table.pg-clickable td button.color.nauseated:hover {
  color: rgba(0, 216, 114, 0.8);
  background-color: rgba(0, 216, 114, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.trex {
  color: rgba(58, 197, 131, 0.7);
  background-color: rgba(58, 197, 131, 0.075) !important;
  background-image: url('../img/emoji/color/trex.svg');
  background-position: 6px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.trex:hover {
  color: rgba(58, 197, 131, 0.8);
  background-color: rgba(58, 197, 131, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.rickshaw {
  color: rgba(61, 143, 122, 0.7);
  background-color: rgba(61, 143, 122, 0.075) !important;
  background-image: url('../img/emoji/color/rickshaw.svg');
  background-position: 6px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.rickshaw:hover {
  color: rgba(61, 143, 122, 0.8);
  background-color: rgba(61, 143, 122, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.avocado {
  color: rgba(137, 186, 78, 0.7);
  background-color: rgba(137, 186, 78, 0.075) !important;
  background-image: url('../img/emoji/color/avocado.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.avocado:hover {
  color: rgba(137, 186, 78, 0.8);
  background-color: rgba(137, 186, 78, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.banana {
  color: rgba(242, 184, 25, 0.7);
  background-color: rgba(242, 184, 25, 0.075) !important;
  background-image: url('../img/emoji/color/banana.svg');
  background-position: 6px 5px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.banana:hover {
  color: rgba(242, 184, 25, 0.8);
  background-color: rgba(242, 184, 25, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.bell_pepper {
  color: rgba(106, 158, 98, 0.7);
  background-color: rgba(106, 158, 98, 0.075) !important;
  background-image: url('../img/emoji/color/bell_pepper.svg');
  background-position: 6px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.bell_pepper:hover {
  color: rgba(106, 158, 98, 0.8);
  background-color: rgba(106, 158, 98, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.blue_heart {
  color: rgba(59, 118, 252, 0.7);
  background-color: rgba(59, 118, 252, 0.075) !important;
  background-image: url('../img/emoji/color/blue_heart.svg');
  background-position: 6px 5px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.blue_heart:hover {
  color: rgba(59, 118, 252, 0.8);
  background-color: rgba(59, 118, 252, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.blueberries {
  color: rgba(129, 98, 191, 0.7);
  background-color: rgba(129, 98, 191, 0.075) !important;
  background-image: url('../img/emoji/color/blueberries.svg');
  background-position: 6px 5px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.blueberries:hover {
  color: rgba(129, 98, 191, 0.8);
  background-color: rgba(129, 98, 191, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.bug {
  color: rgba(92, 225, 165, 0.7);
  background-color: rgba(92, 225, 165, 0.075) !important;
  background-image: url('../img/emoji/color/bug.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.bug:hover {
  color: rgba(92, 225, 165, 0.8);
  background-color: rgba(92, 225, 165, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.carrot {
  color: rgba(253, 150, 51, 0.7);
  background-color: rgba(253, 150, 51, 0.075) !important;
  background-image: url('../img/emoji/color/carrot.svg');
  background-position: 6px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.carrot:hover {
  color: rgba(253, 150, 51, 0.8);
  background-color: rgba(253, 150, 51, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.cat {
  color: rgba(241, 186, 55, 0.7);
  background-color: rgba(241, 186, 55, 0.075) !important;
  background-image: url('../img/emoji/color/cat.svg');
  background-position: 6px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.cat:hover {
  color: rgba(241, 186, 55, 0.8);
  background-color: rgba(241, 186, 55, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.cherries {
  color: rgba(228, 47, 94, 0.7);
  background-color: rgba(228, 47, 94, 0.075) !important;
  background-image: url('../img/emoji/color/cherries.svg');
  background-position: 6px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.cherries:hover {
  color: rgba(228, 47, 94, 0.8);
  background-color: rgba(228, 47, 94, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.cupcake {
  color: rgba(80, 142, 255, 0.7);
  background-color: rgba(80, 142, 255, 0.075) !important;
  background-image: url('../img/emoji/color/cupcake.svg');
  background-position: 6px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.cupcake:hover {
  color: rgba(80, 142, 255, 0.8);
  background-color: rgba(80, 142, 255, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.truck {
  color: rgba(239, 191, 71, 0.7);
  background-color: rgba(239, 191, 71, 0.075) !important;
  background-image: url('../img/emoji/color/truck.svg');
  background-position: 6px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.truck:hover {
  color: rgba(239, 191, 71, 0.8);
  background-color: rgba(239, 191, 71, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.vomiting {
  color: rgba(59, 206, 129, 0.7);
  background-color: rgba(59, 206, 129, 0.075) !important;
  background-image: url('../img/emoji/color/vomiting.svg');
  background-position: 6px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.vomiting:hover {
  color: rgba(59, 206, 129, 0.8);
  background-color: rgba(59, 206, 129, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.fish {
  color: rgba(79, 174, 255, 0.7);
  background-color: rgba(79, 174, 255, 0.075) !important;
  background-image: url('../img/emoji/color/fish.svg');
  background-position: 6px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.fish:hover {
  color: rgba(79, 174, 255, 0.8);
  background-color: rgba(79, 174, 255, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.clover {
  color: rgba(54, 188, 116, 0.7);
  background-color: rgba(54, 188, 116, 0.075) !important;
  background-image: url('../img/emoji/color/clover.svg');
  background-position: 6px 5px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.clover:hover {
  color: rgba(54, 188, 116, 0.8);
  background-color: rgba(54, 188, 116, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.grapes {
  color: rgba(111, 57, 174, 0.7);
  background-color: rgba(111, 57, 174, 0.075) !important;
  background-image: url('../img/emoji/color/grapes.svg');
  background-position: 6px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.grapes:hover {
  color: rgba(111, 57, 174, 0.8);
  background-color: rgba(111, 57, 174, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.green_heart {
  color: rgba(84, 208, 144, 0.7);
  background-color: rgba(84, 208, 144, 0.075) !important;
  background-image: url('../img/emoji/color/green_heart.svg');
  background-position: 6px 5px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.green_heart:hover {
  color: rgba(84, 208, 144, 0.8);
  background-color: rgba(84, 208, 144, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.grinning {
  color: rgba(255, 182, 73, 0.7);
  background-color: rgba(255, 182, 73, 0.075) !important;
  background-image: url('../img/emoji/color/grinning.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.grinning:hover {
  color: rgba(255, 182, 73, 0.8);
  background-color: rgba(255, 182, 73, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.chick {
  color: rgba(240, 180, 32, 0.7);
  background-color: rgba(240, 180, 32, 0.075) !important;
  background-image: url('../img/emoji/color/chick.svg');
  background-position: 6px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.chick:hover {
  color: rgba(240, 180, 32, 0.8);
  background-color: rgba(240, 180, 32, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.hot {
  color: rgba(236, 84, 77, 0.7);
  background-color: rgba(236, 84, 77, 0.075) !important;
  background-image: url('../img/emoji/color/hot.svg');
  background-position: 6px 5px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.hot:hover {
  color: rgba(236, 84, 77, 0.8);
  background-color: rgba(236, 84, 77, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.jack-o-lantern {
  color: rgba(248, 96, 55, 0.7);
  background-color: rgba(248, 96, 55, 0.075) !important;
  background-image: url('../img/emoji/color/jack-o-lantern.svg');
  background-position: 6px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.jack-o-lantern:hover {
  color: rgba(248, 96, 55, 0.8);
  background-color: rgba(248, 96, 55, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.jellyfish {
  color: rgba(85, 106, 255, 0.7);
  background-color: rgba(85, 106, 255, 0.075) !important;
  background-image: url('../img/emoji/color/jellyfish.svg');
  background-position: 6px 5px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.jellyfish:hover {
  color: rgba(85, 106, 255, 0.8);
  background-color: rgba(85, 106, 255, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.lime {
  color: rgba(173, 229, 63, 0.7);
  background-color: rgba(173, 229, 63, 0.075) !important;
  background-image: url('../img/emoji/color/lime.svg');
  background-position: 6px 5px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.lime:hover {
  color: rgba(173, 229, 63, 0.8);
  background-color: rgba(173, 229, 63, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.crying {
  color: rgba(92, 131, 255, 0.7);
  background-color: rgba(92, 131, 255, 0.075) !important;
  background-image: url('../img/emoji/color/crying.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.crying:hover {
  color: rgba(92, 131, 255, 0.8);
  background-color: rgba(92, 131, 255, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.maple_leaf {
  color: rgba(244, 57, 129, 0.7);
  background-color: rgba(244, 57, 129, 0.075) !important;
  background-image: url('../img/emoji/color/maple_leaf.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.maple_leaf:hover {
  color: rgba(244, 57, 129, 0.8);
  background-color: rgba(244, 57, 129, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.scooter {
  color: rgba(251, 58, 110, 0.7);
  background-color: rgba(251, 58, 110, 0.075) !important;
  background-image: url('../img/emoji/color/scooter.svg');
  background-position: 6px 3px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.scooter:hover {
  color: rgba(251, 58, 110, 0.8);
  background-color: rgba(251, 58, 110, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.mushroom {
  color: rgba(255, 76, 86, 0.7);
  background-color: rgba(255, 76, 86, 0.075) !important;
  background-image: url('../img/emoji/color/mushroom.svg');
  background-position: 6px 5px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.mushroom:hover {
  color: rgba(255, 76, 86, 0.8);
  background-color: rgba(255, 76, 86, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.parrot {
  color: rgba(236, 52, 140, 0.7);
  background-color: rgba(236, 52, 140, 0.075) !important;
  background-image: url('../img/emoji/color/parrot.svg');
  background-position: 6px 5px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.parrot:hover {
  color: rgba(236, 52, 140, 0.8);
  background-color: rgba(236, 52, 140, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.partying {
  color: rgba(80, 146, 255, 0.7);
  background-color: rgba(80, 146, 255, 0.075) !important;
  background-image: url('../img/emoji/color/partying.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.partying:hover {
  color: rgba(80, 146, 255, 0.8);
  background-color: rgba(80, 146, 255, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.buoy {
  color: rgba(230, 63, 115, 0.7);
  background-color: rgba(230, 63, 115, 0.075) !important;
  background-image: url('../img/emoji/color/buoy.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.buoy:hover {
  color: rgba(230, 63, 115, 0.8);
  background-color: rgba(230, 63, 115, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.rocket {
  color: rgba(255, 44, 94, 0.7);
  background-color: rgba(255, 44, 94, 0.075) !important;
  background-image: url('../img/emoji/color/rocket.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.rocket:hover {
  color: rgba(255, 44, 94, 0.8);
  background-color: rgba(255, 44, 94, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.rose {
  color: rgba(211, 57, 57, 0.7);
  background-color: rgba(211, 57, 57, 0.075) !important;
  background-image: url('../img/emoji/color/rose.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.rose:hover {
  color: rgba(211, 57, 57, 0.8);
  background-color: rgba(211, 57, 57, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.rosette {
  color: rgba(253, 165, 68, 0.7);
  background-color: rgba(253, 165, 68, 0.075) !important;
  background-image: url('../img/emoji/color/rosette.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.rosette:hover {
  color: rgba(253, 165, 68, 0.8);
  background-color: rgba(253, 165, 68, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.suv {
  color: rgba(72, 137, 215, 0.7);
  background-color: rgba(72, 137, 215, 0.075) !important;
  background-image: url('../img/emoji/color/suv.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.suv:hover {
  color: rgba(72, 137, 215, 0.8);
  background-color: rgba(72, 137, 215, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.sun {
  color: rgba(233, 156, 40, 0.7);
  background-color: rgba(233, 156, 40, 0.075) !important;
  background-image: url('../img/emoji/color/sun.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.sun:hover {
  color: rgba(233, 156, 40, 0.8);
  background-color: rgba(233, 156, 40, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.tangerine {
  color: rgba(255, 159, 56, 0.7);
  background-color: rgba(255, 159, 56, 0.075) !important;
  background-image: url('../img/emoji/color/tangerine.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.tangerine:hover {
  color: rgba(255, 159, 56, 0.8);
  background-color: rgba(255, 159, 56, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.tent {
  color: rgba(82, 201, 77, 0.7);
  background-color: rgba(82, 201, 77, 0.075) !important;
  background-image: url('../img/emoji/color/tent.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.tent:hover {
  color: rgba(82, 201, 77, 0.8);
  background-color: rgba(82, 201, 77, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.tomato {
  color: rgba(224, 33, 96, 0.7);
  background-color: rgba(224, 33, 96, 0.075) !important;
  background-image: url('../img/emoji/color/tomato.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.tomato:hover {
  color: rgba(224, 33, 96, 0.8);
  background-color: rgba(224, 33, 96, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.tractor {
  color: rgba(63, 197, 121, 0.7);
  background-color: rgba(63, 197, 121, 0.075) !important;
  background-image: url('../img/emoji/color/tractor.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.tractor:hover {
  color: rgba(63, 197, 121, 0.8);
  background-color: rgba(63, 197, 121, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.trolleybus {
  color: rgba(104, 213, 143, 0.7);
  background-color: rgba(104, 213, 143, 0.075) !important;
  background-image: url('../img/emoji/color/trolleybus.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.trolleybus:hover {
  color: rgba(104, 213, 143, 0.8);
  background-color: rgba(104, 213, 143, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.turtle {
  color: rgba(72, 163, 139, 0.7);
  background-color: rgba(72, 163, 139, 0.075) !important;
  background-image: url('../img/emoji/color/turtle.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.turtle:hover {
  color: rgba(72, 163, 139, 0.8);
  background-color: rgba(72, 163, 139, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.unicorn {
  color: rgba(153, 147, 252, 0.7);
  background-color: rgba(153, 147, 252, 0.075) !important;
  background-image: url('../img/emoji/color/unicorn.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.unicorn:hover {
  color: rgba(153, 147, 252, 0.8);
  background-color: rgba(153, 147, 252, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.upside-down {
  color: rgba(255, 176, 72, 0.7);
  background-color: rgba(255, 176, 72, 0.075) !important;
  background-image: url('../img/emoji/color/upside-down.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.upside-down:hover {
  color: rgba(255, 176, 72, 0.8);
  background-color: rgba(255, 176, 72, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.watch {
  color: rgba(80, 54, 156, 0.7);
  background-color: rgba(80, 54, 156, 0.075) !important;
  background-image: url('../img/emoji/color/watch.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.watch:hover {
  color: rgba(80, 54, 156, 0.8);
  background-color: rgba(80, 54, 156, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.winking {
  color: rgba(255, 175, 73, 0.7);
  background-color: rgba(255, 175, 73, 0.075) !important;
  background-image: url('../img/emoji/color/winking.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.winking:hover {
  color: rgba(255, 175, 73, 0.8);
  background-color: rgba(255, 175, 73, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.yellow_heart {
  color: rgba(255, 197, 68, 0.7);
  background-color: rgba(255, 197, 68, 0.075) !important;
  background-image: url('../img/emoji/color/yellow_heart.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.yellow_heart:hover {
  color: rgba(255, 197, 68, 0.8);
  background-color: rgba(255, 197, 68, 0.15) !important;
}
.emoji-id table.pg-clickable td button.color.zany {
  color: rgba(254, 182, 72, 0.7);
  background-color: rgba(254, 182, 72, 0.075) !important;
  background-image: url('../img/emoji/color/zany.svg');
  background-position: 6px 6px;
  background-size: 42px 42px;
}
.emoji-id table.pg-clickable td button.color.zany:hover {
  color: rgba(254, 182, 72, 0.8);
  background-color: rgba(254, 182, 72, 0.15) !important;
}