@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans);

body{ 
	background-color: #005970;
	font-size: 83%;
	font-family: "Open Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    margin: 0;  
    padding: 0;  
}

/* Nasconde la pagina se e' disabilitato javscript. */
.errorPaginaNoSupporto{
	position: fixed; 
	top: 0px; 
	left: 0px; 
	z-index: 3000; 
	height: 100%; 
	width: 100%; 
	background-color: #FFFFFF;
}
.errorPaginaNoSupporto div{
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
}
.errorPaginaNoSupporto div p{
	font-size: 100%;
	font-weight:bold;
	color: #000;
}


/* AGGIUNTO DA EDOTTO */
#logogruppo {
    background:transparent url('../img/exprivia_login_blu.png') no-repeat left bottom;
   	position: absolute;
	bottom:12px;
	left:20%;
	width: 280px;
    height: 40px;
	margin: 0 auto;
    padding: 0;
    border: none; 
	z-index:2;
	visibility: visible;
}

#release {
	position: fixed;
	right: 0;
	bottom: 0;
	color: #FFFFFF;
	font-size: 0.7em;
}

#logoTitolo{
	text-align:center;
	padding-top:10px;
	margin-bottom: 20px;
}

#logoTitolo img {
   vertical-align: middle;
}

/* Stile utilizzato per i messaggi di errore utilizzato nel template sup*/
.errorXBrowser {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-align: left;
	color: #fff;
	background: #e32219;
	font-size: 1em;
	padding: 0.5em;
	line-height: 1.2em;
	margin: 20px;
	border: 1px solid #e32219;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.error {
	display:block;
	padding: 0.5em;
	
	background: #b00020;
	border: none 0;
		
	font-weight : bold;
	text-align: left;
	font-size: 1em;
	color: #fff;
}

.alert{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.info {
	display:block;
	padding: 0.5em;
	
	background: #B3E5FC;
	border: none 0;
		
	font-weight : bold;
	text-align: left;
	font-size: 1em;
	color: #033850;
}

#info {
    position: absolute;
	top:10px;
	right:40px;
	width: 460px;
    height: 300px;
    overflow-x: auto;
	margin: 0 auto;
    padding: 0;
    background-color:transparent; 
    border: none; 
	z-index:3;
	color: #000;
	visibility: visible;
}


/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

div.card{
    background: #f2f2f2;
    color: #033850;
}

/* SOVRASCRITTURA DELLA DIMENSIONE DEI PULSANTI. APPLICAZIONE DELLO STESSO STILE PREVISTO DA .btn-sm */
.btn {
   --bs-btn-padding-y: 0.25rem;
   --bs-btn-padding-x: 0.5rem;
   --bs-btn-font-size: 0.875rem;
   --bs-btn-border-radius: 0.25rem;
}
/* SOVRASCITTURA COLORI PULSANTI */
.btn-primary{
	--bs-btn-bg: #02A19B;
  	--bs-btn-border-color: #02A19B;
  	--bs-btn-hover-color: #fff;
  	--bs-btn-hover-bg: #30cfc0;
  	--bs-btn-hover-border-color: #13795b;
  	--bs-btn-active-bg: #30cfc0;
  	--bs-btn-active-border-color: #a6e9d5;
  	--bs-btn-focus-shadow-rgb: 48, 207, 192;
}



/* VISUALIZZAZIONE DEL PRELOAD A SEGUITO DI UNA CHIAMATA AJAX */
div#preLoadingAjax{
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000 !important;
	background-color: #f2f2f2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* internet explorer precedenti */
	filter: alpha(opacity=75); /* internet explorer 9 */
	-khtml-opacity: 0.75;      /* khtml, old safari */
	-moz-opacity: 0.75;       /* mozilla, netscape */
	opacity: 0.75;           /* fx, safari, opera */
}
div#preLoadingAjax div{
	left: 48%;
    top: 50%;
    position: absolute;
    margin: 0 auto;
    font-size: 2.5rem;
    width: 4rem;
    height: 4rem;
}

h3{
	font-size: 1.2rem;
}

/* SOVRASCRITTURA STILI BOOTSTRAP PER ADATTAMANETO A STILE NCUP */
.form-control{
    height: calc(1.5rem + 0.3rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.775rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.form-select {
 /*  padding-top: 0.25rem; COMMENTATO PERCHE' ERA TROPPO PICCOLA LA DIMENSIONE DELLE SELECT RISPETTO AGLI INPUT */
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.775rem;
  border-radius: 0.25rem;
}
.form-label { /* associo lo stesso stile di col-form-control perche' nel cup tutte le coppie label input sono orizzontali e non va a capo */
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}