/* Wrapper for the transfer app */
.transfer-app-wrapper {
  text-align: center;
  margin: 2em auto;
/*  max-width: 900px;*/
  font-family: Arial, sans-serif;
}

/* Form labels and layout */
.transfer-app-wrapper #form-fields {
  margin-bottom: 1em;
}

.transfer-app-wrapper .form-row.top-row {
	 display: grid;
	 grid-template-columns: 1fr 3fr;
	 gap: 20px;
	 margin-bottom: 1em;
}
 @media (max-width: 768px) {
	.transfer-app-wrapper .form-row.top-row {
		 display: block;
	}
	.transfer-app-wrapper .state-select {
		margin-bottom: 1em;
	}
}

.transfer-app-wrapper #form-fields label {
  display: block;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0.25em;
}

.transfer-app-wrapper #form-fields select {
  width: 100%;
  padding: 2px 4px;
  border: 1px solid black;
  border-radius: 4px;
  color: #757575;
  cursor: pointer;
  font-size: 1em;
  border: 1px solid #cccccc;
  padding: 8px 10px;
}

/* Table styling */
.transfer-app-wrapper #results {
  width: 100%;
  border-collapse: collapse;
  overflow-x: auto;
  margin-top: 1em;
}

.transfer-app-wrapper #results th,
.transfer-app-wrapper #results td {
  padding: 0.5em;
  border-bottom: 1px solid #e1e1e1;
}

.transfer-app-wrapper #results th {
  font-weight: bold;
  text-align: left;
}

/* Scrollbar styling (optional) */
.transfer-app-wrapper ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

.transfer-app-wrapper ::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.25);
}

.transfer-app-wrapper ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}

/* Divider styling */
.transfer-app-wrapper hr {
  margin: 2em 0;
  border-top: 1px solid black;
}

/* "No results" placeholder */
.transfer-app-wrapper #results tbody tr.no-result td {
  color: grey;
  font-style: italic;
}