/*********************************************************************
 *
 *	(C) 2020  GO PUB CACHING
 *
 ********************************************************************/
	
body, html { height: 100%; margin: 0; }

.bg {
	background:url(/img/sadteddy.jpg);
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover; 
}

#chatBox { background:rgb(61,95,21); justify-content: center; position: absolute; bottom: 38px; right: 20px; height: 720px; width:360px; border-radius:10px;padding:10px;display:none; }
#chatTitle { font-size:1.4em;color:white;width:100%;clear:both;padding:5px 10px 5px 10px; }
#chatFrame { font-size:1.4em;color:white;width:100%;height:100%;clear:both;background:rgb(31,65,01); }

#messageArea { height: 600px; overflow-y: scroll; }

#busyText { color:white; display:none; }
#userText { z-index:99; height:40px; width:99%;
	position:fixed;bottom:0px;left:0;right:0;
	padding:3px;
	border:none;outline:none;
	color:#000000;font-weight:300;font-size:2em;line-height:1.6;
	background:rgba(250,250,250,0.9); }

.msg { clear:both;}
.tx { color:rgb(0,100,0);background:white;border-radius:8px; padding:8px; margin:3px; float:right; border-top-right-radius: 0px;}
.rx { color:rgb(0,100,0);background:white;border-radius:8px; padding:8px; margin:3px; float:left; border-top-left-radius: 0px;}
.time { color:#6a6a6a; font-size:0.8em;float:right;}
.chatimg { border:2px solid black; border-radius:4px; width:300px; }

label, input {
	position: relative;
	display: block;
	padding-right: 76px;
	width: 170px;
	box-sizing: border-box;
}

label::after {
	content: '.' attr(data-domain);
	position: absolute;
	top: 4px;
	left: 94px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	display: block;
	color: rgba(0, 0, 0, 0.6);
	font-weight: bold;
}
.svg {margin-right: 15px; vertical-align: middle;}
.container { display:block;height:666px;
}
.chatbody {
	background-image:url('img/circuit.svg');
	background-size:contain;
	background-repeat:no-repeat;

}
.chatStart { background: rgb(51, 51, 51) none repeat scroll 0% 0%; 
	display: flex; justify-content: center; 
	position: absolute; bottom: 38px; right: 20px; height: 60px; width: 60px; 
	border: 0px none; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px;
}