/* Floating label container */
.floating-label {
		position: relative;
	}
	
	/* Style for inputs and select dropdowns */
	.floating-label input,
	.floating-label select {
		width: 100%;
		padding: 16px 10px 6px 10px;
		border: 1px solid #ccc;
		border-radius: 4px;
		background: #fff;
		font-size: 16px;
	}
	
	/* Label styling */
	.floating-label.removing-label label {
		top: 25px;
		left: 15px;
		font-size: 16px;
		color: rgba(0, 0, 0, 0.5);
		transition: all 0.3s ease;
		opacity: 0;
	}
	
	/* Update the existing label transition */
	.floating-label label {
		position: absolute;
		left: 15px;
		top: 25px;
		color: rgb(0, 0, 0, 0.5) !important;
		background: white;
		font-size: 16px;
		pointer-events: none;
		transition: all 0.3s ease;
		padding: 0 5px;
		transform-origin: left top;
	}
	
	/* When input has value or is focused */
	.floating-label input:focus + label,
	.floating-label input:not(:placeholder-shown) + label,
	.floating-label select:focus + label,
	.floating-label select.filled + label {
		top: -6px;
		left: 6px;
		font-size: 12px;
		color: #333;
	}