#myInput {
  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 */
}

#codeTable {
  border-collapse: collapse; /* Collapse borders */
  width: 100%; /* Full-width */
  border: 1px solid #ddd; /* Add a grey border */
  font-size: 18px; /* Increase font-size */
}

#codeTable th, #codeTable td {
  text-align: left; /* Left-align text */
  padding: 12px; /* Add padding */
}

#codeTable tr {
  /* Add a bottom border to all table rows */
  border-bottom: 1px solid #ddd;
}

#codeTable tr.header, #codeTable tr:hover {
  /* Add a grey background color to the table header and on hover */
  background-color: #f1f1f1;
}
a.btn.btn-info.addNew {
    margin-bottom: 12px;
}
tr.tableHeadings th {
    font-size: 16px;
}
input.custom_code.ml-0.form-control {
    display: inline;
}
form.newGiftcard {
    padding-left: 0;
}
a.btn.btn-info.homeBtn {
    margin-bottom: 10px;
}
.newGiftcard button.btn.btn-primary {
    margin-top: 10px;
    float: right;
}
.newGiftcard label.form-label {
    font-size: 15px;
}
tbody tr {
    cursor: pointer;
}
td.note {
    font-size: 15px;
    width: 20%;
}