body {
            font-family: 'Noto Sans Thai', sans-serif;
            background-color: #f0f2f5;
            color: #333;
        }
		
		.swal2-html-container {
			text-align: left !important;
		}

        /* 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 {
            @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;
        }
        /* 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;
        }