body{
		width:100%;
	color: #333;
	}

	/* Dibawah adl. style untuk textbox dan select (JUL 2022) */
	.form-group {
		position: relative;
		/* width: 25em; */
		width: 80%;
		height: fit-content;
		margin-top: 20px;
		margin-bottom: 1.5em;
		display: inline-block;
		border: 0;
		border-bottom: 1px;
		background-color: white;
		padding: 1px 1px;
		box-sizing: border-box;
	}

	.error{
		background-color: lightcoral !important;
		/* opacity: 1;
		z-index: 5; harus lebih besar dr 10 agar tidak berbayang */
	}

	.form-label {
		position: absolute;
		left: 2px;
		top: 7px;
		color: #999;
		background-color: transparent;
		z-index: 10;
		cursor: text;
		transition: transform 150ms ease-out, font-size 150ms ease-out;
	}

	.focused .form-label {
		transform: translateY(-125%);
		font-size: 0.9em;
		color: brown;
	}

	.form-input {
		position: relative;
		padding: 5px 0px 5px 8px;
		width: 100%;
		height: 100%;
		border: none;
		border-bottom: 1px solid #ccc;
		outline: 0;
		background-color: #ffffff;
		/* box-shadow: 0 0px 0 0 #e5e5e5;
		transition: box-shadow 150ms ease-out; */
	}

	.form-input:focus {
		box-shadow: 0 2px 0 0 blue;
	}

	.form-select {
		position: relative;
		padding: 0px 0px 0px 0px;
		left: 0px;
		top: 0px;
		width: 100%;
		margin-top: 0px;
		border: none;
		/* border-bottom: 1px solid #ccc; */
		outline: 0;
		/* box-shadow: 0 0px 0 0 #e5e5e5; */
		/* transition: box-shadow 150ms ease-out; */
	}

	.form-label-select {
		position: absolute;
		left: 0;
		top: 5px;
		color: brown;
		background-color: transparent;
		z-index: 10;
		/* transition: transform 150ms ease-out, font-size 150ms ease-out; */
		transform: translateY(-125%);
		font-size: .9em;
	}

	.form-label-radio {
		position: absolute;
		left: 0;
		top: 5px;
		color: brown;
		background-color: transparent;
		z-index: 10;
		/* transition: transform 150ms ease-out, font-size 150ms ease-out; */
		transform: translateY(-125%);
		font-size: .9em;
	}

	/* .form-input.filled,
	.form-select.filled{
		box-shadow: 0 2px 0 0 lightgreen;
	} */