#myInput {
    background-image: url('/css/searchicon.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
  }

table {
    font-family: arial, sans-serif;
    font-size: larger;
    font-weight: bold;
    border-collapse: collapse;
    width: 100%; 
}

td {
    border: 1px solid #ec9811;
    text-align: left;
    padding: 8px; 
}

th {
    border: 1px solid #ec9811;
    text-align: left;
    padding: 8px; 
    background-color: #04f6de;
}


/*
tr:nth-child(even) {
    background-color: #dddddd;
    opacity: 0.5;
}
*/
tr:hover {background-color: #285bcb;
}

table.center {
    margin-left: auto; 
    margin-right: auto; 
}

.cap {
    padding: 15px;
    text-align: left;
}



.lrefr {
    text-decoration: none;
  }

.bg-diner {
    /* The image used */
    background-image: url("food2.jpg");
  
    /* Full height */
    height: 100%;
  
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }