@CHARSET "ISO-8859-1";

#chat-header {
	width: calc(100% - 1em);
	margin: 2ex 0 1ex 0;
}

#chat-history
{
	width: calc(100% - 2em);
	padding: 0.5ex 0.5em;
	margin: 1ex 0;
	border: 1px solid white;
	background-color: #B7D9D9;
	color: black;
	font-size: 11pt;
}

#chat-history img
{
	object-fit: contain;
	width: 100%;
	height: auto;
	max-width: 50vw;
	max-height: 50vh;
}

#chat-history a
{
	color: #24922a;
	font-style: normal;
}

textarea[name="chat-message"]
{
	font-size: 11pt;
	font-weight: normal;
	color-black;
	background-color: white;
}

.chat
{
	font-size: 11pt;
}

.chat h1
{
	font-size: 121%;
	font-weight: bold;
}

.chat h2
{
	font-size: 110%;
	font-weight: bold;
	margin-top: 2ex;
}

.chat p
{
	font-size: 100%;
	padding: 1ex 0;
}

#chat-history
{
	line-height: 150%;
}

#chat
{
	width: calc(100% - 2em);
	display: flex;
	flex-flow: row wrap;
}

#chat textarea
{
	flex-basis: 100%;
	height: 15pt;
	min-height: 15pt;
	min-width: 100%;
	max-width: 100%;
	margin-bottom: 1ex;
}

#chat input
{
	margin-bottom: 2ex;
}

#chat [name='chat-send'],
#chat [name='chat-send-image'],
#chat [name='chat-seller'],
#chat [name='chat-buyer']
{
	margin-right: 1em;
}

#chat [name='chat-seller'],
#chat [name='chat-buyer']
{
	border-radius: 0.75ex;
	background-color: #ffb;
}

#chat [name='chat-logout']
{
	margin-left: auto;
	position: relative;
	left: 0.55em;
}

#chat [name="chat-image"]
{
	display: none;
}

#chat-history .nick
{
	transition: all 0.3s;
	cursor: pointer;
}

#chat-history .nick:hover
{
	color: white;
	background-color: #82bdbe;
}

#chat-history .msg
{
	transition: all 0.5s;
	cursor: pointer;
}

#chat-history .msg:hover
{
	background-color: #d6eaea;
}

#chat-history .cite
{
	border: 1px solid black;
	background-color: #82bdbe;
	padding: 0.75ex 0.5em;
	margin: 0.5ex 0 0 1em;
	width: calc(100% - 3em);
	transition: all 1s;
}

#chat-history .cite .cite
{
	background-color: #9ccbcc;
}

#chat-history .cite .cite .cite
{
	background-color: #82bdbe;
}

#chat-history .cite em
{
	color: #454;
}

#chat-history .msg:hover .cite
{
	background-color: #E0F0F0;
}

@media only screen and (max-width: 960px)
{
	#chat-history img
	{
		max-width: 100%;
	}
}