.form-group {
	margin-bottom: 25px;
}

/* Style for form controls (inputs, selects, textareas) */
.form-control,
.voidempo_taskc_status {
	width: 100%;
	padding: 11px 18px;
	font-size: 16px;
	border-radius: 6px;
	border: 1px solid #444;
	background-color: #fff !important;
	color: #333;
	box-sizing: border-box;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
	transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

/* Focus state with bold border color */
.form-control:focus,
.voidempo_taskc_status:focus {
	border-color: #007bff;
	box-shadow: 0 0 8px rgba(0, 123, 255, 0.3);
	outline: none;
}

/* Labels with strong contrast and clarity */
.control-label {
	font-weight: 600;
	color: #000;
	font-size: 16px;
	margin-bottom: 10px;
	display: block;
}

/* Textarea customization with vertical resize only */
.textarea_desc{
	resize: vertical;
	min-height: 140px;
}

/* Custom Select Box with arrow */
select.form-control,select.voidempo_taskc_status {
	background-color: #fff !important;
	background-image: url("data:image/svg+xml;utf8,<svg fill='%23007bff' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 20px;
	padding-right: 36px;
	appearance: none;
}

/* Subtle Hover Effect for Inputs */
.form-control:hover,
.voidempo_taskc_status:hover {
	border-color: #0056b3;
}

/* Ensuring max-width is unset */
.max-width_unset {
	max-width: 100% !important;
}

/* Responsive Layout for Wider Screens */
@media (min-width: 768px) {
	.vw-w {
		width: 60%;
	}
}
