.btn {
	display:	inline-block;
	width:		140px;
	height:		25px;
/*	background:	#4E9CAF; */
	padding:	10px;
	margin:		20px 3px 20px 3px;
	text-align:	center;
	border-radius:	5px;
	color:		white;
	font-weight:	bold;
	line-height:	25px;
}
.btns {
	display:	inline-block;
	width:		40px;
	height:		25px;
/*	background:	#4E9CAF; */
	padding:	10px;
	margin:		20px 3px 20px 3px;
	text-align:	center;
	border-radius:	5px;
	color:		white;
	font-weight:	bold;
	line-height:	25px;
}
.list {
	width:		100%;
	border-collapse:	collapse;
}
.list th:nth-of-type(odd) {
	background:	#80a0e0;
}
.list th {
	background:	#80c0f0;
	color:		white;
	font-weight:	bold;
}
.btn1	{	background-color: #4E9CAF; }
.btn2	{	background-color: #87ceff; }
.btnX	{	background-color: #884598; }
.sep	{	background-color: #80c0f0; }
.zaw0	{	background-color: #f2f2f2; }
.zaw1	{	background-color: #e0e0e0; }
.zaw2	{	background-color: #c2c2c2; }
.zaw3	{	background-color: #b0b0b0; }
.zaw4	{	background-color: #00ff00; }
.zaw5	{	background-color: #00ee00; }
.fail	{	background-color: #ff00ff; }
.err	{	background-color: #ff0000; }
.ok	{	background-color: #ffffff; }
.warn	{	background-color: #ffd900; }
.new	{	background-color: #00ff00; }
.nobr	{	white-space: nowrap; }

/* .list tr:nth-child(even) { */
/* 	background-color: #f2f2f2; */
/* } */
.list td, .list th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

#GRPsearch {
  width: calc(100% - 2em);
/*  font-size: 18px;*/
  padding: 11px;
  border: 1px solid #ddd;
}

/* Style the navigation menu */
#GRPmenu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* Style the navigation links */
#GRPmenu li a {
  padding: 2px;
  font-size: small;
  text-decoration: none;
  color: black;
  display: block
}

#GRPmenu li a:hover {
  background-color: #e0e0e0;
}

#USRsearch {
  width: calc(100% - 2em);
/*  font-size: 18px;*/
  padding: 11px;
  border: 1px solid #ddd;
}

/* Style the navigation menu */
#USRmenu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* Style the navigation links */
#USRmenu li a {
  padding: 2px;
  font-size: small;
  text-decoration: none;
  color: black;
  display: block
}

#USRmenu li a:hover {
  background-color: #e0e0e0;
}

nav ul{height: 5em; width:100%;}
nav ul{overflow:hidden; overflow-y:scroll;}

.state	{
	min-width:	9em;
	display:	inline-block;
	padding:	2px 8px 2px 8px;
	color:		black;
	text-align:	left;
}
.state a	{
	text-decoration:	none;
}
.state_ok	{
	background:	#00ff00;
}
.state_run	{
	background:	#f0f0f0;
}
.state_fail	{
	background:	#ffdd00;
}
.state_err	{
	background:	#ff0000;
}
.state_old	{
	background:	#00d0d0;
}
.chat_input	{
	width:	100%;
}
.chat_wrap_me	{
	float:	right;
	width:	90%;
}
.chat_div_me	{
	background:	#f0f0f0;
	border:		1px solid #000000;
	border-radius:	30px;
	padding:	10px;
	color:		#777777;
}
.chat_wrap_mach	{
	float:	left;
	width:	100%;
}
.chat_div_mach	{
	border:		0px solid #000000;
	padding:	10px;
	color:		#ff0000;
}
.chat_wrap_1	{
	float:	left;
	width:	90%;
}
.chat_div_1	{	/* zielony */
	background:	#c6ffbd;
	border:		1px solid #05a200;
	border-radius:	30px;
	padding:	10px;
	color:		#05a200;
}
.chat_wrap_2	{
	float:	left;
	width:	90%;
}
.chat_div_2	{	/* niebieski */
	background:	#f0f0ff;
	border:		1px solid #0000ff;
	border-radius:	30px;
	padding:	10px;
	color:		#0000ff;
}
.chat_wrap_3	{
	float:	left;
	width:	90%;
}
.chat_div_3	{	/* czerwony */
	background:	#fff0f0;
	border:		1px solid #ff0000;
	border-radius:	30px;
	padding:	10px;
	color:		#ff0000;
}
.chat_wrap_4	{
	float:	left;
	width:	90%;
}
.chat_div_4	{	/* żólto brązowy */
	background:	#ffff00;
	border:		1px solid #cb6000;
	border-radius:	30px;
	padding:	10px;
	color:		#cb6000;
}
.chat_wrap_5	{
	float:	left;
	width:	90%;
}
.chat_div_5	{	/* szmaragd */
	background:	#00f0f0;
	border:		1px solid #009090;
	border-radius:	30px;
	padding:	10px;
	color:		#009090;
}
.chat_wrap_6	{
	float:	left;
	width:	90%;
}
.chat_div_6	{	/* liliowy */
	background:	#ffc5ff;
	border:		1px solid #900090;
	border-radius:	30px;
	padding:	10px;
	color:		#900090;
}
.chat_wrap_7	{
	float:	left;
	width:	90%;
}
.chat_div_7	{	/* brązowy */
	background:	#e4ae78;
	border:		1px solid #a04000;
	border-radius:	30px;
	padding:	10px;
	color:		#a04000;
}
.chat_wrap_8	{
	float:	left;
	width:	90%;
}
.chat_div_8	{	/* różowy */
	background:	#ffe0e0;
	border:		1px solid #ff8080;
	border-radius:	30px;
	padding:	10px;
	color:		#ff8080;
}