.chatpane {
	box-sizing: border-box;
	/*border: 2px solid black;*/
	min-width: 320px;
	/* nexus 5 this fits in landscape */
	min-height: 270px;
	position: relative;
	border-top: 1px solid lightgrey;
}

.roomname {
	box-sizing: border-box;

	/*border: 1px solid blue;*/
	font-weight: bold;
	height: 2rem;

	padding: .2rem;
	font-size: larger;
	text-align: center;
	background-color: #492f57;
	color: white;
	border-bottom: 2px solid black;
}

.chatlines_container {
	box-sizing: border-box;
	/*border: 2px solid pink;*/
	height: calc(100% - 5rem);
	/*top: 2rem;*/
	width: 100%;
	position: absolute;
}

.chatlines {
	box-sizing: border-box;
	width: calc(100% - 7rem);
	height: 100%;
	overflow: auto;
}

.chatuser {
	box-sizing: border-box;
	/*border: 1px solid green;*/
	padding: .2em;
	background-color: #edfffe;
	border-bottom: 1px dashed grey;
}

.user_list {
	box-sizing: border-box;
	/*border: 2px solid orange;*/
	border-left: 1px solid black;
	width: 7rem;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	overflow: auto;
}

.chatinput_container {
	box-sizing: border-box;
	height: 2rem;
	/*border: 1px solid red;*/
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.chat_input {
	box-sizing: border-box;
	/*border-top: 2px solid black;*/
	position: absolute;
	left: 0;
	/*right: 30px;*/
	top: 0;
	bottom: 0;
	width: calc(100% - 14rem);
	padding: .2rem;
}

.chat_inputsend_button {
	box-sizing: border-box;
	position: absolute;
	left: calc(100% - 14rem);
	height: 100%;
	bottom: 0;
	width: 7rem;
}

#chat_play_button {
	box-sizing: border-box;
	position: absolute;
	left: calc(100% - 6rem);
	height: 100%;
	bottom: 0;
	width: 6rem;
	background-color: #0d6efd;
	border-color: #0d6efd;
	color: white;
	border-radius: .25rem;
}

.chatline {
	box-sizing: border-box;
	border-bottom: 1px dashed lightgrey;
	background-color: white;
	padding: 3px;
}

.chatstriped {
	background-color: lightgrey;
}

.chat_user_name {
	box-sizing: border-box;
	font-weight: bold;
}

.myuser {
	font-weight: bold;
	background-color: lightblue;
}

.myuser_chat {
	background-color: lightblue;
}

.away {
	font-style: italic;
	color: lightgrey;
}

.chatpane_container {
	min-width: 320px;
	display: inline-block;
	padding: 0;
	font-size: 90%;
}

.lobby_dialog {
	background-color: red;
}

/*.lobby_dialog {*/
	/*padding: 0;*/
	/*font-size: 100%;*/
	/*box-shadow: 10px 10px 5px #888888;*/
/*}*/

/*.chatpane_container .ui-dialog .ui-dialog-content {*/
/*padding: 0;*/
/*}*/

/*.chatpane_container .ui-widget {*/
/*font-size: 100%;*/
/*}*/

/*.chatpane_container .ui-dialog {*/
/*box-shadow: 10px 10px 5px #888888;*/
/*padding: 0;*/
/*}*/