@media print {
	@page {
		size: landscape
	}
}

/* Da testare il selettore universale!!! */
* {
	margin: 0 auto;
}

html {
	height: 100%;
}

body {
	background-image: linear-gradient(to bottom, rgba(0, 123, 255, .25), white 100px);
	background-attachment: fixed !important;
	margin-left: 1%;
	margin-right: 1%;
	height: 120%;
}

/* Nav */
nav {
	width: fit-content;
	block-size: fit-content;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	display: none;
}

form,
select,
.select2-container,
input,
textarea {
	width: 350px !important;
	min-width: 350px !important;
	max-width: 350px !important;
	border-radius: 10px;
	text-align: center;
}

/* Form */
form {
	padding: 0 !important;
}

/* Select  e Select2*/
#ACCESSO #tutto select {
	width: 100% !important;
	max-width: 100% !important;
	text-align: center;
}

.select2-container {
	border-radius: 5px;
	text-align: center;
	font-size: 18px;
}

.select2-container {
	height: 31px;
}

#Maneggio .select2-container {
	/* Scelta Maneggio nella Pagina di accesso */
	width: 200px !important;
	max-width: 200px !important;
	min-width: 200px !important;
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 500px;
	overflow-y: auto;
	font-weight: bold;
}

.select2-results__options {
	max-height: 500px !important;
	color: black;
}

.select2-selection__choice__remove {
	width: auto;
	height: auto;
	vertical-align: middle !important;
}

/* Input */
#ACCESSO #tutto #Accesso input {
	text-align: center;
}

#SERVIZI input[type=number],
#AGGIORNASERVIZI input[type=number] {
	padding-left: 20px;
}

#SERVIZI input[type=checkbox],
#AGGIORNASERVIZI input[type=checkbox],
#CLIENTI input[type=checkbox] {
	margin-top: 10px;
	margin-bottom: 20px;
	transform: scale(3) !important;
}

.input input {
	border: 1 px solid grey !important;
	border-radius: 15px !important;
	width: 200px !important;
	min-width: 200px !important;
	max-width: 200px !important;
}

input:invalid,
input:invalid:focus {
	border: 2px solid red;
}

/* Button */
button,
input[type="button"],
input[type="submit"] {
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	margin-top: 15px;
	width: 150px;
	max-width: 150px;
	height: 50px;
	background-color: yellowgreen;
	font-weight: bolder;
	transition: 0.5s;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
	background-color: #28a745;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	transition: 0.5s;
}

#Tabelle button {
	margin-right: 25px;
	margin-bottom: 25px;
	width: 10% !important;
	min-width: 10% !important;
	max-width: 10% !important;
	background-color: aquamarine;
}

#Tabelle button:hover {
	background-color: #28a745;
}

#CLIENTI #Tabelle {
	width: 150%;
	margin-left: -25% !important;
}

/* Label */
label {
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
	text-align: center !important;
	width: 350px;
}

#Tempi label {
	width: 150px;
}

#SERVIZI label,
#AGGIORNASERVIZI label {
	margin-top: 15px;
}

/* Controller DataTable */
.dt-buttons,
.ui .basic .buttons {
	width: 75% !important;
	min-width: 75% !important;
	max-width: 75% !important;
}

.toolbar {
	padding-top: 20px !important;
}

/* Pagina */

.Pagata {
	Color: darkgreen !important;
}

.DaPagare {
	color: red !important;
	background-color: black !important;
}

.NonEffettuato {
	color: blue !important;
	background-color: yellow !important;
}

.Saldato,
.DaSaldare,
.Icona {
	width: 40px;
}

#Logo {
	width: 50px;
	height: auto;
}

#LOGOUT {
	color: crimson;
}

#tutto {
	text-align: center !important;
	position: relative !important;
	top: 50px;
	margin-bottom: 120px;
}

#CONCORSI .TitoloPagina,
#CONCORSI #INFO {
	position: relative;
	top: -60px !important;
	margin-left: 30px;
}

#AGGIORNASERVIZI .TitoloPagina,
#AGGIORNASERVIZI #INFO {
	margin: 0 auto;
}

#ACCESSO .TitoloPagina {
	margin-left: 60px;
}

#ACCESSO #tutto #Accesso {
	position: relative;
	top: 40px;
	width: 300px !important;
	max-width: 300px !important;
}

#INFO {
	text-align: center;
}

#INFO p {
	font-size: medium;
	font-weight: bold;
}

#MostraTabellaCavalli {
	background-color: skyblue;
}

#ShowNuovoCavallo,
#ShowModificaCavallo,
#ShowEliminaCavallo {
	background-color: orange;
}

#ShowNuovoAtleta,
#ShowModificaAtleta,
#ShowEliminaAtleta {
	background-color: yellow;
}

/* Tabelle */
#Tabelle {
	position: relative;
	top: 75px;
}

#Tabelle table {
	border: 1px solid grey;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 0px;
	text-align: center;
}

#TabellaFatture td:nth-child(8) {
	width: 350px;
	min-width: 350px;
}

#TabellaAcquisti td:nth-child(8) {
	width: 400px;
	min-width: 400px;
}

#TabellaCavalli td:nth-child(4),
#TabellaCavalli td:nth-child(5),
#TabellaCavalli td:nth-child(6),
#TabellaCavalli td:nth-child(7),
#TabellaCavalli td:nth-child(8),
#TabellaCavalli td:nth-child(9),
#TabellaCavalli td:nth-child(10) {
	width: 100px;
	min-width: 100px;
}

#TabellaQuoteCliente td:nth-child(2) {
	width: 200px;
	min-width: 200px;
	max-width: 200px;
}


/* Pannelli su pagina cliente */

/* Tasti Creazione/Modifica/Eliminazione */
#AggiungiAcquisto,
#AggiornaAcquisto,

#AggiungiFattura,
#AggiornaFattura,

#SchedaConcorsi,
#AggiuntaConcorsi,
#ModificaConcorsi,
#AggiungiConcorso,
#AggiornaConcorso,

#SceltaServizio,

#CreaNuovoCliente,
#AggiornaCliente,
#EliminazioneCliente,

#CreaNuovoCavallo,
#AggiornaCavallo,
#EliminazioneCavallo,

#CreaNuovoAtleta,
#AggiornaAtleta,
#EliminazioneAtleta,
#OttieniAcquisti,
#OttieniFatture,
#Mail,
#InviaTutto,
#NuovoAcquisto,

#NuovoCliente,
#ModificaCliente,
#EliminaCliente,
#NuovoCavallo,
#ModificaCavallo,
#EliminaCavallo,
#NuovoAtleta,
#ModificaAtleta,
#EliminaAtleta,
#OttieniComplessivi,
#OttieniBuste,
#AggiungiBusta,
#AggiornaBusta {
	width: 350px !important;
	min-width: 350px !important;
	max-width: 350px !important;
}

#InviaTutto {
	background-color: crimson;
}

#OttieniAcquisti {
	margin-bottom: 30px;
}

#EliminazioneCliente,
#EliminazioneCavallo {
	background-color: crimson !important;
	color: white;
}

#SERVIZI div,
#AGGIORNASERVIZI #SceltaServizio,
#AGGIORNASERVIZI #SceltaCliente,
#PRIMANOTA #SceltaCliente,
#AGGIORNASERVIZI #SceltaCavallo,
#PRIMANOTA #SceltaCavallo,
#Tempi,
#SERVIZI label,
#AGGIORNASERVIZI label,
#SERVIZI select,
#AGGIORNASERVIZI select,
#SERVIZI textarea,
#AGGIORNASERVIZI textarea,
#SERVIZI .select2-container,
#AGGIORNASERVIZI .select2-container,
#SERVIZI h1,
#SERVIZI button {
	text-align: center;
	width: 350px !important;
	min-width: 350px !important;
	max-width: 350px !important;
}

/* Pannelli Servizi */
#Ciao,
/* elemento sempre nascosto per evitare che dia errore il nasconti elemento del tasto mostra tabella cavalli */
#ModificaAcquisto,
#AGGIORNASERVIZI [id$=_wrapper],
#ModificaFattura,
#AggiuntaConcorsi,
#ModificaConcorsi,
#SceltaCavallo,
#SceltaServizio,
#Maniscalco,
#Veterinario,
#Dentista,
#Istruttore,
#Federazione,
#Lavanderia,
#Integratore,
#Medicinale,
#ExtraAlimentazione,
#ExtraFieno,
#Vaccini,
#Detrazioni,
#Varie,
#FormNuovoCavallo,
#FormAggiornaCavallo,
#FormModificaCliente,
#FormModificaAtleta,
#AGGIORNASERVIZI #SceltaCliente,
#NuovoCliente,
#ModificaCliente,
#EliminaCliente,
#NuovoCavallo,
#ModificaCavallo,
#EliminaCavallo,
#NuovoAtleta,
#ModificaAtleta,
#EliminaAtleta,
#RiepilogoTotale,
#AggiungiAtleta,
#NuovaFattura,
#MostraNuovaFattura,
#NuovoAcquisto,
#ModificaFornitore,
#InviaTutto,
#TabellaQuoteCavalli,
#TabellaQuoteCliente,
#NuovaBusta,
#ModificaBusta,
#TabellaBuste_wrapper {
	display: none;
}

#AGGIORNASERVIZI #Maniscalco,
#AGGIORNASERVIZI #Veterinario,
#AGGIORNASERVIZI #Dentista,
#AGGIORNASERVIZI #Federazione,
#AGGIORNASERVIZI #Lavanderia,
#AGGIORNASERVIZI #Integratore,
#AGGIORNASERVIZI #Medicinale,
#AGGIORNASERVIZI #ExtraAlimentazione,
#AGGIORNASERVIZI #Vaccini,
#AGGIORNASERVIZI #Detrazioni,
#AGGIORNASERVIZI #Varie,
#AGGIORNASERVIZI #SceltaCliente,
#PRIMANOTA #SceltaCliente,
#AGGIORNASERVIZI #SceltaCavallo,
#PRIMANOTA #SceltaCavallo {
	margin: 0 auto;
	width: 350px !important;
	min-width: 350px !important;
	max-width: 350px !important;
}

#AggiuntaConcorsi h1,
#ModificaConcorsi h1 {
	width: 350px !important;
	min-width: 350px !important;
}

#Stato,
#AggiornaStato {
	transform: scale(3) !important;
	margin-top: 20px;
	margin-bottom: 50px;
}

/* Intervalli temporali */
#Tempi {
	margin-bottom: -70px !important;
	margin: 0 auto;
}

#PRIMANOTA #Tempi,
#DAREAVERE #Tempi,
#BUSTE #Tempi {
	margin-bottom: 30px !important;
}

#Prima {
	margin-right: 20px;
}

#Intervallo {
	margin-bottom: 50px;
	min-width: 350px;
}

#RiepilogoTotale {
	margin-bottom: 100px !important;
}

#PRIMANOTA hr {
	width: 250px;
	max-width: 250px;
	border: 1 px solid grey;
	border-radius: 5px;
}

#Stampa {
	min-width: 350px;
	background-color: aqua;
}

#MostraNuovaFattura {
	margin-bottom: 35px;
	background-color: blue;
	color: white;
}

#Avere {
	margin-top: 100px;
	margin-bottom: 50px;
}

#CLIENTI #Dentista {
	display: block;
}

#ARCHIVIATI #Pulsantiera button {
	min-width: 250px !important;
}

#ClientiArchiviati {
	background-color: blue;
	color: whitesmoke;
}

#AtletiArchiviati {
	background-color: orange;
}


#ARCHIVIATI #Tabelle {
	width: 75vw;
	margin-left: -6vw !important;
}

#QUOTE table button {
	margin-right: 0px !important;
}

#CalcoloComlessivo,
#CalcoloComlessivoSaldato {
	margin-top: 25px;
	border: 2px solid dimgray;
	border-radius: 15px;
}


/* Spinner d'attesa
html:

<div class="lds-ripple"><div></div><div></div></div>


.lds-ripple {
	display: inline-block;
	position: absolute;
	top: 25%;
	left: 47%;
	width: 800px;
	height: 800px;
	z-index: 1000;
}

.lds-ripple div {
	position: absolute;
	width: 500px;
	height: 500px;
	border: 7px solid #fff;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}

	4.9% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}

	5% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

.lds-ripple {
	display: none;
}
*/