[contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: block; 
}




div[contenteditable=true] {
  padding: 5px;
  word-break: break-word;
  
}

pre {
  background: #EEE;
  padding: 5px;
  width: 800px;
}


.emotion {
  position: relative;
  display: flex
}

.emotion-Icon {
    right: 20px;
    top: 2px;
    cursor: pointer;
    align-self: center;
    margin-left: 5px;
    width: 15px;
  
}

.emotion-area {
    position: absolute;
    box-shadow: 1px 1px 1px 1px #333;
    bottom: 130%;
    display: none;
    right: 0;
    width: 250px;
    height: 100px;
    flex-wrap: wrap;
    overflow-y: scroll;
    background-color: #ffffff!important;
}

.ShowImotion { display: block !important; }

/*.top {
  top: 130%;
  bottom: auto
}*/

.emotion-area img {
  margin: 4px;
  cursor: pointer;
  width: 25px;
  height: 25px;
}

.emojiImg {
	width: 20px;
   height: 20px;
}