﻿body.show-rightbar #chatarea {
	margin-top: 10px;
	display: block;
}

.CodeMirror {
	border: 1px solid #eee;
	height: auto;
}

.CodeMirror-scroll {
	min-height: 150px;
}


#directivearea {
	margin-top: 10px;
}

	#directivearea .chatuser {
		font-size: 18px;
		margin: 0 0px;
	}

	#directivearea .chathistory {
		bottom: 122px;
		top: 40px;
		height: auto;
		z-index: 999999999;
		overflow-y: auto;
		overflow-x: hidden;
	}

	#directivearea .chatinput {
		height: 100px;
		bottom: 10px;
	}

		#directivearea .chatinput textarea {
			border: 1px solid #d2d3d6;
			text-decoration: none;
			background-color: #fff;
			width: 100%;
			height: 62px;
			padding: 10px;
			resize: none;
		}

	#directivearea .chatmsg {
		text-align: right;
		position: relative;
		background: #edeef0;
		color: #1a1a1a;
		padding: 10px;
		margin: 10px 0 20px;
		border-radius: 1em;
	}

		#directivearea .chatmsg:after {
			content: "";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			top: 100%;
			right: 5%;
			border-top: 10px solid #edeef0;
			border-left: 15px solid transparent;
		}

		#directivearea .chatmsg p {
			margin: 0;
			font-size: 14px;
		}

		#directivearea .chatmsg span {
			padding-top: 5px;
			display: block;
			text-align: left;
			font-size: 12px;
			opacity: 0.3;
			filter: alpha(opacity=30);
		}

		#directivearea .chatmsg.sent {
			text-align: left;
			background: #4f8edc;
			color: #fff;
			position: relative;
		}

		#directivearea .chatmsg.sent a {
			text-align: left;
			background: #4f8edc;
			color: #fff;
			position: relative;
		}
			#directivearea .chatmsg.sent.error {
				text-align: left;
				background-color: coral;
				color: #fff;
				position: relative;
			}

				#directivearea .chatmsg.sent.error:after {
					left: 5%;
					right: auto;
					border-left: none;
					border-top: 10px solid coral;
					border-right: 15px solid transparent;
				}

			#directivearea .chatmsg.sent span {
				text-align: right;
			}

			#directivearea .chatmsg.sent:after {
				left: 5%;
				right: auto;
				border-left: none;
				border-top: 10px solid #4f8edc;
				border-right: 15px solid transparent;
			}
