body {
  font-family: Arial, Helvetica, sans-serif;
}
.navbar {
  overflow: hidden;
  background-color: #007bff;
}
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.dropdown {
  float: left;
  overflow: hidden;
}
.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #4c97f6;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #249ee4;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a:hover {
  background-color: #4c97f6;
}
.dropdown:hover .dropdown-content {
  display: block;
}
table, th, td {
  border: 1px solid lightgray;
  padding:5px !important;
}
#fa fa-fw fa-search {
    width: 20em;  height: 1em;
}
body {
  font-family: Arial, Helvetica, sans-serif;
}
table, th, td {
  border: 1px solid lightgray;
  padding:5px !important;
}
#fa fa-fw fa-search {
    width: 20em;  height: 1em;
}
body {
  font-family: Arial, Helvetica, sans-serif;
}
#customers {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 200%;
}
#customers td, #customers th {
	border: 1px solid #ddd;
	overflow: hidden;
	padding: 3px;
}				
#customers tr:nth-child(even){background-color: #f2f2f2;}
#customers tr:hover {background-color: #ddd;}
#customers th {
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: left;
	background-color: #2493D7;
	color: white;
}
.footer {
	background-color:#2493D7;
	padding: 1px;
	text-align: center;
	color: white;  
}
td{
	cursor:pointer;
	background: -moz-linear-gradient(top, #ffffff, #D1E3E9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#D1E3E9));
	text-align:left;
}
td:hover{
	background: -moz-linear-gradient(top, #1589FF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#249ee4), to(#057cc0));
}
td:active{
	background: -moz-linear-gradient(top, #1589FF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#057cc0), to(#249ee4));
}
th:hover{
	background: -moz-linear-gradient(top, #1589FF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#249ee4), to(#057cc0));
}
th:active
{
	background: -moz-linear-gradient(top, 1589FF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#057cc0), to(#249ee4));
}
#result{
	font-weight:bold;
	font-size:8pt;
}
table {
  text-align: left;
  position: relative;
  border-collapse: collapse; 
}
th, td {
  padding: 0.25rem;
}
tr.red th {
  background: red;
  color: #1589FF;
}
tr.green th {
  background: green;
  color: #1589FF;
}
tr.purple th {
  background: #1589FF;
  color: #1589FF;
}
th {
 background: #1589FF;
  position: sticky;
  top: 0;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}
.row {
  margin-left: 20px;
  justify-content: center;
}
.row {
  width: 100%;  
  font-family: Tahoma;
}