.required {
	/*background: #F2FFF2;*/
	background: #f0fdf4;
}

.hr-with-text {
	display: flex;
	align-items: center;
	text-align: center;
	margin: 5px 0;
}

	.hr-with-text::before,
	.hr-with-text::after {
		content: "";
		flex: 1;
		border-bottom: 1px solid #000;
	}

	.hr-with-text:not(:empty)::before {
		margin-right: 10px;
	}

	.hr-with-text:not(:empty)::after {
		margin-left: 10px;
	}

.hr-with-shadow {
	display: flex;
	align-items: center;
	text-align: center;
	margin: 5px 0;
}

.hr-with-shadow::before,
.hr-with-shadow::after {
	content: "";
	flex: 1;
	border-bottom: 1px solid #000;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8); /* Drop shadow for the line */
}

.hr-with-shadow:not(:empty)::before {
	margin-right: 10px;
}

.hr-with-shadow:not(:empty)::after {
	margin-left: 10px;
}

/* Smooth slide-down animation */
.slide-down {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.35s ease;
}

.slide-down.open {
	max-height: 500px; /* adjust based on menu size */
}


.myscrollable {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	/*width: 650px;*/
	width: 90%;
	height: 150px;
	overflow-x: auto; /* Enables horizontal scrolling */
	overflow-y: hidden;
	border: 1px solid black;
	white-space: nowrap;
	padding: 5px;
	margin: 5px;
	background-color: AliceBlue;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 5px 5px #e0e0e0;
	-moz-box-shadow: inset 0px 5px 5px #e0e0e0;
	box-shadow: inset 0px 5px 5px #e0e0e0;
}

.image-container {
	position: relative;
	border: 1px solid black;
	width: 130px;
	height: 120px;
	min-width: 130px;
	/*   max-height: 120px;*/
	margin: 5px;
}

	.image-container input[type="checkbox"] {
		position: absolute;
		top: 10px; /* Adjust position */
		left: 10px; /* Adjust position */
	}

	.image-container img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		margin: 0;
		padding: 0;
	}