.conversationcontainer {
}

.conversation {

}

.embedded-conversation {
	max-height:300px;
	overflow:auto;
}

.conversation .listcontainer-unread {
display: block;
margin-top: 10px;
color:#fff;
border: 2px solid #0b3d91;
padding: 5px;
border-radius: 5px;
font-weight:600;
}

.conversation .listcontainer {
display: block;
margin-top: 10px;
color:#fff;
border: 1px solid #aaa;
padding: 5px;
border-radius: 5px;
}


.conversation .separator {
display: block;
margin-top: 10px;
color:#fff;
border:none;
}

.chat-me {
	margin-left:20px;
}

.chat-others {
	margin-right:20px;
}

.conversation .separator-first {
display: block;
margin-top: 4px;
}

.conversation h1 {
font-size: var(--subtopic-font-size);
font-weight:600;
margin: 8px 0 4px 0;
color: var(--primary-font-color);
}

.conversation h5 {
font-size: var(--subtopic-font-size);
color: var(--primary-font-color);
}

.conversation p {
font-size: var(--chat-content-font-size);
margin: 3px 0px 3px 0px;
color: var(--primary-font-color);
}

.conversation textarea {
font-size: var(--chat-content-font-size);
}

.conversation .name {
font-size: 12px;
float: left;
}


.conversation .date {
font-size: 12px;
float: right;
}

.conversation .summarydate {
font-size: 12px;

}

.conversation .clearer {
clear: both;
}

.conversation .enclosure {
}

.conversation .error {
	color:red;
}

.conversationhistory {
	cursor:pointer;
	padding-right:3px; /* pull the conversation bubble away from the scroll bar if its present */
}

.conversationhistoryscroll {
	 height: 150px;
	 overflow: auto;
}

.conversation-gobutton {
	padding: 0px 10px 0px 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size:var(--button-font-size);
}



.conversationhistory .conversation-element-me {
	border-radius:5px;
	border: 2px solid var(--chat-me-border-color);
	padding:5px;
	margin-left:20px;
}

.conversationhistory .conversation-element-others {
	border-radius:5px;
	border: 2px solid var(--chat-others-border-color);
	padding:5px;
	margin-right:20px;
}

.AgAction {
	margin-right:3px;
}

.chatapplogo {
	height:var(--chat-app-logo-height);
	margin:2px 8px 2px 8px;
}

.chatappname {
	font-size:var(--chat-app-title-font-size);
}

#ChatTitle {
	margin-bottom:0px;
	font-size: var(--chat-title-font-size);
	font-weight:600;
}

#SeeAllChatsButton {
	font-size: var(--chat-title-font-size);
}