﻿div[ML_PageControl_Key=EntityField_Container] [ML_PageControl_Type=DropDownList] {
	padding: 10px 5px 8px 5px;
	border-radius: 5px;
	font-size: 14px;
	width: 100%;
	height: 43px;
	transition: all 0.3s;
	color: var(--text) !important;
	border: 1px solid var(--content-color);
	outline: 1px solid var(--border-color);
	background-color: var(--trasparent);
}

	div[ML_PageControl_Key=EntityField_Container] [ML_PageControl_Type=DropDownList]:disabled {
		opacity: 1;
	}

[ML_PageContainer_Status=EDITING] div[ML_PageControl_Key=EntityField_Container] [ML_PageControl_Type=DropDownList] {
	outline: 1px solid var(--primary);
	padding-left: 8px;
	/*border-collapse: separate !important;*/
}

[ML_PageContainer_Status=EDITING] div[ML_PageControl_Key=EntityField_Container]:not([ML_PageControl_Attributes*=NotEditable]) [ML_PageControl_Type=DropDownList]:where(:focus, :hover) {
	border-color: var(--primary);
	outline-color: var(--primary);
}

	[ML_PageContainer_Status=EDITING] div[ML_PageControl_Key=EntityField_Container]:not([ML_PageControl_Attributes*=NotEditable]) [ML_PageControl_Type=DropDownList]:where(:focus, :hover) + span {
		/*color: var(--command-main-background-color);*/
		outline-color: var(--primary);
		cursor: text;
	}


[ML_PageContainer_Status=EDITING] div[ML_PageControl_Key=EntityField_Container] [ML_PageControl_Type=DropDownList] + span,
[ML_PageContainer_Status=READONLY] div[ML_PageControl_Key=EntityField_Container] [ML_PageControl_Type=DropDownList] + span {
	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%)
}

[ML_PageContainer_Status=EDITING] div[ML_PageControl_Key=EntityField_Container][ML_PageControl_Attributes*="|Mandatory|"] select,
[ML_PageContainer_Status=READONLY] div[ML_PageControl_Key=EntityField_Container][ML_PageControl_Attributes*="|Mandatory|"] select {
	border-left-width: 5px;
	border-right-width: 5px;
}

[ML_PageContainer_Status=EDITING] div[ML_PageControl_Key=EntityField_Container][ML_PageControl_Attributes*="|Mandatory|"] select {
	outline-color: var(--error) !important;
	border-color: var(--error) !important;
}

/*label dropdown filter list*/
div[ML_PageControl_Key=EntityField_Container] span[ML_PageControl_Key=Floating]:has( + select) {
	top: -4px !important;
	font-style: normal !important;
	left: 12px !important;
	font-size: 12px !important;
	background: linear-gradient(360deg, var(--trasparent) 44%, var(--content-color) 45%, var(--content-color) 56%, var(--trasparent) 57%)
}

[ML_PageContainer_Status=READONLY] div[ML_PageControl_Key=EntityField_Container] span[ml_pagecontrol_type=FloatingLabel]:has( + select) {
	color: var(--border-color);
}

[ML_PageContainer_Status=EDITING] div[ML_PageControl_Key=EntityField_Container] span[ml_pagecontrol_type=FloatingLabel]:has( + select) {
	color: var(--primary);
}
