* {
    box-sizing: border-box;
  }
  
  #machineInput {
    background-image: url('../images/a/searchicon.png');
    background-position: 10px 12px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
  }

  #machineUL {
    height: 500px;
    overflow-y: scroll;
  }
  
  #machineUL, #carUL, #truckUL, #vanUL, #minivanUL,
  #sanderUL, #bufferUL, #vacuumUL, #radiatorUL, #sawUL, #nailerUL {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

  #machineUL span, #carUL li span, #truckUL li span, #vanUL li span, #minivanUL li span,
  #sanderUL li span, #bufferUL li span, #vacuumUL li span, #radiatorUL li span, #sawUL li span, #nailerUL li span {
    border-top: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 12px;
    text-decoration: none;
    font-size: 18px;
    color: black;
    display: block;
  }

  #machineUL span.gray, #carUL li span.gray, #truckUL li span.gray, #vanUL li span.gray, #minivanUL li span.gray,
  #sanderUL li span.gray, #bufferUL li span.gray, #vacuumUL li span.gray, #radiatorUL li span.gray, 
  #sawUL li span.gray, #nailerUL li span.gray {
    color: #b8b6b6;
  }
  
  #machineUL li a {
    border: 1px solid #ddd;
    margin-top: -1px; /* Prevent double borders */
    background-color: #eee;
    padding: 12px;
    text-decoration: none;
    font-size: 18px;
    color: #282e62;
    display: block;
  }
  
  #machineUL li a:hover:not(.header) {
    background-color: #eee;
  }

  .gray {
    color: #b8b6b6;
  }

  .black {
    color: #000;
  }

  .yellow-rent {
    background-color: #fceead;
  }

  .yellow-rented {
    background-color: #f7f0d2;
  }

  .rental {
    padding: 10px;
    text-decoration: none;
  }