﻿

[ML_PageControl_Stiked=true] {
	position: sticky;
	background: var(--content-color);
	/*	background: inherit;*/
	z-index: 9;
}

.ML-REPEATERTABLE-table {
	border-collapse: collapse;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 2px;
	--row-color: var(--content-color);
}

	/***********
	HEAD
************/

	/* colore di sfondo per non far vedere il testo che scorre sotto*/
	.ML-REPEATERTABLE-table thead tr {
		font-size: 17px;
		font-weight: bold;
		height: 45px;
		vertical-align: middle;
	}

		.ML-REPEATERTABLE-table thead tr:first-of-type {
			background: linear-gradient(0deg, var(--border-color) 0px, var(--row-color) 3px);
			background-repeat: no-repeat;
		}

		/* colore testo colonne*/
		.ML-REPEATERTABLE-table thead tr td {
			font-size: 15px;
			cursor: pointer !important;
			opacity: 0.5;
		}

			.ML-REPEATERTABLE-table thead tr td[ML_Status=Selected] {
				color: var(--primary);
				opacity: 1;
			}

			/* colore testo colonne*/
			.ML-REPEATERTABLE-table thead tr td span {
				cursor: default;
			}

			/* colore testo colonne*/
			.ML-REPEATERTABLE-table thead tr td > span {
				/*TOlto per testo spostato in colonne no searchable*/
				/*				margin-left: 7px;*/
			}

			/* tasto selezione colonna per ricerca */
			.ML-REPEATERTABLE-table thead tr td [ML_PageControl_Type=FilterColumn] {
				cursor: pointer !important;
				text-align: center;
				display: inline-block;
				vertical-align: middle;
				transition: all 0.3s ease;
				margin-right: 3px;
			}


	/***********
	BODY
************/

	/*riga che contiene il dettaglio*/
	.ML-REPEATERTABLE-table tbody tr {
		border-bottom: 1px solid var(--text-200);
		background: var(--row-color);
		height: 51px;
	}

		.ML-REPEATERTABLE-table tbody tr:first-of-type {
			background: linear-gradient(180deg, var(--border-color) 0px, var(--row-color) 1px);
			background-repeat: no-repeat;
		}

	/**/
	.ML-REPEATERTABLE-table.Selectable tbody tr:hover {
		--row-color: var(--text-50);
	}

	/**/
	.ML-REPEATERTABLE-table tbody tr td {
		align-content: center;
	}

	/* se richiesto, metto la mano*/
	.ML-REPEATERTABLE-table.Selectable tbody tr {
		cursor: pointer !important;
	}

	/*riga selezionata*/
	.ML-REPEATERTABLE-table tbody tr[ML_Status=Selected] {
		--row-color: var(--accent-50) !important;
		border-bottom-color: var(--primary);
	}

		.ML-REPEATERTABLE-table tbody tr[ML_Status=Selected]:hover {
			--row-color: var(--accent-100) !important;
		}

	.ML-REPEATERTABLE-table tbody tr[ML_Status=Disabled] {
		--row-color: var(--secondary-100);
		/*		opacity: .7;*/
		cursor: unset !important;
	}

	.ML-REPEATERTABLE-table tbody tr.Disabled {
		--row-color: var(--secondary-100);
		cursor: unset !important;
	}

	.ML-REPEATERTABLE-table tbody tr.Warning {
		--row-color: #ff98001c;
		color: var(--warning);
	}

[ML_PageControl_Type=trTemplate] {
	display: none !important;
}

/* esito impostazioni pagina*/
[ML_PageControl_Type=trContainer][ML_PageControl_Pragma=Filtered_Hide] {
	display: none;
}
/* esito filtri*/
[ML_PageControl_Type=trContainer][ML_PageControl_Pragma=PreHide] {
	display: none;
}
/* esito ricerca*/
[ML_PageControl_Type=trContainer][ML_PageControl_Pragma=Hide] {
	display: none;
}

/**/
[ML_PageControl_Key=RowSearchFields] td {
	white-space: nowrap;
}

/* contenitore dei comandi*/
.ML-REPEATERTABLE-table tr[ML_PageControl_Type=trContainer] [ML_PageControl_Type=CommandsContainer] {
	display: inline-flex;
}

/* contenitore dei comandi - nascosto se non sono sulla riga*/
.ML-REPEATERTABLE-table tr[ML_PageControl_Type=trContainer]:not(:hover) [ML_PageControl_Type=CommandsContainer] {
	display: none;
}

/* colore della categoria di gestione del cliente, nella lista di Azienda */
.ML-REPEATERTABLE-table tr[ML_PageControl_Type=trContainer] [ML_PageControl_Type=EntityColor] {
	height: 15px;
	width: 60px;
	display: inline-block;
	margin-top: 5px;
}

@media only screen and (max-width: 1140px) {
	[ML_TableLayout_Column=Expanded] {
		display: none !important;
	}
}

/* Ordinamento */
.ML-REPEATERTABLE-table [ML_PageControl_Key=RowSearchFields] [ML_PageControl_Attribute*=Sortable] {
	cursor: pointer;
}
	/**/
	.ML-REPEATERTABLE-table [ML_PageControl_Key=RowSearchFields] [ML_PageControl_Attribute*=Sortable] span {
		cursor: pointer;
	}

[ML_List_Layout] .ML-REPEATERTABLE-table [ML_List_Layout_Switch] {
	display: none;
}

[ML_List_Layout="1"] .ML-REPEATERTABLE-table [ML_List_Layout_Switch*="1"] {
	display: table-cell;
}

[ML_List_Layout="2"] .ML-REPEATERTABLE-table [ML_List_Layout_Switch*="2"] {
	display: table-cell;
}

[ML_List_Layout="3"] .ML-REPEATERTABLE-table [ML_List_Layout_Switch*="3"] {
	display: table-cell;
}

[ML_List_Layout=Full] .ML-REPEATERTABLE-table [ML_List_Layout_Switch=Full],
[ML_List_Layout=Full] .ML-REPEATERTABLE-table [ML_List_Layout_Switch=Search],
[ML_List_Layout=Full] .ML-REPEATERTABLE-table [ML_List_Layout_Switch=SeekAndEdit] {
	display: table-cell;
}

[ML_List_Layout=Search] .ML-REPEATERTABLE-table [ML_List_Layout_Switch*=Search] {
	display: table-cell;
}

[ML_List_Layout=SeekAndEdit] .ML-REPEATERTABLE-table [ML_List_Layout_Switch*=SeekAndEdit] {
	display: table-cell;
}

/*colore sfondo primo TD*/
.ML-REPEATERTABLE-table:has(.ByStatus_Success, .ByStatus_Error, .ByStatus_Warning, .ByStatus_Ok, .ByStatus_Neutral, .ByStatus_Other) td:first-of-type {
	padding-left: 10px;
}

.ByStatus_Success td:first-of-type {
	background: linear-gradient(to right, var(--success) 4px,transparent 5px);
}

.ByStatus_Error td:first-of-type {
	background: linear-gradient(to right, var(--error) 4px,transparent 5px);
}

.ByStatus_Warning td:first-of-type {
	background: linear-gradient(to right, var(--warning) 4px,transparent 5px);
}

.ByStatus_Ok td:first-of-type {
	background: linear-gradient(to right, var(--info) 4px,transparent 5px);
}

.ByStatus_Neutral td:first-of-type {
	background: linear-gradient(to right, var(--neutral) 4px,transparent 5px);
}

.ByStatus_Other td:first-of-type {
	background: linear-gradient(to right, var(--other) 4px,transparent 5px);
}

/*  BOX LIST  */

.ML-REPEATERTABLE-table [ML_PageControl_Type=PanelTBody] {
	/* display: flex; */
	/* gap: 15px; */
	/* padding: 10px; */
	/* flex-wrap: wrap; */
}

	.ML-REPEATERTABLE-table [ML_PageControl_Type=PanelTBody] [ml_pagecontrol_type=trContainer] {
		/* display: flex; */
		/* flex-direction: column; */
		/* align-items: center; */
		/* justify-content: center; */
		/* background-color: var(--background); */
		/* border-radius: 16px; */
		/* padding: 15px; */
		/* min-width: 250px; */
		/* min-height: 150px; */
		/* gap: 10px; */
	}

@media only screen and (max-width: 1024px) {

	.ML-REPEATERTABLE-table [ML_PageControl_Type=PanelTBody] [ml_pagecontrol_type=trContainer] {
		/* min-width: 20%; */
		/* gap: 3px; */
	}

		.ML-REPEATERTABLE-table [ML_PageControl_Type=PanelTBody] [ml_pagecontrol_type=trContainer] span[ml_pagecontrol_entityfield_filltype=Icon] {
			/* font-size: 50px; */
		}
}

.ML-REPEATERTABLE-table [ML_PageControl_Type=PanelTBody] [ml_pagecontrol_type=trContainer] {
	/* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1); */
}

	.ML-REPEATERTABLE-table [ML_PageControl_Type=PanelTBody] [ml_pagecontrol_type=trContainer][ML_Status=Selected] {
		/* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1); */
		/* padding: 14px; */
		/* border: 1px solid var(--primary); */
		/* background-color: var(--primary-50); */
	}

	.ML-REPEATERTABLE-table [ML_PageControl_Type=PanelTBody] [ml_pagecontrol_type=trContainer][ML_Status=None]:hover {
		/* box-shadow: 0 1px 3pxù */
	}

	.ML-REPEATERTABLE-table [ML_PageControl_Type=PanelTBody] [ml_pagecontrol_type=trContainer][ML_Status=Selected]:hover {
		/* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, .2); */
		/* background-color: var(--primary-100); */
		/* cursor: pointer; */
	}
