.form-row {
   display: flex;
   align-items: center;
   gap: 20px;
   /* spacing between dropdown and note */
   margin-bottom: 1rem;
 }

 .form-row label {
   width: 100px;
   margin-right: 1px;
   font-weight: bold;
   font-size: 14px;
 }

 .form-row select,
 .form-row input[type="text"] {
   width: 120px;
   padding: 4px 6px;
   font-size: 14px;
   border: 1px solid #ccc;
   border-radius: 4px;
   height: 30px;
 }

 #searchForm input[type="text"] {
   width: 400px;
   margin-right: 8px;
 }

 body {
   font-family: Arial, sans-serif;
 }

 .container {
   margin: 20px;
 }

 .search-results {
   margin-top: 20px;
 }

 table {
   border-collapse: collapse;
   width: 100%;
   table-layout: fixed;
   margin-top: 10px;
   font-size: 14px;
 }

 th,
 td {
   padding: 8px;
   border: 1px solid #ccc;
   word-wrap: break-word;
   white-space: normal;
 }

 th {
   background-color: #255d8b;
   color: white;
 }

 tr:nth-child(even) {
   background-color: #f2f2f2;
 }

 tr:nth-child(odd) {
   background-color: #ffffff;
 }

 td:nth-child(1),
 th:nth-child(1) {
   width: 300px
 }

 td:nth-child(2),
 th:nth-child(2) {
   width: 100px
 }

 td:nth-child(3),
 th:nth-child(3) {
   width: 100px;
   word-break: break-word;
   overflow-wrap: break-word;
   white-space: normal
 }

 a {
   color: #0056b3;
   text-decoration: none;
   cursor: pointer;
 }



 .search-row {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 10px;
 }

 .search-row label {
   min-width: 60px;
 }

 .form-row.horizontal-align {
   display: flex;
   align-items: center;
   gap: 1rem;
   flex-wrap: wrap;
   /* allows wrapping on small screens */
 }