.float-card-title {
	display:flex;
	flex-direction:row;
	border-bottom:2px solid #eeeeee;
	padding:10px;
}
.float-card-title .img-placeholder {
	padding:10px;
}
.float-card-title .status-dot {
	width:8px;
	height:8px;
	border-radius:50%;
	display:inline-block;
}
.float-card-title .name-txt {
	font-weight:bold;
	color:#053070;
	font-size:18px
}
.float-card-title .status-txt-text {
	font-size:12px;
	color:#ddd;
}
.float-card-title .txt-placeholder {
	display:flex;
	padding:10px;
	flex-direction:column;
}
.float-card-title .img-placeholder img {
	width:50px;
	height:50px;
	border-radius:50%
}

.float-card-body {
	border-bottom:2px solid #eeeeee;
	height:60vh;
	box-sizing:border-box;
	padding:25px!important;
	overflow-y:auto;
}
.chat-bubble {
	display:flex;
}
.float-card-body .chat-bubble p {
	display:inline-block;
	padding:10px;
	font-size:11px;
	border-radius:8px;
	max-width:50%;
	cursor:pointer;
	transition:0.3s
}
.float-card-body .chat-bubble p:hover {
	filter:brightness(80%);
}
.chat-bubble.centered {
	justify-content:center;
}
.chat-bubble.left {
	justify-content:flex-start;
}
.chat-bubble.right {
	justify-content:flex-end;
}
.chat-bubble .me {
	color:white;
	background-color:#125eb5;
}
.chat-bubble .you {
	color:gray;
	background-color:#f2f2f2;
}
.chat-bubble.centered .me .time {
	font-size:9px;
	color:#f2f2f2;
	display:inline-block;
	width:100%;
	text-align:right;
}
.chat-bubble.centered .you .time {
	font-size:9px;
	color:gray;
	display:inline-block;
	width:100%;
	text-align:right;
}
.chat-bubble.right .me .time {
	font-size:9px;
	color:#f2f2f2;
	display:inline-block;
	width:100%;
	text-align:right;
}
.chat-bubble.left .you .time {
	font-size:9px;
	color:gray;
	display:inline-block;
	width:100%;
	text-align:right;
}
.float-card-message {
	border-bottom:2px solid #eeeeee;
	box-shadow:0px 1px 1px #eeeeee;
	display:flex;
	padding:15px;
}
.float-card-message .message-box {
	height:50px;
	font-size:14px;
	color:#aaaaaa;
	padding:10px;
	border:0px;
	outline:none;
	resize:none;
	flex:1;
}
.float-card-message .message-box::placeholder {
	color:#aaaaaa;
}
.float-card-message .send-btn {
	border:0px;
	background-color:transparent;
}



.chats-title {
	padding:20px;
	height:65px;
	display:flex;
	align-items:center;
}
.chats-title h4 {
	color:#053070;
	font-size:20px;
	font-weight:bold;
	margin:10px 10px;
}
.chats-body {
	border-bottom:2px solid #eeeeee;
	box-shadow:0px 1px 1px #eeeeee;
	height:calc(60vh + 110px)
}
.message-fluid {
	width:100%;
	padding:5px 5px;
	padding-left:25px;
	padding-right:25px;
	margin:0px;
	display:flex;
	transition:0.3s;
	cursor:pointer;
	color:#9999aa;
	border-bottom:1px solid #eeeeee
}
.message-fluid.active {
	background-color:#3261b5;
	color:white!important;
}
.message-fluid div {
	padding:5px;
	box-sizing:border-box;
}
.message-fluid:hover {
	background-color:#3261b5;
	color:white!important;
}
.message-fluid .img-placeholder {
	padding:5px;
}
.message-fluid .txt-placeholder {
	display:flex;
	padding:10px;
	flex:1;
	flex-direction:column;
}
.message-fluid .info-placeholder {
	display:flex;
	padding:10px;
	width:80px;
	flex-direction:column;
	font-size:13px;
}
.message-fluid .info-placeholder .time-txt {
	margin:3px;
	text-align:right;
}
.message-fluid .txt-placeholder .name-txt {
	font-size:16px;
}
.message-fluid .txt-placeholder .activity-txt {
	font-size:12px
}
.message-fluid .img-placeholder img {
	width:55px;
	height:55px;
	border-radius:50%
}
.message-fluid .status-dot {
	width:8px;
	height:8px;
	border-radius:50%;
	display:inline-block;
}
.message-fluid .status-txt-text {
	font-size:10px;
	color:rgb(128, 127, 127);
}
/*body {
    font-family: 'GothamPro-Black', sans-serif;
  }
  div, span, h1, h2, h3, h4, h5, h6, p, table, tr, td {
    font-family: 'GothamPro-Black', sans-serif;
  } */
  .no-bd {
    border-radius:0px!important;
    border:0px!important;
    padding:0px
  }
  .img-tile {
    width:90px;
    height:90px;
    margin:5px
  }
  .flex-items {
    display:flex;
    flex-direction:row;
    align-items:center;
  }
  .border-right {
    border-right:2px solid lightgray;
    margin:2px
  }
  .list-view {
    margin:2px
  }
  .list-view.list-subtitle {
    font-weight:bold;
    font-size:14px;
    color:#0D6EFE
  }
  .list-view.list-caption {
    font-size:13px;
    color:gray
  }
  .list-view.list-title {
    font-weight:bold;
    color:#203655;
    font-size:18px
  }
  .search-icons {
	  width:30px;
	  height:30px;
	  margin:3px;
	  background-color:transparent;
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  border-radius:50%
  }