.chat-icon {
	position: fixed;
	z-index: 100;
	right: 1rem;
	bottom: 1rem;
	color: #65ba42;
	font-size: 3rem;
	display: flex;
	align-items: center;
	background-color: transparent;
  }
  .message-title {
	background-color: #0748b0;
	display: flex;
	color: #ddd;
	font-weight: bold;
	align-items: center;
	height: 4rem;
  }

  .message-box {
	background-color: whitesmoke;
	color: gray;
	border-radius: 0.3rem;
  }
  .chat-link{
	text-decoration: none;
  }
  .avatar {
	/* height: 2rem; */
	/* width: 2rem; */
	color: #65ba42;
	border-radius: 50%;
	font-size: 2rem;
  }
  .subtitle {
	font-weight: 600;
	font-size: 1.2rem;
  }
  
  .message-body {
	width: 100%;
	background-color: #ddd;
	display: flex;
	flex-direction: column-reverse;
	overflow-x: scroll;
	padding: 0.3rem;
	margin-bottom: 3rem;
  }
  .message-input {
	display: flex;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	bottom: 0;
  }
  
  .sender {
	/* display: flex;
	  flex-direction: column; */
	text-align: justify;
  }
  
  .receiver {
	padding: 0.3rem;
	/* display: inline-block; */
	float: inline-end;
	text-align: end;
	border-radius: 1px;
	/* flex-direction: column; */
  }
  .sender p {
	background-color: #a6df8f !important;
	color: #333;
	display: inline-block;
	padding: 0.3rem;
	border-radius: 1px;
  }
  
  /* .receiver span{
	  display: inline-block;
	  float: inline-end;
	  padding: .5rem;
	  color: #333;
  } */
  .receiver p {
	display: inline-block;
	background-color: #8db1eb !important;
	float: inline-end;
	padding: 0.3rem;
	color: #333;
  }

  .message-input-form{
	display: flex;
	width: 96%;
  }