body {
  font-family: Arial, sans-serif;
  background-color: #000;
  color: white; /* Change all text color to white */
  padding: 20px;
  margin: 0;
}

.container {
  max-width: 600px; /* Maximum width of the container */
  margin: 0 auto; /* Center the container */
  padding: 20px; /* Padding inside the container */
  background-color: green; /* Background color */
  border-radius: 9px; /* Rounded corners */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Slight shadow for depth */
}

h1, h2 {
  color: #00gg01;
  text-align: center;
}

.info p, .signature p {
  margin: 10px 0;
}

input[type="text"],
input[type="date"],
input[type="time"],
textarea {
  color: white; /* Text input by the user is white */
}

input[type="text"],
input[type="date"],
input[type="time"] {
  width: 97%; /* Adjusted width to 97% */
  padding: 8px;
  border: none;
  border-radius: 5px;
  background: #222;
  color: white; /* User input text color is white */
  margin-top: 5px;
}

section {
  background: #111;
  border: 1px solid #00ff88;
  border-radius: 10px;
  padding: 15px;
  margin: 20px 0;
}

.task-list {
  list-style: none;
  padding-left: 0;
}

.task-list li {
  margin-bottom: 10px;
}

label {
  display: block;
  padding: 8px;
  background: #222;
  border-radius: 5px;
  cursor: pointer;
  color: white; /* Label text color set to white */
}

input[type="checkbox"] {
  margin-right: 10px;
}

.notes {
  font-style: italic;
  color: #888;
  margin-left: 20px;
}

.signature-line {
  border-bottom: 1px solid #00ff88;
  width: 100%;
  height: 30px;
  margin: 10px 0;
}

/* Make the note input sections wider */
textarea {
  width: 97%; /* Adjust the textarea width to 97% */
  padding: 10px;
  border-radius: 5px;
  background: #222;
  color: white; /* Text input by the user is white */
  margin-top: 5px;
  resize: vertical; /* Allow vertical resizing */
  height: 120px; /* Adjust the height for better visibility */
}

#unitLocationContainer {
  display: none;
}