
.demo-table {
	width: 100%;
	border-spacing: initial;
	margin: 20px 0px;
	word-break: break-word;
	table-layout: auto;
	line-height: 1.8em;
	color: #333;
}

.demo-table td {
	background-color: #ffffff;
	padding: 20px 5px 5px;
}

.demo-table td div.feed_title {
	text-decoration: none;
	color: #003fff;
	font-weight: bold;
}

.demo-table ul {
	margin: 0;
	padding: 5px;
}
@media (min-width: 1200px) {
    .emoji-rating-count, .emoji-section{
      width: fit-content;
    }
}
.demo-table li {
	cursor: pointer;
	list-style-type: none;
	display: inline-block;
	color: #F0F0F0;
	text-shadow: 0 0 1px #666666;
	font-size: 20px;
}

.emoji-rating-box {
	margin: 10px 0px;
}

.emoji-rating-count {
    padding: 10px;
    background: #f9f9f9;
    color: #828181;
        border-radius: 10px;
    border: 1px solid #d8e0e899;
}

.emoji-section {
    position: relative;
    text-align: center;
    margin-top: 10px
}
.emoji-rating-count span{
        border: 1px solid #e6eaef;
    font-weight: bold;
    padding: 3px;
    border-radius: 5px;
}
.text-emoji-smile, .text-emoji-wow, .text-emoji-sad{
          color: #666;
}
.text-emoji-angry{
    
    color: #f76e67;
}
.text-emoji-love{
        color: #f55065;
}
.text-emoji-like{
        color: #558dff;
}
.emoji-icon-container {
    display: none;
    box-shadow: 0 3px 5px rgb(0 0 0 / 7%), 0 0 0 1px rgba(0, 0, 0, 0.05);
       position: absolute;
    border-radius: 12px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: #fff;
    border: 1px solid #d8e0e899;
        overflow: hidden;
    z-index: 99;
    width: auto;
}
.emoji-icon-container li{
    float: left;
}
.emoji-rating-count:hover > .emoji-icon-container{
    display:block;
      pointer-events: all;
    
}
.emoji-icon-container.show {
    display: block;
}

.emoji-icon {
      width: 65px;
      transition:.2s ease; 
}
.emoji-icon:hover{
    transform:scale(1.5); cursor:pointer;
}
.like-link {
    padding: 5px;
    font-size: 0.95em;
    color: #949494;
    cursor: pointer;
}

.like-link img {
    vertical-align: top;
}

.emoji-data {
     margin-right: 5px;
    width: 30px;
}