/*---------------- CheckBoxList ----------------*/

div[ML_PageControl_Key=EntityField_Container] .dropify-wrapper {
	width: 100%;
	padding-inline: 5px;
	margin-block: 0px;
	min-height: 43px;
	border-radius: 5px;
	transition: all 0.3s;
	border: 1px solid var(--content-color);
	outline: 1px solid var(--border-color);
	background-color: var(--trasparent);
}

[ML_PageContainer_Status=EDITING] .dropify-wrapper:where(:focus, :hover) {
	border-color: var(--primary);
	outline-color: var(--primary);
}

/*evidenzio la label dell'entity su hover e focus*/
[ML_PageContainer_Status=EDITING] div[ML_PageControl_Key=EntityField_Container]:not([ML_PageControl_Attributes*=NotEditable]) .dropify-wrapper:where(:focus, :hover) ~ span {
	color: var(--primary);
	outline-color: var(--primary);
	cursor: text;
}

/*[ML_PageContainer_Status=EDITING] div[ML_PageControl_Key=EntityField_Container][ML_PageControl_Attributes*=Mandatory] .dropify-wrapper:not(:has(input:checked)) {
	border-color: var(--error) !important;
	outline-color: var(--error) !important;
}*/

/*[ML_PageContainer_Status=EDITING] div[ML_PageControl_Key=EntityField_Container][ML_PageControl_Attributes*=Mandatory]:has([ML_PageControl_Type=CheckBoxList]) span:has(~[ML_PageControl_Type=RadioButtonList]:not(input:checked)) {
	color: var(--error) !important;
}*/

/*[ML_PageContainer_Status=EDITING] div[ML_PageControl_Key=EntityField_Container][ML_PageControl_Attributes*=Mandatory]:has([ML_PageControl_Type=CheckBoxList]) span:has(~[ML_PageControl_Type=RadioButtonList] input:checked) {
	color: var(--primary) !important;
}*/

div[ML_PageControl_Key=EntityField_Container] .dropify-wrapper ~ span:not([ML_PageControl_Key=Info]) {
	top: -4px !important;
	font-style: normal !important;
	left: 12px !important;
	font-size: 12px !important;
	color: var(--primary);
	background: linear-gradient(360deg, var(--trasparent) 44%, var(--content-color) 45%, var(--content-color) 56%, var(--trasparent) 57%)
}