#chat_content {
	max-height: 500px;
	overflow-y: auto;
}

.chat-table {
}

.chat-row {
	background-color: #f2f2f2;
}

.chat-row.own {
	background-color: #f5fff0;
}

.chat-cell {
	border-bottom: 0 !important;
}

.chat-cell.content {
	width: 90%;
	font-size: 15px;
}

.chat-cell.nick {
	width: 10%;
}

.chat-cell-name {
	font-weight: bold;
	display: inline-block;
}

.chat-content-time {
	font-size: 13px;
	display: inline-block;
	float: right;
}

.chat-navbar-icon {
	float: right;
	display: block;
	margin: 7px 3px 7px;
	padding: 3px 0;
	position: relative;
	cursor: pointer;
	font-size: 20px;
}

.chat-navbar-icon-badge {
	position: absolute;
	top: 8px;
	right: -1px;
	width: 8px;
	display: block;
	background-color: red;
	height: 8px;
	border-radius: 4px;
	display: none;
}
.chat-navbar-icon-badge.show {
	display: block;
}

.chat-nick-circle {
	width: 42px;
	height: 42px;
	padding: 15px;
	border-radius: 21px;
	background-color: #ddd;
	text-align: center;
	padding-top: 9px;
}

.chat-cell-info-container {
	margin-bottom: 7px;
}

.chat-load-previous {
	text-align: center;
	padding: 5px 0 15px;
	cursor: pointer;
}