* {
	box-sizing: border-box;
}

body, h2, h3, .etichetta, #areaTit, div, p, span {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}

body {
	color: #141414;
	font-size: 10px;
}

.immagine{
	border: 15px solid white;
	width:100%;
}

.w3-camo-dark-grey {
	background-color: #fd9a4e;
	font-size: 12px !important;
}

/*-------------------larghezze----------------------------------------*/

.larghezza10{
	width:10%;
}

.larghezza90{
	width:90%;
}
/*-------------------GRIGLIA CREDENZIALI----------------------------------------*/

.bg-text {
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0, 0.2); /* Black w/opacity/see-through */
	color: #092834;
	font-weight: bold;
	border: 3px solid #f1f1f1;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 60%;
	padding: 20px;
	text-align: center;
}

.grid-login {
	grid-template-rows: min-content min-content min-content;
	grid-template-columns: 1fr 1fr 1fr;
	display: grid;
}

#titolo{
	grid-row: 1;
	grid-column : 1 / 4;
}

.labelUtente{
	grid-row: 2;
	grid-column : 1;
}
.labelPassword{
	grid-row: 2;
	grid-column : 2;
}
.labelUtente, .labelPassword, .utente, .password, .pulsanti{
	font-size:15px;
	font-weight:400;
}
.utente{
	grid-row: 3;
	grid-column : 1;
}
.password{
	grid-row: 3;
	grid-column : 2;
}
.pulsanti {
	grid-row: 3;
	grid-column: 3;
}

/*-------------------FONT SIZE----------------------------------------*/

.sondaggi-grandissimo {
	font-size: 52px !important
}

.sondaggi-xxxlarge {
	font-size: 27px !important
}

.sondaggi-xxlarge {
	font-size: 24px !important
}

.sondaggi-xlarge {
	font-size: 21px !important
}

.sondaggi-large {
	font-size: 18px !important
}

.sondaggi-medium {
	font-size: 15px !important
}

.sondaggi-small {
	font-size: 12px !important
}

/*-------------------INTESTAZIONE----------------------------------------*/

.infoIntestazione {
	grid: 71px / 25% 55% 20%;
	grid-template-rows: auto auto;
	grid-auto-flow: row dense;
	display: grid;
	gap: 10px;
	height: 71px;
}

.campoFlex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.posizionamentojajaxpagina {
	padding-top: 20px;
	width: 80%;
	margin: 78px auto 0 auto;
	text-align:center;
}

#pagHome {
	padding-top: 20px;
}

#termine {
	padding-top: 20px;
}

.finalitàFunzione {
	padding-top: 23px;
	text-align: center;
}

/*-------------------dialogo----------------------------------------*/


.stileButtonMobile {
	font-family: Verdana, Arial, Helvetica;
	color: #fff;
	background-color: #a20025;
	border-radius: 4px;
	border: none;
	cursor: pointer;
	box-shadow: 4px 4px 4px #666666;
	margin: 0 16px 0 0;
	padding: 0 8px !important;
}

	.stileButtonMobile:hover {
		box-shadow: 1px 1px 2px #666666;
		border: 0
	}

	.stileButtonMobile:focus {
		color: #fff;
		background-color: #e51400;
		border: 0
	}

/*-------------------ICONE MENU----------------------------------------*/

.iconeMenu {
	width: 33%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-between;
}

.iconaMenu {
	margin: 8px !important;
	font-size: 15px !important;
	width: 26%;
	align-self: center;
}

.btnConIcona {
	border: none;
	display: inline-block;
	padding: 6px 12px 2px 12px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 12px;
}

.btnConIcona:hover {
	box-shadow: 0 4px 12px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}


.btnConIcona:disabled {
	cursor: not-allowed;
	opacity: 0.3
}

/*-------------------TABS-----------------------------------*/

.areaTab {
	/*    position: relative;*/
	border: 1px solid #c1c1c1;
	padding: 7px;
	box-shadow: 4px 4px 4px #666666;
	background-color: #f9f9f9;
}

.campiTab {
	box-shadow: 4px 4px 4px #666666;
	text-align: right;
}

.campoTab, .campoTabSel {
	border-top: 1px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	padding: 2px;
	margin-left:4px;
}

.campoTab {
	cursor: pointer;
	font-weight: normal;
	background: #daebe8;
	font-size: 15px;
}

	.campoTab:hover {
		background-color: #B2D732 !important;
	}

.campoTabSel {
	color: #414141;
	background: #e1e1e1;
	font-weight: bold;
}
	.campoTabSel:hover {
		background: #ffffff;
	}


.mos-input-log{padding:8px;border:none;border-bottom:1px solid #808080}

.areaDati{
	width: 99%;
	margin: 0 auto 0 auto;
	text-decoration: none;
	overflow:auto;
}

#infoGen{width: 25%; float:left;}

#infoGen h1{font-size: 1.5em;color: #CF0000;text-align: left;}

#infoGen h2{font-size: 2em;color: #6699ae;}

#infoGen h3{font-size: 1.5em;color: #224488;}

#infoDati{
	overflow:auto;
	width: 75%;
	margin:0;
	float:left;
}

.testoCard {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	line-height: 13px;
}

/*------------------------------SEDI---------------------------------*/

.intestazioneSede {
	text-align: center;
	width: 90%;
	margin: 0 auto;
	font-weight: 700;
	font-size: 21px;
}

.datiBase {
	grid-template-rows: min-content min-content min-content min-content min-content min-content min-content min-content min-content min-content min-content min-content;
	grid-template-columns: auto auto;
	display: grid;
	column-gap: 5px;
}

.datiPeriodicità {
	grid-template-rows: min-content min-content min-content min-content min-content min-content min-content min-content min-content min-content min-content min-content;
	grid-template-columns: auto auto auto auto auto;
	display: grid;
	column-gap: 5px;
}


@media (max-width:600px) {
	.bodyfontsize {
		font-size: 10px;
	}
}

@media (min-width:601px) and (max-width:1000px) {
	.bodyfontsize {
		font-size: 11px;
	}
}

@media (min-width:1001px) {
	.bodyfontsize {
		font-size: 12px;
	}
}

@media (max-height:900px) {
	.dimIconaMenu {
		width: 20vmin;
		height: 20vmin;
	}
}

@media (min-height:901px) {
	.dimIconaMenu {
		width: 190px;
		height: 190px;
	}
}

@media (max-width:600px) {
	.mos-1-5x {
		font-size: 3.0vw;
	}
}

@media (min-width:601px) and (max-width:992px) {
	.mos-1-5x {
		font-size: 1.4vw;
	}
}

@media (min-width:992px) and (max-width:1350px) {
	.mos-1-5x {
		font-size: 0.9vw;
	}
}

@media (min-width:1350px) {
	.mos-1-5x {
		font-size: 0.7vw;
	}
}



/*---------------------dimensioni---------------------*/

@media (min-width:1501px) {
	.mos-small {
		font-size: 12px !important
	}

	.mos-medium {
		font-size: 15px !important;
	}

	.mos-large {
		font-size: 18px;
	}

	.mos-xlarge, .mos-iconaMenu {
		font-size: 21px !important
	}

	.mos-xxlarge {
		font-size: 24px;
	}
}

@media (min-width:992px) and (max-width:1500px) {
	.mos-small {
		font-size: 9px !important
	}

	.mos-medium {
		font-size: 12px !important;
	}

	.mos-large {
		font-size: 15px;
	}

	.mos-xlarge, .mos-iconaMenu {
		font-size: 18px !important
	}

	.mos-xxlarge {
		font-size: 21px;
	}
}

@media (min-width:601px) and (max-width:991px) {
	.mos-small {
		font-size: 6px !important
	}

	.mos-medium {
		font-size: 9px !important;
	}

	.mos-large {
		font-size: 12px;
	}

	.mos-xlarge, .mos-iconaMenu {
		font-size: 15px !important
	}

	.mos-xxlarge {
		font-size: 18px;
	}
}

@media (max-width:600px) {
	.mos-small {
		font-size: 9px !important
	}

	.mos-medium {
		font-size: 12px !important;
	}

	.mos-large {
		font-size: 15px;
	}

	.mos-xlarge {
		font-size: 18px !important
	}

	.mos-xxlarge {
		font-size: 21px !important
	}

	.mos-iconaMenu {
		font-size: 15px !important
	}
}