@charset "utf-8";
/* CSS Document */
table {
	border-collapse: collapse;
	width: 100%;
}

th, td {
	text-align: left;
	padding: 8px;
border-bottom: 1px solid #ddd;
}

th {
background-color: #f2f2f2;
}

tr:hover {
background-color: #f5f5f5;
}

form {
width: 50%;
margin: 20px auto;
padding: 20px;
background-color: #f2f2f2;
border-radius: 5px;
/* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);*/
}

label {
display: block;
margin-bottom: 10px;
}

input[type="text"], input[type="checkbox"] {
display: block;
width: 100%;
padding: 10px;
/* margin-bottom: 20px; */
border-radius: 5px;
border: 1px solid #ccc;
}

input[type="submit"] {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}

input[type="submit"]:hover {
background-color: #3e8e41;
}

#search {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  width: 300px;
  margin-bottom: 10px;
}