@media only screen and (max-width : 340px) {
	.chat-popup {
		display: none !important;
	}
}

.popup-box {
	display: none;
	position: fixed;
	bottom: 0px;
	right: 20px;
	/* background-color: rgb(237, 239, 244); */
	background-color: #ECEFF1;
	width: 300px;
	/* border: 1px solid rgba(29, 49, 91, .3); */
	border: 1px solid #ccc;
	z-index: 999999;
}

/* ------- Override template ------- */

	.popup-box .media-annotation,
	.popup-box .media-annotation > * {
	  	font-size: 10px;
	}
	
	.popup-box .chat-list {
	  	max-height: 250px; 
	  	height: 250px; 
	  	padding: 0 6px 0 6px;
	}
	
/* ------- End Override template ------- */

	.popup-box .img-chat {
		height: 32px; 
		width: auto;
	}

	.popup-box .popup-head {
		/* background-color: #6d84b4; */
		background-color: #555;
		padding: 5px;
		color: white;
		font-weight: 500;
		font-size: 14px;
		clear: both;
		cursor: pointer;
	}

		.popup-box .popup-head .popup-head-left {
			float: left;
			max-width: 90%;
		    
		    /* Ellipsis */
		    text-overflow: ellipsis;
		    white-space: nowrap;
		    overflow: hidden;
		    cursor: auto;
		}
		.popup-box .popup-head .popup-head-right {
			float: right;
			cursor: auto;
		}
			.popup-box .popup-head .popup-head-right a {
				text-decoration: none;
				opacity: 0.5;
				color: inherit;
			}
			.popup-box .popup-head .popup-head-right a:hover,
			.popup-box .popup-head .popup-head-right a:focus {
				opacity: 1;
			}
	.popup-box .popup-container {
		
	}
	.popup-box .popup-form {
		position: relative; 
		/* border-top: 1px solid #c4c4c4; */
	}
	.popup-box .popup-form .post-message-txt {
	    resize: none;
	    width: 100%;
	    min-height: 36px;
	    border-radius: 0;
	    padding-right: 33px !important;
	}
	.popup-box .popup-form .msg-send-btn {
	    /* background: #05728f none repeat scroll 0 0; */
	    /* background: #6d84b4 none repeat scroll 0 0; */
	    background: #555 none repeat scroll 0 0;
	    border: medium none;
	    border-radius: 50%;
	    color: #fff;
	    cursor: pointer;
	    font-size: 14px;
	    height: 28px;
	    position: absolute;
	    right: 4px;
	    top: 4px;
	    width: 28px;
	}


/*Animations*/
.popup-box {
  /* opacity: 1 !important; */
  
  -webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
	visibility: visible;
}
/* .popup-box.ng-enter {
  opacity: 0 !important;
  transition: opacity .3s linear;
}
.popup-box.ng-enter.ng-enter-active {
  opacity: 1 !important;
} */
.popup-box.ng-leave {
  /* opacity: 1; */
  /* transition: opacity .3s linear; */
  
  -webkit-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	
  -webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
	visibility: visible;
}
.popup-box.ng-leave.ng-leave-active {
  /* opacity: 0 !important; */
  
  
  -webkit-transform-origin: bottom;
	transform-origin: bottom;
	
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	opacity: 0;
	visibility: hidden;
	
	display: block;
}


/* 
.popup-container.ng-hide-add, 
.popup-container.ng-hide-remove {
  	-webkit-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
.popup-container.ng-hide {
  	-webkit-transform-origin: top;
	transform-origin: top;
	
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	opacity: 0;
	visibility: hidden;
	
	display: block;
}
*/

/* 
.popup-messages.ng-hide-add { ... }
.popup-messages.ng-hide-add.ng-hide-add-active { ... }
.popup-messages.ng-hide-remove { ... }
.popup-messages.ng-hide-remove.ng-hide-remove-active { ... }
 */