﻿
[ml_pagecontrol_key=FORMS_Container] {
	display: grid;
	position: fixed;
	z-index: 11;
	right: 0%;
	top: 0%;
	height: 100%;
	width: 100%;
	max-width: 100%;
	box-shadow: -40px 0px 50px 0px rgba(0, 0, 0, 0.1);
	grid-template-columns: 1fr minmax(750px, 60%);
	grid-template-areas: "FormsListContainer_Space FormsListContainer_Content";
}

	[ml_pagecontrol_key=FORMS_Container] [ml_pagecontrol_wrapperkey="FORMS_List_Container"] {
		grid-area: FormsListContainer_Content;
		position: fixed;
		top: 0px;
		z-index: 12;
		background-color: var(--content-color);
		box-shadow: -40px 0px 50px 0px rgba(0, 0, 0, 0.1);
		height: 100%;
		min-width: 60%;
		max-width: 1000px;
		/*		transform: translateX(30px);
		transition: all 0.8s ease-in-out;*/
		animation: 0.3s linear translateFromRight;
	}

@keyframes translateFromRight {
	from {
		transform: translateX(1500px);
	}

	to {
		transform: translateX(0px);
	}
}

[ML_PageControl_Key=BackgroundSpace] {
	position: fixed;
	width: 100vw;
	height: 100dvh;
	background-color: var(--background-100);
	grid-area: RightContainer_Space;
	opacity: 0.8;
	cursor: pointer;
	z-index: 12;
}

/******************************************		SETTINGS	******************************************/

.Card_Matrioska {
	display: flex;
	justify-content: center;
	gap: 20px;
	padding: 10px;
	align-items: center;
	height: 100%;
}

	.Card_Matrioska .Card {
		height: 100%;
	}

		.Card_Matrioska .Card[ML_PageControl_WrapperKey="SETTINGS_SYNC_MAIL_Active_MailChimp_Card"] .Card_Body,
		.Card_Matrioska .Card[ML_PageControl_WrapperKey="SETTINGS_SYNC_MAIL_Active_MailUp_Card"] .Card_Body {
			height: 100px;
			width: 150px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}


/******************************************		STRUCTURE	******************************************/
/* Comandi in alto a destra per salvare */
[ml_pagecontrol_wrapperkey=COMMAND_MIDDLE_FORM] {
	width: 100%;
	display: flex;
	align-items: center;
	height: 100%;
	flex-wrap: nowrap;
	margin-right: 20px;
	gap: 10px;
}


[ml_pagecontrol_wrapperkey=FORMS_STRUCTURE_Container] {
	height: 100svh;
	padding: 10px;
}

	[ml_pagecontrol_wrapperkey=FORMS_STRUCTURE_Container] [ml_pagecontrol_type="CONTENT"] {
		display: flex;
		height: 100%;
		gap: 3px;
	}

[ml_pagecontrol_key=Preview_Container] {
	width: 70%;
	min-width: 45%;
	max-width: 80%;
	height: 100%;
	padding: 10px;
}

	[ml_pagecontrol_key=Preview_Container] [ml_pagecontrol_key=FormFields] {
		display: grid;
		gap: 10px;
		grid-template-columns: repeat(2, 1fr);
		padding: 10px;
	}

[ml_cookieman_form_type] {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, 1fr);
}

	[ml_cookieman_form_type]:hover [ml_cookieman_form_key*=StructureActions_] {
		display: flex;
	}

[ml_cookieman_form_key=StructureActions_CopyMe], [ml_cookieman_form_key="StructureActions_DeleteMe"] {
	display: none;
}


[ml_pagecontrol_key=StructureFormGrid] {
	display: grid;
	grid-template-rows: 30px 1fr;
	gap: 10px;
	overflow-y: auto;
	justify-items: center;
	padding-right: 5px;
}

[ml_pagecontrol_key=StructureFormGrid_Outer] {
	display: grid;
	column-gap: 10px;
	grid-template-columns: 1fr 1fr;
	/*justify-items: center;*/
	width: 100%;
	justify-items: stretch;
}

[ml_pagecontrol_key=StructureFormGrid_Inner] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1px;
	gap: 10px;
	width: 100%;
	/*overflow-y: auto;*/
	scrollbar-width: thin;
	/*padding-bottom: 100px;*/
}

/*[ml_pagecontrol_key=StructureFormGrid_Inner] {
	display: grid;
	grid-template-areas: "a b";
	gap: 10px;
	width: 100%;
	overflow-y: auto;
	scrollbar-width: thin;*/
/*padding-bottom: 100px;*/
/*}*/

[ML_CookieMan_Form_Key=StructureFieldContainer] {
	padding: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	border-radius: 10px;
}

	[ML_CookieMan_Form_Key=StructureFieldContainer]:not(filledByDraggable) {
		box-shadow: inset 9.91px 9.91px 15px var(--background-300), inset -9.91px -9.91px 15px var(--background-100);
	}

	[ML_CookieMan_Form_Key=StructureFieldContainer].filledByDraggable:hover {
		cursor: pointer;
		box-shadow: inset 9.91px 9.91px 15px var(--background-500), inset -9.91px -9.91px 15px var(--background-200);
	}

	[ML_CookieMan_Form_Key=StructureFieldContainer].filledByDraggable [ML_CookieMan_Form_FieldType_Key] {
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
		background-color: var(--content-color);
		border-radius: 6px;
		padding: 3px;
		display: flex;
		gap: 3px;
	}

		[ML_CookieMan_Form_Key=StructureFieldContainer].filledByDraggable [ML_CookieMan_Form_FieldType_Key].labelUp {
			flex-direction: column;
			align-items: flex-start;
			justify-content: center;
		}

		[ML_CookieMan_Form_Key=StructureFieldContainer].filledByDraggable [ML_CookieMan_Form_FieldType_Key].labelLeft {
			flex-direction: row;
			align-items: center;
			justify-content: flex-end;
		}

		[ML_CookieMan_Form_Key=StructureFieldContainer].filledByDraggable [ML_CookieMan_Form_FieldType_Key].fieldselected {
			background-color: var(--primary-100);
		}

	[ML_CookieMan_Form_Key=StructureFieldContainer] [ML_CookieMan_Form_FieldType_Key] {
		/*border: 1px solid gray;*/
		width: 100%;
		height: 100%;
		user-select: none;
	}

.draggable {
	cursor: move;
}

	.draggable.dragging {
		opacity: .5;
	}

[ML_PageControl_Key="FormFields_TrashBin"] {
	display: none;
	background-color: var(--error);
	width: 40px;
	height: 40px;
	position: fixed;
	top: 90%;
	left: 39%;
	z-index: 2;
	border-radius: 100%;
}

	[ML_PageControl_Key="FormFields_TrashBin"].visible {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	[ML_PageControl_Key="FormFields_TrashBin"] span {
		font-size: 20px;
		color: var(--secondary-50);
	}

[ML_PageControl_Key=DropPulsingIcon] {
	display: none;
}

	[ML_PageControl_Key=DropPulsingIcon].visible {
		display: block;
	}

[ml_pagecontrol_key="StructureDragBar"] {
	display: flex;
	align-items: center;
	width: 0.3%;
}

	[ml_pagecontrol_key="StructureDragBar"] div {
		height: 30%;
		background-color: var(--background-300);
		width: 100%;
		border-radius: 999px;
		cursor: e-resize;
	}


[ML_PageControl_Key=Preview_Settings] {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	gap: 3px;
	width: 30%;
	min-width: 20%;
	max-width: 55%;
	height: 100%;
	background: var(--background-50);
	box-shadow: inset 9.91px 9.91px 15px var(--background-300), inset -9.91px -9.91px 15px var(--background-100);
	border-radius: 8px;
	padding: 15px;
}

	[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Top] {
		border-radius: 8px;
		/*background-color: var(--content-color);*/
		width: 100%;
		padding: 1px;
	}

	[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Top_Inner] {
		border-radius: 8px;
		width: 100%;
		display: flex;
		justify-content: space-around;
		padding: 2px;
		flex-wrap: wrap;
		gap: 3px;
	}

	[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid] {
		display: none;
		flex-direction: column;
		border-radius: 8px;
		/*background-color: var(--content-color);*/
		width: 100%;
		padding: 1px;
		height: 100%;
	}

		[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid] [ml_pagecontrol_type=CONTENT_CONTAINER] {
			height: 100%;
		}

			[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid] [ml_pagecontrol_type=CONTENT_CONTAINER] [ml_pagecontrol_key=FORMTABLE_Container] {
				/*height: calc(100% - 36px);*/
				height: 100%;
				overflow: hidden;
			}

	[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner] {
		border-radius: 8px;
		width: 100%;
		overflow-y: auto;
		display: flex;
		flex-direction: column;
		padding: 3px;
		gap: 5px;
	}

		[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner] [ml_pagecontainer_type=EntityFields_ContainerGroup] {
			box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
			background-color: var(--content-color);
			border-radius: 10px;
		}

		[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner] [ml_pagecontrol_key=EntityField_Container] {
			background-color: var(--content-color);
			border-radius: 10px;
		}


/******************************************		FIELDS 				******************************************/

/*[ML_PageControl_StructureKey=background-image] {
	position: relative;
}

[ml_cookieman_form_fieldtype_key=Label] [ML_PageControl_StructureKey=background-image]:before {
	content: "\f075";
	font-family: FontAwesome;
	position: absolute;
	top: -47px;
	font-size: 90px;
	left: 10px;
	color: var(--primary-200);
}*/

/*[ml_cookieman_form_key] [ml_cookieman_form_fieldtype_key] span[ml_pagecontrol_structurekey] {
	position: relative;
	z-index: 5;
}*/

[ml_cookieman_form_key=StructureFieldContainer] [ml_cookieman_form_fieldtype_key=Label] [ml_pagecontrol_structurekey=FieldDescription]:has(> span[ml_pagecontrol_structurekey=span]) {
	max-height: 60px;
	overflow: auto;
}

[ml_cookieman_form_key=StructureFieldContainer].doubleVertField [ml_cookieman_form_fieldtype_key=Label] [ml_pagecontrol_structurekey=FieldDescription]:has(> span[ml_pagecontrol_structurekey=span]) {
	max-height: 170px;
	overflow: auto;
}

[ml_cookieman_form_key=StructureFieldContainer] [ml_cookieman_form_fieldtype_key=TextArea] div:has(> [ml_pagecontrol_structurekey=FieldPlaceholder]),
[ml_cookieman_form_key=StructureFieldContainer] [ml_cookieman_form_fieldtype_key=TextBox] div:has(> [ml_pagecontrol_structurekey=FieldPlaceholder]) {
	width: 100%;
}

	[ml_cookieman_form_key=StructureFieldContainer] [ml_cookieman_form_fieldtype_key=TextArea] div:has(> [ml_pagecontrol_structurekey=FieldPlaceholder]) [ml_pagecontrol_structurekey=input],
	[ml_cookieman_form_key=StructureFieldContainer] [ml_cookieman_form_fieldtype_key=TextBox] div:has(> [ml_pagecontrol_structurekey=FieldPlaceholder]) [ml_pagecontrol_structurekey=input] {
		width: 100%;
	}

[ml_cookieman_form_key=StructureFieldContainer] [ML_PageControl_StructureKey=FieldCheckBox] {
	display: flex;
	align-items: center;
	gap: 3px;
}

	[ml_cookieman_form_key=StructureFieldContainer] [ML_PageControl_StructureKey=FieldCheckBox] [type=checkbox] {
		margin-right: 3px;
	}

/* Combo List */
[ml_cookieman_form_key=StructureFieldContainer].doubleVertField [ml_pagecontrol_structurekey=FieldComboList] {
	display: flex;
	gap: 5px;
	max-height: 170px;
	overflow: auto;
	flex-wrap: wrap;
	width: 100%;
}

[ml_cookieman_form_key=StructureFieldContainer] [ml_pagecontrol_structurekey=FieldComboList] {
	display: flex;
	gap: 5px;
	max-height: 60px;
	overflow: auto;
	width: 100%;
}

	[ml_cookieman_form_key=StructureFieldContainer] [ml_pagecontrol_structurekey=FieldComboList] [ml_pagecontrol_structurekey=FieldComboItem] {
		display: flex;
		gap: 3px;
		padding: 3px;
	}



/******************************************		FIELDS SETTINGS		******************************************/
[ml_cookieman_form_fieldtype_key] {
}

	[ml_cookieman_form_fieldtype_key] [ml_pagecontrol_structurekey=FieldLabel] input {
		width: 50%;
	}

	[ml_cookieman_form_fieldtype_key] [ml_pagecontrol_structurekey=FieldPlaceholder] {
		width: 100%;
		height: 100%;
	}

		[ml_cookieman_form_fieldtype_key] [ml_pagecontrol_structurekey=FieldPlaceholder] textarea {
			width: 100%;
			height: 100%;
		}

[ml_pagecontrol_key=FormCheckBtns_checkbox] input[type="checkbox"] {
outline: unset !important;
}


[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Label [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormColumnName]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Label [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormPlaceholder]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Label [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormCheckText]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Label [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormCheckTextStart]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Label [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormCheckTextEnd]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Label [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormMandatory]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Label [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormFieldType]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Label [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormValidatorMessage]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Label [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_key=FormCheckBtns]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Label [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormRadioBtns]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Label [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormVisibleToUser]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Label [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormHeightToSpace]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Label [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormUploadAttachment]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Label [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormUploadMaxSize]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Label [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormQueryString]) {
	display: none;
}

[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormKey]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormCheckText]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormCheckTextStart]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormCheckTextEnd]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormDescription]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_key=FormCheckBtns]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormRadioBtns]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormVisibleToUser]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormHeightToSpace]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormUploadAttachment]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormUploadMaxSize]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormQueryString]) {
	display: none;
}


[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextArea [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormKey]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextArea [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormCheckText]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextArea [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormCheckTextStart]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextArea [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormCheckTextEnd]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextArea [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormDescription]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextArea [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormFieldType]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextArea [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_key=FormCheckBtns]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextArea [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormRadioBtns]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextArea [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormVisibleToUser]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextArea [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormHeightToSpace]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextArea [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormUploadAttachment]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextArea [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormUploadMaxSize]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].TextArea [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormQueryString]) {
	display: none;
}


[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].CheckBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormKey]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].CheckBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_key=FormCheckBtns]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].CheckBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormFieldType]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].CheckBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormDescription]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].CheckBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormPlaceholder]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].CheckBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormRadioBtns]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].CheckBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormVisibleToUser]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].CheckBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormHeightToSpace]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].CheckBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormUploadAttachment]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].CheckBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormUploadMaxSize]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].CheckBox [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormQueryString]) {
	display: none;
}

[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Combo [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormKey]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Combo [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormCheckText]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Combo [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormCheckTextStart]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Combo [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormCheckTextEnd]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Combo [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormDescription]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Combo [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormFieldType]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Combo [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormPlaceholder]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Combo [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormRadioBtns]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Combo [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormVisibleToUser]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Combo [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormHeightToSpace]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Combo [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormUploadAttachment]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Combo [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormUploadMaxSize]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Combo [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormQueryString]) {
	display: none;
}

[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Buttons [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormFieldType]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Buttons [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormKey]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Buttons [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormMandatory]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Buttons [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormValidatorMessage]),
[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Mid_Inner].Buttons [ml_pagecontrol_key=EntityField_Container]:has(> [ml_pagecontrol_entityfield=FormClass]) {
	display: none;
}

[ML_PageControl_Key=Preview_Settings] [ML_PageControl_Key=Settings_Bot_Inner] {
	border-radius: 8px;
	width: 100%;
	display: flex;
	justify-content: space-around;
}


/******************************************		TOOLBAR		******************************************/
.ML_ToolBar {
	width: 50%;
	position: fixed;
	height: 50px;
	top: 90%;
	left: 19%;
	border-radius: 50px;
	background: var(--background-50);
	box-shadow: inset 9.91px 9.91px 15px var(--background-300), inset -9.91px -9.91px 15px var(--background-100);
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	/*gap: 12px;*/
}

	.ML_ToolBar [ML_PageControl_Key=ML_ToolBar_Item] {
		width: 40px;
		height: 40px;
		background-color: var(--accent-100);
		border-radius: 100%;
		border: 1px solid var(--primary-600);
		display: flex;
		justify-content: center;
		align-items: center;
		color: var(--primary);
		cursor: grab;
		font-size: 20px;
	}

/******************************************		LOCALIZATION LIST		******************************************/

:is([ML_PageControl_WrapperKey=LOCALIZATIONS_Container],[ML_PageControl_WrapperKey=LOCALIZATIONS_List]) .ML-FORMTABLE-Container {
	position: relative;
	overflow: hidden;
	padding: 12px;
	background-color: var(--content-color);
	border: 1px solid var(--border-color);
	border-radius: 16px;
	transition: all ease-in-out 0.2s;
}

[ML_PageControl_WrapperKey=LOCALIZATIONS_Container] .ListContent {
	max-height: 444px;
	overflow: auto;
}

[ML_PageControl_WrapperKey=LOCALIZATIONS_Container] .ListContent {
	min-width: 300px;
}

	[ML_PageControl_WrapperKey=LOCALIZATIONS_Container] .ListContent [ml_pagecontrol_key=tblFilters],
	[ML_PageControl_WrapperKey=RECORD_TEXTS_Card] [ML_PageControl_WrapperKey=RECORD_TEXT_STATUS_List] [ml_pagecontrol_key=tblFilters] {
		display: none;
	}

	[ML_PageControl_WrapperKey=LOCALIZATIONS_Container] .ListContent .ML-FORMTABLE-Container {
		padding-left: 90px;
		cursor: pointer;
		margin-block: 2px;
	}

		[ML_PageControl_WrapperKey=LOCALIZATIONS_Container] .ListContent .ML-FORMTABLE-Container:hover {
			transform: scale(1.05);
			opacity: 0.9;
		}

		[ML_PageControl_WrapperKey=LOCALIZATIONS_Container] .ListContent .ML-FORMTABLE-Container * {
			cursor: pointer;
		}

		[ML_PageControl_WrapperKey=LOCALIZATIONS_Container] .ListContent .ML-FORMTABLE-Container .Flag {
			position: absolute;
			height: 100%;
			top: 0px;
			left: 0;
		}

		[ML_PageControl_WrapperKey=LOCALIZATIONS_Container] .ListContent .ML-FORMTABLE-Container .Language {
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 5px;
		}
