body {
	font-family: 'Noto Sans Thai', sans-serif;
	background-color: #f0f2f5;
	color: #333;
}
/* Styles for form labels */
label {
	font-weight: 600;
	color: #4a5568;
	margin-bottom: 0.5rem;
	display: block;
}
/* Styles for form inputs */
input[type="text"], input[type="time"], input[type="date"], select, textarea {
	/* Changed border-gray-400 to border-gray-500 for even better visibility */
	@apply w-full p-3 border border-gray-500 rounded-lg shadow-sm focus:ring-blue-500 focus:border-blue-500 transition duration-150 ease-in-out;
	border: 2px solid #d9dbde;
	border-radius: 5px;
	padding: 5px;
}
input[type="text"]{
	width: 100%;
}
/* Styles for checkbox group title */
.checkbox-group-title {
	@apply font-bold text-gray-800 mb-2;
}
/* Styles for individual checkbox items */
.checkbox-item {
	@apply flex items-center mb-2;
}
/* Styles for Hamburger Menu icon (for mobile) */
.hamburger-menu span {
	display: block;
	width: 25px;
	height: 3px;
	background-color: #333;
	margin: 5px 0;
	transition: 0.4s;
}
/* Animation for Hamburger Menu when active */
.hamburger-menu.active span:nth-child(1) {
	transform: rotate(-45deg) translate(-5px, 6px);
}
.hamburger-menu.active span:nth-child(2) {
	opacity: 0;
}
.hamburger-menu.active span:nth-child(3) {
	transform: rotate(45deg) translate(-5px, -6px);
}
/* Adjust jQuery UI Datepicker z-index to appear above other elements */
.ui-datepicker {
	z-index: 1000 !important;
}