table {
	border: 1px solid rgb(184, 238, 159);
  }
  th {
	font-weight: normal;
	color: #039;
	border-bottom: 1px dashed rgb(184, 238, 159);
	padding: 12px 17px;
  }
  td {
	color: #669;
	padding: 7px 17px;
  }
  tr:hover td {
	background: #daffcc;
  }
  * {
	box-sizing: border-box;
  }
  
  /* Style the search field */
  form.example input[type=text] {
	padding: 10px;
	font-size: 17px;
	border: 1px solid grey;
	float: left;
	width: 80%;
	background: #f1f1f1;
  }
  
  /* Style the submit button */
  form.example button {
	float: left;
	width: 20%;
	padding: 10px;
	background: #2196F3;
	color: white;
	font-size: 17px;
	border: 1px solid grey;
	border-left: none; /* Prevent double borders */
	cursor: pointer;
  }
  
  form.example button:hover {
	background: #0b7dda;
  }
  form.example submit{
	background: #0066A2;
	color: white;
	border-style: outset;
	border-color: #0066A2;
	height: 50px;
	width: 100px;
	font: bold15px arial,sans-serif;
	text-shadow: none;
	}
  /* Clear floats */
  form.example::after {
	content: "";
	clear: both;
	display: table;
  }