:root {
	--left_menu_open_width: 250px;
	--left_menu_close_width: 50px;
}


[ML_Style_Selector=Dark] {
	--background-color-body: #000;
	--background-color-site-main: #198c66;
	--background-color-site-secondary: #c3c3c3;
	--background-color-site-tertiary: #828282;
	--label-color-main: #e6e6e6;
	--label-color-submain: #e5e0e0;
	--label-color-command-main: white;
	--label-color-containerHeader: #f1f1f1;
	--main-color: #9A999A;
	--main-color-contrast: #121212;
	--main-color-contrast-high: #353535;
	--main-control-background: #1e1e1e;
	--main-control-lowlight: red;
	--main-control-highlight: #efecec;
	--main-control-mandatory: #A3EB85;
	--background-color-menu: #353535;
	--background-color-menu-top: #353535;
	--background-color-subpage: #3e3e42;
	--input-validator-error: #f76666;
	--background-color-container-active-header: #3E3E42;
	--background-color-container-active: #1E1E1E;
	--background-color-container-active-footer: #1E1E1E;
	--background-color-container-form-header: #3E3E42;
	--background-color-container-form: #1E1E1E;
	--background-color-container-form-editing: #d5d5d5;
	--background-color-container-generic-header: #E5E5E5;
	--background-color-container-generic: #353535;
	--background-color-container-input: white;
	--background-color-container-input-editing: #1e1e1e;
	--background-color-container-list: #1E1E1E;
	--background-color-container-list-hover: #565656;
	--background-color-container-list-selected: #828282;
	--border-color-container: #3C3C3C;
	--border-color-container-hover: #979797;
	--border-color-container-selected: #8F908F;
	--border-color-input-not-editing: #B7B7B7;
	--border-color-input-editing-focus: black;
	--border-color-input-editing: #646464;
	--border-color-input-editing-mandatory: orange;
	--border-color-container-group: darkgrey;
	--background-color-container-group: darkgrey;
	--label-background-widget_info: green;
	--label-color-widget_info: white;
	--label-background-widget_warning: orange;
	--label-color-widget_warning: white;
	--label-background-widget_error: #f76666;
	--label-background-widget_neutral: #646464;
	--label-background-widget_other: dodgerblue;
	--label-color-widget_error: white;
	--command-main-color: #e6e6e6;
	--command-main-background-color: #121212;
	--command-other-color: #e6e6e6;
	--command-other-background-color: #3e3e42;
	--label-color-success: green;
	--label-color-warning: orange;
	--label-color-error: red;
	--label-color-info: #3082ab;
	--color-scheme: dark;
	--floating-box: dimgrey;
}

[ML_Style_Selector=Light] {
	--background-color-body: #F7F7F7;
	--background-color-site-main: #3082ab;
	--background-color-site-secondary: #f1f1f1;
	--background-color-site-tertiary: #d9d9d9;
	--label-color-main: #00457E;
	--label-color-submain: #039CE2;
	--label-color-command-main: white;
	--label-color-containerHeader: #00457E;
	--main-color: #3082AB;
	--main-color-contrast: #00BDB7;
	--main-color-contrast-high: #A3EB85;
	--main-control-background: #fff;
	--main-control-lowlight: red;
	--main-control-highlight: #00BDB7;
	--main-control-mandatory: #A3EB85;
	--background-color-menu: #2A3E4C;
	--background-color-menu-top: #F7F7F7;
	--background-color-subpage: #3a596e;
	--input-validator-error: red;
	--background-color-container-active-header: #E5E5E5;
	--background-color-container-active: white;
	--background-color-container-active-footer: #E5E5E5;
	--background-color-container-form-header: #E5E5E5;
	--background-color-container-form: white;
	--background-color-container-form-editing: black;
	--background-color-container-generic-header: #E5E5E5;
	--background-color-container-generic: #F0F0F0;
	--background-color-container-input: white;
	--background-color-container-input-editing: white;
	--background-color-container-list: white;
	--background-color-container-list-hover: #F0F0F0;
	--background-color-container-list-selected: #C4DBBC;
	--border-color-container: #B7B7B7;
	--border-color-container-hover: #979797;
	--border-color-container-selected: #8F908F;
	--border-color-input-not-editing: #B7B7B7;
	--border-color-input-editing-focus: black;
	--border-color-input-editing: #646464;
	--border-color-input-editing-mandatory: orange;
	--border-color-container-group: black;
	--background-color-container-group: darkgrey;
	--label-background-widget_info: green;
	--label-color-widget_info: white;
	--label-background-widget_warning: orange;
	--label-color-widget_warning: white;
	--label-background-widget_error: red;
	--label-background-widget_neutral: #646464;
	--label-background-widget_other: dodgerblue;
	--label-color-widget_error: white;
	--command-main-color: #00457E;
	--command-main-background-color: #00BDB7;
	--command-other-color: #00457E;
	--command-other-background-color: #d9d9d9;
	--label-color-success: green;
	--label-color-warning: orange;
	--label-color-error: red;
	--label-color-info: #3082ab;
	--color-scheme: light;
	--floating-box: lightgrey;
}


.color_summer {
	color: #ffab19 !important;
}

.color_winter {
	color: #0472ff !important;
}

.color_fourseasons {
	color: black !important;
}

.extra_fa_new::after {
	content: "\e2ca";
}

.extra_fa_used::after {
	content: "\f252";
}

.ml_appointment {
	display: flex;
	flex-direction: row;
	align-items: start;
	cursor: pointer !important;
	justify-content: space-between;
}

.viewtype_week {
	cursor: pointer !important;
}


	.viewtype_week div:first-of-type {
		width: 27px;
	}

		.viewtype_week div:first-of-type span {
			padding: 5px 0px;
		}

	.viewtype_week div:nth-of-type(2n) {
		width: calc(100% - 50px);
	}

		.viewtype_week div:nth-of-type(2n) span {
			padding: 3px 0px;
		}

	.viewtype_week div:last-of-type {
		width: 22px;
	}

	.viewtype_week span {
		font-size: 11px !important;
		cursor: pointer !important;
	}

.viewtype_resources {
	cursor: pointer;
}

	.viewtype_resources div:first-of-type {
		width: 27px;
	}


		.viewtype_resources div:first-of-type span {
			padding: 5px 0px;
		}

	.viewtype_resources div:nth-of-type(2n) {
		width: calc(100% - 50px);
	}

		.viewtype_resources div:nth-of-type(2n) span {
			padding: 3px 0px;
		}

	.viewtype_resources div:last-of-type {
		width: 22px;
	}

	.viewtype_resources span {
		font-size: 11px !important;
		cursor: pointer !important;
	}


div[data-appointment_status_code=WORKED] span[data-icotype=appointment_status] {
	background-color: lightgreen !important;
}



span[data-icotype=appointment_status] {
	padding: 5px;
	border-radius: 6px;
}

span[data-spantype=title] {
	max-width: calc(100% - 23px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}




[ML_PageContainer_Type=EntityField_Show_Container][ML_ContainerStyle=TYRE_INFO] {
	width: 100%;
	border: 1px solid var(--border-color-input-not-editing);
	border-radius: 5px;
	margin: 5px;
	padding-top: 5px;
	position: relative;
}

	[ML_PageContainer_Type=EntityField_Show_Container][ML_ContainerStyle=TYRE_INFO] span[ML_PageControl_Type=FloatingLabel] {
		top: -10px !important;
		left: 5px !important;
	}

	[ML_PageContainer_Type=EntityField_Show_Container][ML_ContainerStyle=TYRE_INFO][ML_PageControl_Key] {
		width: 47%;
		padding: 5px;
	}





div[ML_PageControl_Type=ML_Calendar_Event] {
	/*border: 1px solid var(--border-color-container-group);*/
	margin-bottom: 2px;
	padding: 5px;
	border-radius: 3px;
	margin: 2px;
}

	div[ML_PageControl_Type=ML_Calendar_Event] div:hover {
		background-color: var(--background-color-container-active-header);
	}

	div[ML_PageControl_Type=ML_Calendar_Event] [data-css_section=date] {
		background-color: var(--background-color-container-active-header);
		border-radius: 3px;
		padding: 1px 3px;
	}

	div[ML_PageControl_Type=ML_Calendar_Event] [data-css_section=template] {
		text-align: center;
		border-bottom: 1px solid var(--background-color-container-active-header);
		margin: 2px 0px;
	}

		div[ML_PageControl_Type=ML_Calendar_Event] [data-css_section=template] span {
			font-weight: bold;
		}

	div[ML_PageControl_Type=ML_Calendar_Event] [data-css_section=title] {
		border: 1px solid var(--background-color-container-active-header);
		text-align: center;
		border-radius: 3px;
		margin: 2px 0px;
	}

	div[ML_PageControl_Type=ML_Calendar_Event] [data-css_section=tyreset_actual] {
		border: 1px solid var(--background-color-container-active-header);
		border-radius: 3px;
		padding: 3px;
		margin: 4px 0px;
	}

	div[ML_PageControl_Type=ML_Calendar_Event] [data-css_section=tyreset_required] {
		border: 1px solid var(--background-color-container-active-header);
		border-radius: 3px;
		padding: 3px;
		margin: 4px 0px;
	}

	div[ML_PageControl_Type=ML_Calendar_Event] [data-css_section=tyreset_required_valutation] {
		padding: 5px;
		margin: 4px 0px;
	}

	div[ML_PageControl_Type=ML_Calendar_Event] [data-css_section=notes] {
		border: 1px solid var(--background-color-container-active-header);
		border-radius: 3px;
		padding: 3px;
		margin: 4px 0px;
	}

		div[ML_PageControl_Type=ML_Calendar_Event] [data-css_section=notes] div {
			/*overflow-y: auto;
			max-height: 200px;*/
		}

	div[ML_PageControl_Type=ML_Calendar_Event] [data-css_section=commands_container] {
		display: flex;
		justify-content: flex-end;
	}


div[ML_PageControl_Type=ML_Calendar_Events] {
	display: flex;
	column-gap: 10px;
	width: 100%
}

div[ML_PageControl_Type=ML_Calendar_User_Events] {
	overflow-y: auto;
	max-height: 750px;
}

div[ML_PageControl_Type=ML_Calendar_User_Events_Full] {
	border: 1px solid var(--background-color-container-group);
	border-radius: 3px;
	padding: 3px;
	width: 100%;
}


	div[ML_PageControl_Type=ML_Calendar_User_Events_Full] [data-css_section=name] {
		text-align: center;
		padding: 5px;
		background-color: var(--background-color-container-list-hover)
	}

div[ML_PageControl_Key=FrontTyres],
div[ML_PageControl_Key=RearTyres] {
	display: flex;
	column-gap: 3px;
}


/*
div[ML_PageControl_Type=ML_CONTROLRENDER_Preview_Container] {
	position: fixed;
	top: 60px;
	left: calc(var(--left_menu_open_width) - 110px);
	width: 25%;
	border-radius: 10px;
	height: auto;
	z-index: 999;
	display: none;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
	overflow-y: auto;
	padding: 10px;
	background-color: var(--floating-box);
}*/

div[ML_PageControl_Type=ML_CONTROLRENDER_Preview_Container] {
	position: fixed;
	top: 60px;
	max-width: calc(95% - 50px);
	height: 90%;
	left: calc(var(--left_menu_open_width) - 110px);
	border-radius: 10px;
	z-index: 999;
	display: none;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-end;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
	/*overflow-y: auto;*/
	padding: 10px;
	background-color: var(--main-color-contrast-high);
}

	div[ML_PageControl_Type=ML_CONTROLRENDER_Preview_Container] > [ML_PageControl_Key="ML_CONTROLRENDER_Preview"] {
		height: 95%;
	}

		div[ML_PageControl_Type=ML_CONTROLRENDER_Preview_Container] > [ML_PageControl_Key="ML_CONTROLRENDER_Preview"] [ML_PageControl_WrapperKey="ELABORATION_Details"] {
			height: 100%;
		}

			div[ML_PageControl_Type=ML_CONTROLRENDER_Preview_Container] > [ML_PageControl_Key="ML_CONTROLRENDER_Preview"] [ML_PageControl_WrapperKey="ELABORATION_Details"] [ml_pagecontrol_type="CONTENT"] {
				height: 90%;
				overflow-y: auto;
			}

div [ML_PageControl_Type=APPOINTMENT_Preview] {
	background-color: #F3F3F3;
	border-radius: 5px;
}

	div[ML_PageControl_Type=APPOINTMENT_Preview] span {
		color: var(--label-color-main);
	}


/* ----------------------------- */

[ML_PageControl_Type=ML_CONTROLRENDER_Preview_Container] [ML_PageControl_Key=ML_CONTROLRENDER_Preview] [ML_PageControl_WrapperKey=ELABORATION_Details] [ml_pagecontrol_type=HEADER_CONTAINER] [ml_pagecontrol_type=COMMAND] {
	display: none !important;
}

[ML_PageControl_Type=ML_CONTROLRENDER_Preview_Container] [ML_PageControl_Key=ML_CONTROLRENDER_Preview] [ml_pagecontrol_type=APPOINTMENT_Preview] {
	margin: 5px;
	padding: 5px;
	overflow-y: auto;
	height: 98%;
}


div[ML_PageControl_Type=ML_CONTROLRENDER_Preview_Container] [ML_PageControl_WrapperKey="ELABORATION_Details"] [ml_pagecontrol_type="CONTENT"] {
	/*height: 100%;
	overflow-y: auto;*/
}

[ml_pagecontrol_type="CONTENT_CONTAINER_FULL"] .CONTENT_CONTAINER_FULL_two_columns {
}


[ml_pagecontrol_wrapperkey=ELABORATOR_Details] [ml_pagecontrol_wrapperkey=USERS_List] [ML_PageControl_key=USERS_BoxList],
[ml_pagecontrol_wrapperkey=APPOINTMENT_Details] [ml_pagecontrol_wrapperkey=USERS_List] [ML_PageControl_key=USERS_BoxList] {
	display: flex;
	gap: 10px;
	padding: 0px 10px 10px 10px;
}

	[ml_pagecontrol_wrapperkey=ELABORATOR_Details] [ml_pagecontrol_wrapperkey=USERS_List] [ML_PageControl_key=USERS_BoxList] [ml_pagecontrol_type=trContainer],
	[ml_pagecontrol_wrapperkey=APPOINTMENT_Details] [ml_pagecontrol_wrapperkey=USERS_List] [ML_PageControl_key=USERS_BoxList] [ml_pagecontrol_type=trContainer] {
		border-radius: 3px;
		min-width: 40px;
		min-height: 60px;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 10px;
		cursor: pointer;
	}

		[ml_pagecontrol_wrapperkey=ELABORATOR_Details] [ml_pagecontrol_wrapperkey=USERS_List] [ML_PageControl_key=USERS_BoxList] [ml_pagecontrol_type=trContainer][ML_Status=None],
		[ml_pagecontrol_wrapperkey=APPOINTMENT_Details] [ml_pagecontrol_wrapperkey=USERS_List] [ML_PageControl_key=USERS_BoxList] [ml_pagecontrol_type=trContainer][ML_Status=None] {
			background-color: var(--background-color-site-secondary);
			border: 1px solid var(--background-color-site-secondary);
		}

		[ml_pagecontrol_wrapperkey=ELABORATOR_Details] [ml_pagecontrol_wrapperkey=USERS_List] [ML_PageControl_key=USERS_BoxList] [ml_pagecontrol_type=trContainer][ML_Status=Selected],
		[ml_pagecontrol_wrapperkey=APPOINTMENT_Details] [ml_pagecontrol_wrapperkey=USERS_List] [ML_PageControl_key=USERS_BoxList] [ml_pagecontrol_type=trContainer][ML_Status=Selected] {
			background-color: #8de38d;
			border: 1px solid var(--border-color-container);
		}

		[ml_pagecontrol_wrapperkey=ELABORATOR_Details] [ml_pagecontrol_wrapperkey=USERS_List] [ML_PageControl_key=USERS_BoxList] [ml_pagecontrol_type=trContainer][ML_Status]:hover,
		[ml_pagecontrol_wrapperkey=APPOINTMENT_Details] [ml_pagecontrol_wrapperkey=USERS_List] [ML_PageControl_key=USERS_BoxList] [ml_pagecontrol_type=trContainer][ML_Status]:hover {
			background-color: var(--border-color-container);
			border: 1px solid var(--border-color-container);
		}

[ml_pagecontrol_wrapperkey=CONTACT_Details] [ml_pagecontrol_wrapperkey=TYRE_Details] [ml_pagecontrol_type=CONTENT] {
	overflow-y: auto;
	max-height: 450px;
}