.mat-form-field {
	width: 100%;
	margin-top: 8px;

	.mat-select {
		font-size: 1rem;
		color: #333;
	}

	.mat-select-placeholder {
		color: #aaa;
	}

	.mat-option-text {
		color: #333;
	}
}

.card-content {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	align-items: center;
	// gap: 16px;
	// padding: 20px;
}

.item-option {
	text-align: center;
	flex: 0 31%;
	height: 100px;
	// margin-bottom: 1%; /* (100-32*3)/2 */
}

.item-option + .item-option {
	margin-left: 2%;
}

$radius2: 50%;
$height2: 35px;

#round-input[type='color'] {
	display: inline-flex;
	vertical-align: bottom;
	border: 1px solid #c5c5c5;
	border-radius: $radius2;
	padding: 0;
	height: $height2;
	width: 35px;
	cursor: pointer;

	&::-webkit-color-swatch-wrapper {
		padding: 0;
	}

	&::-webkit-color-swatch {
		border: 0;
		border-radius: $radius2 $radius2 0 0;
	}

	&::-moz-color-swatch {
		border: 0;
		border-radius: $radius2 $radius2 0 0;
	}
}

.disabled-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000000;
	text-align: center;
	border-radius: inherit;
}

.disabled-overlay p {
	margin: 0;
	padding: 25px;
	background-color: #ffffff;
	align-content: center;
	height: 30%;
	width: 100%;
}
