#main-content {
/*    max-width: 940px;*/
/*    padding: 2em 3em; */
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#chatbox {
	/*width: 70%;*/
	height: 60vh;
	/* TODO: Change for within exam */
}

#messagebox {
	overflow-y: auto;
	height: 100%!important;
}

#send-message {
	width: inherit;
	padding-top: 5px;
}

#chat-scrolldown {
	position: relative;
	visibility: hidden;
	opacity: 0.5;
	bottom: 35px;
	left: 50%;
	border: 0;
}

#chat-scrolldown:hover {
	opacity: 1;
}

.disabled {
	cursor: not-allowed;
}

button.btn-chat-delete {
	float: right;
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
}

button.btn-chat-edit {
	float: right;
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
}

div.chatitem {
	border: 1px solid #dedede;
	bottom: 0;
	padding: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right: 20px;
	border-bottom-left-radius: 0;
}

div.own-message {
	background-color: #e6e6e6 !important;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 5px !important;
	margin-left: 20px !important;
	margin-right: 2px !important;
}

span.chat-time {
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	color: #777;
	font-size: smaller;
}

span.chat-username {
	font-size: smaller;
	color: #777;
}

span.chat-modmessage {
	color: green;
}

.chat-message {
	word-wrap: break-word;
	width: inherit;
	padding-top: 0px;
}

div.deleted-message > p {
	color: lightgray;
	font-style: italic;
}

div.deleted-message { }
div.edited-message { }
div.tagged-message {
	background-color: blanchedalmond;
}

.chat-statuslabel {
	color: #999;
}

.chat-newmessages {
	text-align: center;
	background-color: beige;
}

span.chat-edited-flair {
	padding-left: 5px;
	color: #999;
	transform: scale(0.5);
}

span.chat-readby {
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	color: #999;
}
 .error-popup {
 	color: red;
 	border-color: red;
 }
 
 
.message-input {
 	border: 1px solid #ccc;
   	border-radius: 9px;
  	font-family: inherit;
  	font-size: inherit;
  	padding: 5px;
  	display: block;
  	width: 100%;
  	overflow: auto;
  	resize: none;
  	min-height: 35px;
  	line-height: 20px;
 }
 
.message-input[contenteditable]:empty::before,
.message-input[readonly]:before {
  content: attr(data-content);
  color: gray;
}