.view_indice{
  position:absolute;
  right:10px;
  bottom:-4px
}
.chat-option-drepdown-menue div{
  margin-top: 5px;
  margin-bottom: 10px;
}
.view_indice i{
  color: white;
  font-size: 0.7em;
}

.msg_reply{
  border-left: 3px solid rgb(201, 201, 223);
  padding: 10px;
  border-radius: 5px;
  /* max-width: 100px; */
  max-height: 100px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.get_msg_reply_bloc1{
  width: 290px;
  height: 350px;
  margin:auto;
  border: 3px solid rgb(63, 10, 239);
  background-color: rgb(255, 255, 235);
  box-shadow: 0px 0px 20px 0px #5d15b0;
  overflow: auto;
}
.get_msg_reply_h{
  width: 250px;
  margin:auto;
  border-radius: 10px 10px 0px 0px;
  box-shadow: 0px 0px 20px 0px rgb(51, 12, 95)
}

.btn:focus {
  border: 0 !important;
  outline: none !important;
}

label, input, textarea, button,.emojionearea-editor {
  transition: all 0.2s !important;
}

.msg-0{
    background-color: blueviolet;
    color:white;
    padding: 10px;
    padding-left:30px;
    border-radius: 10px 10px 0px 10PX;
    word-wrap: break-word;
    min-width: 10%;
    max-width: 90%;
    float:right;
}
.msg-time-0{
    float:right;
    font-size: x-small;
    text-align: right;
}
.msg-1{
  /* background-color:rgb(10, 6, 6); */
  color:rgb(78, 63, 63);
  padding: 10px;
  padding-right:30px;
  border-radius: 10px 10px 10px 0PX;
  border:1px solid black;
  word-wrap: break-word;
  min-width: 10%;
  max-width: 90%;
  float:left;
}


.msg-time-1{
  float:left;
  font-size: x-small;
  text-align: left;
}
#chat-contents{
  overflow: auto;
}

.typing-dots span{
  opacity:0
}

.chatting_open_menue button{
  margin-bottom: 10px;
}
.chatting_timming{
  font-size: 0.7em;position:relative;top:-15px;right:10px;
}

textarea {
    overflow: hidden;
}
.p-imgs-sup{
  overflow: auto;
  border-radius:5px;
  border:1px solid #999;
}

.img-sup-item{
  width:100px;height: 100px;border: 1px solid #999;border-radius: 10px;overflow: hidden;padding: 5px;
}

.shadow2{
    box-shadow: 0px 0px 20px 0px rgb(185, 171, 171)
}

.ichatextarea{
	height: 40px;
	width:100%;
	margin:auto;
	padding: 8px;color:#555;
	background-color:#f9f6f6;
	overflow:auto;
	resize:none;
}
.emodji{
	height: 32px;
	width:32px;
	margin:auto;
	padding: 8px;
	color:blue;
	background-color:#f9f6f6;
	overflow:hidden;
	position:relative;
	border-radius:40px;
	resize:none;
}
.emojionearea > .emojionearea-editor {
	height: 40px;
	border-radius:40px;
	border:0px solid blue;
	overflow:hidden;
}	

.emojionearea > .emojionearea-picker {
	position:fixed;
	z-index:99999999;
}

.radius-5{
	border-radius:5px;
}
.chat-radius{
	border-radius: 40px;
}
#chat-footer{
  position: absolute;
  bottom: 15px;
  border-radius: 50px;
  z-index: 100;
  margin: 4px;
  height: 45px;
  background-color: transparent;
  margin-left: 2px;
  border-radius: 0px 0px 20px 20px;
}
.chat_input_font{
	font-size:1.3em;
}

.typing-dots span:nth-child(1){-webkit-animation:1s type-animation infinite .33333s;animation:1s type-animation infinite .33333s}.typing-dots span:nth-child(2){-webkit-animation:1s type-animation infinite .66666s;animation:1s type-animation infinite .66666s}.typing-dots span:nth-child(3){-webkit-animation:1s type-animation infinite .99999s;animation:1s type-animation infinite .99999s}@-webkit-keyframes type-animation{50%{opacity:1}}@keyframes type-animation{50%{opacity:1}}