.chat-application .app-content, .chat-application .content-right, .chat-application .content-wrapper, .chat-application .content-body {
  height : 100%;
}
.chat-application .content-wrapper {
  padding : 0 !important;
}
.chat-application .sidebar-left {
  border-right : 0px solid #E4E7ED;
  z-index : 999;
  overflow:hidden;
  /* box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); */
  
}
.chat-application .chat-fixed-search {
  position : relative;
  z-index : 999;
  background : #FFFFFF;
  width : 100%;
  border-bottom : 1px solid #E4E7ED;
}
.chat-application .chatWindow {
	bottom: 10px;
	position: absolute;
	height: 98%;
	width: 98%;
	vertical-align: bottom;
	overflow: hidden;
	padding: 2% 6% !important;
	width: 100%;
	right:0;
}
.chat-application .chatWindow:hover {
    overflow-y: scroll;
}
.chat-application .users-list-padding {
	height: 60vh;
	position: relative;
	background-color: #F6F6F6;
}
#users-list{
	height:82vh;
}
@keyframes opacityAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.chat-history-container{
	width:100%;
	position: relative;
	right:0;
	overflow-y:hide;
	display:none;
	height:100vh;
	 background-image: url("../../images/chatBg/bg0.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition: opacity 1s ease-in-out;
	/*animation: 1s opacityAnimation;*/
}
.chat-application .chat-app-window {
	padding : 0;
	text-align : center;
	height : -webkit-calc(100% - 180px);
	height :    -moz-calc(100% - 180px);
	height :         calc(100% - 180px);
	position:relative;
	width:100%;
	vertical-align: bottom;	
	right:0px;
	/* background-image: url("../../images/chatBg/bg0.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center; */
}
.chat-application .chat-app-form {
  position : relative;
  padding : 5px 5px 4px 5px;
  background-color : transparent;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
}
.chat-application .chats .chat-body {
  display : block;
  margin : 10px 30px 0 0;
  overflow : hidden;
}
.chat-application .chats .chat-body .chat-content {
  text-align : right;
  position : relative;
  display : block;
  float : right;
  padding : 0px 10px;
  margin : 0 5px 4px 0;
  clear : both;
  color : #003e92;
  background-color : #e0eaf6;
  border-radius: 8px 0px 8px 8px;
  /* background-image: linear-gradient(to right, #abcdff,#4c96ff); 
  box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.1);*/
  max-width: 86%; 
  font-weight: 600;  
}
/* .chat-application .chats .chat-body .chat-content:before {
  position : absolute;
  top : 10px;
  right : -10px;
  width : 0;
  height : 0;
  content : '';
  border : 5px solid transparent;
  border-left-color : #4c96ff;
} */
.chat-img{
	background:transparent !important;
	border: 0px solid #4c96ff;
	padding:2px 2px !important;
}
.chat-left .chat-img{
	border: 0px solid #EDEEF0;
}
.chat-img:before {
  position : absolute;
  top : 0;
  right : 0;
  width : 0;
  height : 0;
  content : '';
  border : 0 !important;
}
.chat-application .chats .chat-body .chat-content + .chat-content:before {
  border-color : transparent;
}
.chat-application .chats .chat-body .chat-content p {
	margin : 0;
	word-break: normal; 
	word-wrap: break-word;
}
.chat-application .chats .chat-avatar {
  float : right;
}
.chat-application .chats .chat-avatar .avatar {
  width : 40px;
  height: 40px;
  margin-top : -10px;
}
.chat-application .chats .time {
  color : #BABFC7;
  font-size : 12px;
  text-align : center;
  margin : 40px 0;
}
.chat-application .chats .chat-left .chat-avatar {
  float : left;
}
.chat-application .chats .chat-left .chat-body {
  margin-right : 0;
  margin-left : 30px;
}
.chat-application .chats .chat-left .chat-content {
  text-align : left;
  float : left;
  margin : 0 0 4px 10px;
  color : #009444;
  font-weight: 600;
  background-color : #deefdb;
  background-image:none;
  border-radius: 0px 8px 8px 8px;
  /* box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); */
}
.chat-application .chats .chat-left .chat-content + .chat-content:before {
  border-color : transparent;
}
/* .chat-application .chats .chat-left .chat-content:before {
  right : auto;
  left : -10px;
  border-right-color : #EDEEF0;
  border-left-color : transparent;
} */
.chat-application .form-control-position {
  cursor : pointer;
}
.chat-application .form-control-position.control-position-right {
  right : 18px;
  top : 2px;
  cursor : pointer;
}
.horizontal-layout.chat-application .app-content {
  height : -webkit-calc(100% - 144px) !important;
  height :    -moz-calc(100% - 144px) !important;
  height :         calc(100% - 144px) !important;
  min-height : -webkit-calc(100% - 144px) !important;
  min-height :    -moz-calc(100% - 144px) !important;
  min-height :         calc(100% - 144px) !important;
  margin-top : 0 !important;
}
.horizontal-layout.chat-application .app-content .chat-app-window {
  height : -webkit-calc(100% - 83px) !important;
}
.typingMessage {
	position: absolute;
    bottom: 0;
    left: 22%;
    padding-left: 2%;
    text-align: left;
    height: 21px;
    display: block;
    color: #a2a2a2;
    background-image: url("../../images/background_image.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-right: 15px;
    padding-top: 1px;
    font-size: 13px;
    border-radius: 8px;
}
.sms-info{
	position: absolute;
    top: -23px;
    left: 0;
    right: 0;
	margin: auto auto;
    text-align: left;
    height: 22px;
    color: #a2a2a2;
    background-image: url("../../images/background_image.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    font-size: 13px;
    border-radius: 8px;
	width: 100%;
}
.sms-info > div {
	padding: 5px 5px;
}
.menuHolder{
	z-index:999999999999;
}
.chat-app-form .emoji-wysiwyg-editor{
	width: 90% !important;
	margin: 0 auto;
	background-color: #FFF !important;
}
@media (min-width : 480px) {
	.chat-application .chats .chat-avatar .avatar {
	  width : 50px;
	  height: 50px;
	  margin-top : -10px;
	}
}
@media (min-width: 576px) {
	
	.chat-application .chats .chat-body .chat-content {
		max-width: 80%;
	}
	
	.chat-application .chat-app-window {
		height : -webkit-calc(100% - 190px);
		height :    -moz-calc(100% - 190px);
		height :         calc(100% - 190px);
	}
	
	.typingMessage { bottom:0; left:19.5%; }
	
	.chat-application .chatWindow {
		padding: 2% 5% !important;
	}
	
	.chat-application .chat-app-form {
		width: 90%;
		padding: 5px 0px 4px 0px;
	}
	
	.chat-app-form .emoji-wysiwyg-editor{
		width: 98% !important;
	}
}
@media (min-width: 768px) {
	
	.chat-application .chats .chat-body .chat-content {
		max-width: 82%;
	}
	
	.typingMessage { bottom:0;left:23%; }
	
	.chat-application .chatWindow {
		padding: 2% 13% !important;
	}
	
	.chat-application .chat-app-form {
		width: 80%;
	}
	
	.chat-app-form .emoji-wysiwyg-editor{
		width: 100% !important;
	}
}
@media (min-width: 992px) {
	
	.chat-application .chats .chat-body .chat-content {
		max-width: 86%;
	}
	.typingMessage { left:26.5%; }
	
	.chat-application .chatWindow {
		padding: 2% 22.5% !important;
	}
	
	.chat-application .chat-app-form {
		width: 65%;
	}
	
}
@media (min-width: 1200px) {
	.chat-application .chats .chat-body .chat-content {
		max-width: 88%;
	}
}
@media (min-width: 1500px) {
	
	.typingMessage { left: 28%; }
	
	.chat-application .chatWindow {
		padding: 2% 25.5% !important;
	}
	
	.chat-application .chat-app-form {
		width: 60%;
	}
}