/* stuff goes here */

table {
  border-collapse: collapse;
  /*margin-bottom: 20px;*/
}

td, th {
  padding: 5px;
  border: 1px solid #888;
}

tr:nth-child(even){background-color: #f2f2f2}

* {
  font-family: "Courier New", Courier, monospace;
}

#buttonForm:hover {
  background-color: #333;  
  color: #9d9d9d
}

#buttonForm:focus {
  background-color: #333;  
  color: #9d9d9d
}

.connection_row:hover, .search_row:hover {
  background-color: #e0e0e0;
}

#stream_viewer {
  font-family: monospace;
  white-space: pre;
  background-color: #ddd;
  border: 2px solid grey;
  box-shadow: 0px 0px 10px black;
  margin: 30px auto;
  padding: 10px;
  width: 800px;
}

.streamdata {
	padding: 1px 0px;
}

.streamdata.error {
	text-align: center;
	font-weight: bold;
}

.streamdata.send {
	color: red;
	background-color: pink;
}

.streamdata.recv {
	color: blue;
	background-color: lightblue;
}

.streamdata:hover {
	font-weight: bold;
        background-color: white;
}