div[ToDoDraftAlert=ToDoDraftAlert] {
	display: flex;
	justify-content: space-between !important;
	padding: 20px;
	width: 80%;
	height: 5vh;
	background-color: var(--main-color) !important;
	color: white !important;
	justify-content: center;
	align-items: center;
	margin: 25px;
	font-size: large;
	border: none !important;
}

.closeNotification {
	cursor: pointer;
}

	.closeNotification:hover {
		color: black;
	}


/*---------- Steps ----------*/

[ML_PageControl_Type="HEADER_CONTAINER"] {
	display: flex !important;
	justify-content: space-between;
	padding: 8px;
}

div[ML_PageControl_Type=TODO_STEPS_List_Container] {
	background-color: var(--background-color-container-form);
	border: 1px solid var(--border-color-container);
	margin-bottom: 10px;
	display: inline-flex;
	align-items: center;
	padding: 3px;
}

	div[ML_PageControl_Type=TODO_STEPS_List_Container] img {
		width: 30px;
	}

	div[ML_PageControl_Type=TODO_STEPS_List_Container] div[ML_PageControl_Type=TODO_STEPS_List_Info_Container] {
		padding: 3px;
	}

div[ML_PageControl_Key=AssignedToRow_Container] {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	padding: 5px;
}

div[ML_PageControl_Key=AssignedToRow_Title] {
	padding: 4px;
	border-radius: 5px;
	font-size: 13px;
}

div[ML_PageControl_Key=AssignedToRow_Item] {
	border: 1px solid var(--border-color-container);
	padding: 4px;
	border-radius: 5px;
	font-size: 13px;
}


/* Stati*/

[ML_Status=TODO_Expiring] span {
	color: var(--label-background-widget_warning) !important;
}

[ML_Status=TODO_Expired] span {
	color: var(--label-background-widget_error) !important;
}

/*---------- Details Title----------*/

[ML_PageControl_WrapperKey=ToDos_Detail] [ML_PageControl_Type=HEADER_CONTAINER] {
	display: flex;
}

[ML_PageControl_WrapperKey=ToDos_Detail] [ML_PageControl_Type=HEADER] [ML_PageControl_Type=HEADER_CONTAINER] .RightHeaderContainer div {
	display: flex;
	height: 30px;
	padding: 5px 15px;
}

	[ML_PageControl_WrapperKey=ToDos_Detail] [ML_PageControl_Type=HEADER] [ML_PageControl_Type=HEADER_CONTAINER] .RightHeaderContainer div span {
		padding: 10px;
		display: flex;
		justify-content: center;
	}

.SearchButtonToDoList {
	width: 100% !important;
	height: 100% !important;
	justify-content: center;
}

[ML_PageControl_Key=CONTAINER_CollapsableToggle] span:not([ML_PageControl_Type=Icon]) {
	cursor: pointer !important;
	padding-left: 15px !important;
}


/* access ->preview*/
[data-ML_TodoAccessLevel=PREVIEW] {
	background-size: 20px 20px;
	background-image: repeating-linear-gradient(45deg, #ffffff 0, #999bcf 1px, #e5e5f7 0, #e5e5f7 50%);
}