html {
	/* default font-size is 16px - this is set in the default browser stylesheet */
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
}

/* Increase all font sizes on tablets */
@media (max-width: 991px) {
	html {
		/* default is 1rem or 16px */
		font-size: 15px;
	}
}

/* Increase all font sizes on mobile */
@media (max-width: 767px) {
	html {
		/* default is 1rem or 16px */
		font-size: 16px;
	}
}



body {
	overscroll-behavior: contain;
}



/* da applicare alle label dei campi necessari di una spiegazione di aiuto */
.help {
	cursor: help;
}

	.help:after {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: " \f059";
		color: dodgerblue;
	}



/* da applicare alle label dei campi necessari di una informazione */
.info {
	cursor: default;
}

	.info:after {
		font-family: "Font Awesome 5 Free";
		font-weight: 700;
		content: " \f05a";
		color: dodgerblue;
	}



/* da applicare alle label dei campi che č necessario compilare */
.required:after {
	content: " *";
	color: red;
}



/* Bootstrap 4 non sembra prevedere questa classe (!!!) */
.text-decoration-line-through {
	text-decoration: line-through !important;
}


/* colori mancanti in Bootstrap */
.text-lightgray,
.text-lightgrey {
	color: lightgrey !important;
}


/* da applicare alle label dei campi checkbox e radiobutton selezionati */
.checked::before {
	content: '\2611' !important;
	color: rgb(0, 123, 255);
	font-size: x-large;
	font-weight: bold;
}



/* da applicare alle label dei campi checkbox e radiobutton non selezionati */
.unchecked::before {
	content: "\2610 " !important;
	color: rgb(198, 210, 222);
	font-size: x-large;
	font-weight: bold;
}



/* Le tabelle con header fisso non possono avere margini */
table.table-head-fixed {
	margin: 0px !important;
}



/* limitare la larghezza delle colonne tabella al loro contenuto */
table td.fit,
table th.fit {
	white-space: nowrap;
	width: 1%;
}



/* colori personalizzati per le voci del menu principale */
.main-menu .item-dashboard {
	font-size: 120%;
	background-color: #CAC2AD;
}

	.main-menu .item-dashboard a {
		color: #fff !important;
	}

.main-menu .item-wizard-manutenzioni {
	font-size: 120%;
	background-color: #7DA5BE;
}

	.main-menu .item-wizard-manutenzioni a {
		color: #fff !important;
	}

.main-menu .item-nuovo-intervento-straordinario {
	font-size: 120%;
	background-color: #C2ACB8;
}

	.main-menu .item-nuovo-intervento-straordinario a {
		color: #fff !important;
	}

.main-menu .item-gestione-manutenzioni {
	font-size: 120%;
	background-color: #7DB5AC;
}

	.main-menu .item-gestione-manutenzioni a {
		color: #fff !important;
	}

.main-menu .item-gestione-interventi {
	font-size: 120%;
	background-color: #C39C7D;
}

	.main-menu .item-gestione-interventi a {
		color: #fff !important;
	}



/* Separatore orizzontale nel menu principale */
.main-menu .hr {
	border-bottom: 1px solid #4b545c;
}



/*
	Padding ridotti rispetto alle impostazioni di default del framework
*/
/* equivale a un p-2 */
.content-wrapper > .content {
	padding: .5rem;
}



.card {
	margin-bottom: .5rem;
}




.card-body {
	/* equivale a un p-1
	padding: .25rem;
	*/
	padding: .50rem;
}



.group-header {
	font-weight: 400;
	font-size: 1.1rem;
	line-height: 1.2;
	margin-bottom: .5rem;
}



.form-group {
	margin-bottom: .5rem;
}



.cursor-pointer {
	cursor: pointer;
}



.font-size-larger {
	font-size: larger;
}



.font-size-smaller {
	font-size: smaller;
}



/* Chrome, Safari, Edge, Opera */
input.no-spin::-webkit-outer-spin-button,
input.no-spin::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Firefox */
input[type=number].no-spin {
	-moz-appearance: textfield;
}



.link {
	cursor: pointer;
	color: #007bff;
	text-decoration: none;
}
.link:hover {
	text-decoration: underline;
}



.flex-grow {
	flex: 1 0 auto;
}



/* Tab attivo con un colore di sfondo molto evidente */
.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-link.active {
	background-color: #ffe762;
}



/* Gli elementi Radzen non devono apparire in grassetto */
.rz-chkbox-label,
.rz-dropdown-label,
.rz-input-text {
	font-weight: normal !important;
}



.rz-steps ul[role=tablist] {
	display: inline-block;
	float: left;
	margin-right: 1rem;
}

.rz-steps-item {
	display: block;
	margin-bottom: 1rem;
}

.rz-steps-buttons {
	clear: both;
	padding-top: 1rem;
	border-top: 2px inset rgba(0,0,0,.03);
}

	.rz-steps-buttons .rz-state-disabled {
		visibility: hidden;
	}

	.rz-steps-buttons a.rz-steps-prev,
	.rz-steps-buttons a.rz-steps-next {
		/* btn */
		display: inline-block;
		font-weight: 400;
		/*color: #212529;*/
		text-align: center;
		vertical-align: middle;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/*background-color: transparent;*/
		border: 1px solid transparent;
		padding: 0.375rem 0.75rem;
		font-size: 1rem;
		line-height: 1.5;
		border-radius: 0.25rem;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		/* btn-primary */
		color: #fff !important;
		background-color: #007bff;
		border-color: #007bff;
		box-shadow: none;
	}

		.rz-steps-buttons a.rz-steps-prev:hover,
		.rz-steps-buttons a.rz-steps-next:hover {
			color: #fff !important;
		}

	.rz-steps-buttons i.rzi {
		display: none;
		font-size: 1rem;
		line-height: 1.3;
	}

	.rz-steps-buttons a.rz-steps-next:after {
		content: " >";
	}

	.rz-steps-buttons a.rz-steps-prev:before {
		content: "< ";
	}



.hover-fade:hover {
	background: #dddddd;
}



.summary strong {
	color: #dc3545;
}


@media print {

	/*
		https://stackoverflow.com/questions/1763639/how-to-deal-with-page-breaks-when-printing-a-large-html-table
	*/
	table {
		page-break-inside: auto;
	}
	tr {
		page-break-inside: avoid;
		page-break-after: auto;
	}
	thead,
	tbody,
	tfoot {
		page-break-before: auto;
		page-break-inside: avoid;
		page-break-after: auto;
	}

	/* font un po' pių grande per leggere meglio su carta */
	html {
		font-size: 16px;
	}

	/* padding ridotti */
	.form-control {
		padding: 0.1rem 0.2rem;
	}
	.table td,
	.table th {
		padding: 0.2rem;
	}

	/* nascondo la freccia dei dropdown */
	select {
		appearance: none;
		/* for Firefox */
		-moz-appearance: none;
		/* for Chrome */
		-webkit-appearance: none;
	}
		/* For IE10 */
		select::-ms-expand {
			display: none;
		}

	/* uso meno colori di sfondo possibili */
	html,
	body,
	.login-page,
	.wrapper,
	.content-wrapper,
	.content,
	.form-control:disabled, .form-control[readonly] {
		background-color: white;
	}

	/* il contenuto va stampato usando tutta la larghezza possibile */
	section.content {
		width: 100%;
	}

	/* Intestazione un po' pių grande */
	.card-header .card-title {
		font-size: x-large;
		font-weight: bold;
	}

	/* evito di mostrare elementi grafici di troppo */
	textarea {
		resize: none;
		overflow: hidden;
	}
	div .form-control {
		height: auto;
	}

	/* dimensioni minime delle textarea */
	.rows-2 {
		min-height: calc(2rem + 2px);
	}
	.rows-3 {
		min-height: calc(3rem + 2px);
	}
	.rows-4 {
		min-height: calc(4rem + 2px);
	}
	.rows-5 {
		min-height: calc(5rem + 2px);
	}
	.rows-6 {
		min-height: calc(6rem + 2px);
	}
	.rows-7 {
		min-height: calc(7rem + 2px);
	}
	.rows-8 {
		min-height: calc(8rem + 2px);
	}
	.rows-9 {
		min-height: calc(9rem + 2px);
	}
	.rows-10 {
		min-height: calc(10rem + 2px);
	}

}/* media print */










/****************************************
*****************************************
*****************************************
*										*
*	STILI RELATIVI ALL'APPLICAZIONE		*
*										*
*****************************************
*****************************************
****************************************/



tr.spacer {
	height: 1px;
	padding: 0 !important;
}

	tr.spacer th,
	tr.spacer td {
		padding: 0 !important;
	}

th.spacer,
td.spacer {
	min-width: 4% !important;
	width: 4% !important;
	max-width: 4% !important;
}

td.disabled {
	opacity: .65;
}

/* evidenzio le righe in base alla loro data di riferimento */
.evidenzia-data-scadenza-revisione .table-striped tbody tr:nth-of-type(odd).revisione-scaduta {
	background-color: rgb(255,0,0,0.4) !important;
}
.evidenzia-data-scadenza-revisione .table-striped tbody tr:nth-of-type(even).revisione-scaduta {
	background-color: rgb(255,0,0,0.2) !important;
}
.evidenzia-data-scadenza-revisione .table-striped tbody tr:nth-of-type(odd).revisione-futura {
	background-color: rgb(0,255,0,0.4) !important;
}
.evidenzia-data-scadenza-revisione .table-striped tbody tr:nth-of-type(even).revisione-futura {
	background-color: rgb(0,255,0,0.2) !important;
}

.evidenzia-data-scadenza-intervento .table-striped tbody tr:nth-of-type(odd).intervento-scaduto {
	background-color: rgb(255,0,0,0.4) !important;
}
.evidenzia-data-scadenza-intervento .table-striped tbody tr:nth-of-type(even).intervento-scaduto {
	background-color: rgb(255,0,0,0.2) !important;
}

.evidenzia-data-appuntamento .table-striped tbody tr:nth-of-type(odd).appuntamento-scaduto {
	background-color: rgb(255,0,0,0.4) !important;
}
.evidenzia-data-appuntamento .table-striped tbody tr:nth-of-type(even).appuntamento-scaduto {
	background-color: rgb(255,0,0,0.2) !important;
}
.evidenzia-data-appuntamento .table-striped tbody tr:nth-of-type(odd).appuntamento-futuro {
	background-color: rgb(0,255,0,0.4) !important;
}
.evidenzia-data-appuntamento .table-striped tbody tr:nth-of-type(even).appuntamento-futuro {
	background-color: rgb(0,255,0,0.2) !important;
}

.evidenzia-lavorazioni-in-corso .table-striped tbody tr:nth-of-type(odd).lavorazione-in-corso {
	background-color: rgb(64,128,255,0.4) !important;
}
.evidenzia-lavorazioni-in-corso .table-striped tbody tr:nth-of-type(even).lavorazione-in-corso {
	background-color: rgb(64,128,255,0.2) !important;
}

.evidenzia-lavorazioni-annullate .table-striped tbody tr:nth-of-type(odd).lavorazione-annullata,
.evidenzia-lavorazioni-non-autorizzate .table-striped tbody tr:nth-of-type(odd).lavorazione-non-autorizzata {
	background-color: rgb(255,0,0,0.4) !important;
}
.evidenzia-lavorazioni-annullate .table-striped tbody tr:nth-of-type(even).lavorazione-annullata,
.evidenzia-lavorazioni-non-autorizzate .table-striped tbody tr:nth-of-type(even).lavorazione-non-autorizzata {
	background-color: rgb(255,0,0,0.2) !important;
}

.evidenzia-preventivi-eliminati .table-striped tbody tr.preventivo-eliminato {
	color: rgb(255,0,0) !important;
	text-decoration: line-through;
}

.highlight {
	background-color: yellow;
	color: black;
}

/* Permessi di accesso */
.input-permission select {
	min-width: 3.5rem !important;
	max-width: 3.5rem !important;
	padding: .1rem !important;
	margin: auto;
	background-color: transparent;
	border: 0 !important;
}
td.permission_,
td.permission_none,
td.permission_r,
td.permission_rw {
	padding: .1rem !important;
}
.permission_,
.permission_none {
	background-color: salmon;
}
.permission_r {
	background-color: yellow;
}
.permission_rw {
	background-color: lightgreen;
}



.head {
	background-color: #b0b0ff;
}



.contatti tr.header,
.supervisione tr.header {
	background-color: #ffd65e !important;
}

	.supervisione tr.header.one-more-item {
		border-top: 6em solid white;
	}



.foto-container {
	position: relative;
}

.foto-actions {
	float: right;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1000;
}

.foto-no-image {
	background-color: #e9e9e9;
}

.intervento-riepilogo td.header {
	background-color: rgba(0,0,0,.03) !important;
}