.emoticons_container {
  position: absolute;
  bottom: 60px;
  left: calc((100% - 90%) / 2);
  width: 90%;
  height: 250px;
  background-color: #d3d3d3;
  display: none;
}
.emoticons_container ::-webkit-scrollbar {
  width: 3px;
}
.emoticons_container ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.emoticons_container ::-webkit-scrollbar-thumb {
  background: #888;
}
.emoticons_container ::-webkit-scrollbar-thumb:hover {
  background: rgba(85, 85, 95, 0.6);
}
.emoticons_container.active {
  display: block;
}
.chat_gaming .emoticons_container {
  bottom: 60px;
  background-color: #0b1d31;
  border: 5px solid #023875;
  outline: 2px solid #000000;
}
.chat_old .emoticons_container {
  bottom: 60px;
  background-color: #d3d3d3;
}
.emoticons_panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 39px);
  display: none;
  overflow: hidden;
  overflow-y: scroll;
}
.emoticons_panel.emoticons_panel_Smileys_Emotion {
  display: block;
}
.emoticons_panel div {
  float: left;
  padding: 5px;
  cursor: pointer;
}
.emoticons_tabs {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color: #bbc1c9;
}
.emoticons_tabs div {
  float: left;
  padding: 5px;
  font-size: 20px;
  cursor: pointer;
}
.chat_gaming .emoticons_container ::-webkit-scrollbar {
  width: 2px;
}
.chat_gaming .emoticons_container ::-webkit-scrollbar-track {
  background: transparent;
}
.chat_gaming .emoticons_container ::-webkit-scrollbar-thumb {
  background: #023875;
}
.chat_gaming .emoticons_container ::-webkit-scrollbar-thumb:hover {
  background: rgba(2, 56, 117, 0.6);
}
.chat_gaming .emoticons_tabs {
  border-top: 1px solid #023875;
  outline-top: 1px solid #000000;
  background-color: transparent;
}