.dialog-unread-cc {
		font-weight: bold;
		margin-left: 5px;
}

.chat-message {
    margin: 10px;
    color: #222;
    border-radius: 10px;
    display: inline-block;
    text-align: left;
    /*box-shadow: 3px 3px 12px 1px #bbb;*/
    /*box-shadow: 3px 3px 12px 1px #ddd;*/
    min-width: 300px;
    padding: 4px;
    max-width: 85%;
}

.chat-msg-header {
    border-bottom: 1px solid rgba(241, 242, 251, 0.49);
    padding: 4px 8px 2px 8px;
}

.chat-msg-header div {
		display: inline-block;
}

.chat-msg-time {
		float: right;
		font-size: x-small;
}

.chat-msg-body {
    padding: 8px;
}

.notmy-chat-message {
    /*background-color: #6ca8c9;*/
    background-color: #e0e0f9;
}

.my-chat-message {
    background-color: #f5e0f9;
}

#CHAT_MESSAGES {
    overflow-y: scroll;
    height: 100%;
    padding-left: 310px;
    border-top: 1px solid #c7cae4;
}

.chat-messages {
    overflow: visible;
    height: 430px;
}

.chat-dialogs {
		vertical-align: top;
		width: 300px;
		display: inline-block;
		background: #e8e9f5;
		height: 100%;
		float: left;
		border-right: none;
		overflow: hidden;
		overflow-y: scroll;
		direction: rtl;
		position: fixed;
		top: 0;
		left: 0;
		padding: 0;
		margin: 0;
		z-index: 3;
		border-right: 1px solid #dee0f1;
		border-top: 1px solid #c7cae4;
}

.chat-dialog {
    padding: 5px;
    height: auto;
    border-bottom: 1px #e8e9f3 solid;
    border-right: none;
    background-color: #f7f9ff;
    font-size: small;
    direction: ltr;
    height: 70px;
    display: flex;
    display: -webkit-flex;
    position: relative;
    /* white-space: nowrap; */
    overflow: hidden;
    font-weight: bolder;
    position: relative;
}

.chat-dialog>span {
    margin: auto;
		overflow: hidden;
		text-align: center;
}

.chat-dialog-selected a:hover {
		text-decoration: underline;
}

.chat-dialog:hover {
    /*background-color: #c4ebec;*/
    /*cursor: pointer;*/
    cursor: default;
}

.chat-dialog:hover, .chat-dialog-selected {
    background-color: white;
    background: #e0e0f9;
    cursor: pointer;
    z-index: 10;
    border-bottom: 1px solid #d5d5ef;
}

.dialog-subject {
    font-weight: normal;
    font-size: small;
    font-style: italic;
    white-space: normal;
}

.chat-page .t-Dialog-body {
	padding:0;
}
.chat-page .t-Region .t-Region-body {
	padding:0
}

.chat-textarea{
    position: fixed;
    width: 100%;
    padding: 10px 10px 10px 310px;
    bottom: 0;
    background: #d9dbec;
    z-index: 2;
    height: 77px;
    box-shadow: 0 0 3px rgba(13, 18, 62, 0.35);
}
.chat-textarea .t-Form-labelContainer {
    display:none;
}
.chat-textarea .t-Form-fieldContainer--stretchInputs .apex-item-text {
	height: 45px;
	margin-left:10px;
	border-radius:65px;
	margin-top: 5px;
	border-apx border: solid;
}
.chat-textarea .a-Button {
	position:absolute;
	z-index:4;
	right:10px;
	top:8px;
	height:40px;
	width:40px;
	border-radius:50%;
}