.claim-button {
	font-family: 'Arial', sans serif;
	font-size: 14px;
	color: #333333; /* Sets the text color */
	border: 1px solid #000000;  
	margin: 2px;
	border-radius: 6px;	

}

.form-grid60 {
	display: grid;
	/* Creates two columns: one for labels, one for inputs */
	grid-template-columns: 60px 1fr;
	gap: 7px; /* Adds spacing between rows and columns */
	align-items: center; /* Vertically centers content in the grid cells */
}

.form-grid80 {
	display: grid;
	/* Creates two columns: one for labels, one for inputs */
	grid-template-columns: 80px 1fr;
	gap: 10px; /* Adds spacing between rows and columns */
	align-items: center; /* Vertically centers content in the grid cells */
	width: auto;
	font-family: 'Arial', sans serif;
	font-size: 14px;
	color: #333333; /* Sets the text color */		
}

/* For the textarea specifically, you might want the label to align to the top */
.form-grid60 textarea {
	/* Optional: override the align-items center for textareas */
	align-self: start;
}		

.form-grid80 textarea {
	/* Optional: override the align-items center for textareas */
	align-self: start;
	width: auto;
}		

fieldset {
	margin: 20px 50px 10px 0 px;
	margin: 5px 0px;
	justify-self: start;
	width: auto;
	min-width:  auto;
/* 			max-width: 300;	 */
	font-family: 'Arial', sans serif;
	font-size: 14px;
	color: #333333; /* Sets the text color */
	border-radius: 8px;	
	}

legend{
	font-family: 'Arial', sans serif;
	font-size: 14px;
}

text, input {
	font-family: 'Arial', sans serif;
	font-size: 12px;
	color: #333333; Sets the text color
	border: 2px solid #000000; 
	justify-self: start;
  }

textarea {
	display: inline-block;
	vertical-align:top; /* Aligns the top of the label with the top of the textarea */
	font-family: 'Arial', sans serif;
	font-size: 14px;
	color: #333333; /* Sets the text color */		
	}
			
.helpText {
	font-size: 24px;		
}
label {
	display: inline-block;
	vertical-align:top; /* Aligns the top of the label with the top of the textarea */
	font-family: 'Arial', sans serif;
	font-size: 14px;
	color: #333333; /* Sets the text color */		
	}
.details {
	width: 75px;
	display: block;}
	
label, input {
	width:auto;
}

.form_1{
margin: 5px 25px 25px 0px;
border-radius: 8px;
}
.popup-overlay {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgba(0,0,0,0.4); /* Black background with opacity */
}

.popup-content {
  background-color: #fefefe;
/* 		  margin: 5% auto; /* 5% from the top and centered */ */
  margin: 15% 15%; /* 5% from the top and left */
  padding: 10px;
  border: 1px solid #888;
/* 		  width: 450px; /* Could be more or less, depending on screen size */ */
/* 		  width: 390px; /* Could be more or less, depending on screen size */ */
  width: auto;
  max-width: 80%;
  position: relative;
  top: 25px;
  left: 25px;
}
.helpText {
	font-size: 24px;		
}

.close-button {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close-button:hover,
.close-button:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}	
.text-btn {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 16px; Match surrounding text  cursor: pointer;
  color: #007bff; Example link color}

text-btn:hover {
  background-color: #eee; Light grey background on hover  color: #0056b3; Darker color on hover
  }
.construction-grid {
	display: grid; 
	grid-template-columns: 1fr 2fr;
	margin:0px 50px;
	justify-items: center;
	border: 1px solid #000000;
}