* {
	box-sizing: border-box;
}

body {
	font-family: "Titillium Regular";
}

body {
	color: #141414;
	font-size: 100%;
	margin: 0;
	width: 100%;
	height: 100%;
	line-height: 100%;
}

fieldset {
	border-radius: 6px
}

#ajaxpagina {
	margin-top: 90px;
	padding-top: 5px;
	text-align:center;
}

#barraIntestazione {
	padding-top: 8px;
	padding-bottom: 8px;
}

.nascosto {
	display: none;
}

.campoFlex {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.icona {
	cursor: pointer;
	padding: 1px;
	border-radius: 4px;
	font-size:1.3em;
}

.iconaConTesto {
	text-align: center;
	border: 1px solid #cccccc;
	border-radius: 4px;
	margin: 0 2px 3px 0;
	padding: 0 4px;
	box-shadow: 4px 4px 4px #666666;
}

	.iconaConTesto:hover {
		box-shadow: 1px 1px 2px #666666;
	}

	.iconaConTesto span {
		font-family: "Titillium Light";
		margin: 0 0 0 4px;
	}

	.iconaConTesto p {
		font-family: "Titillium Light";
		margin: 0;
		padding: 0;
	}

	.iconaConTesto img {
		height: 58%;
		margin: 2px auto 0 auto;
	}

	.iconaConTesto i {
		margin: 2px auto 2px auto;
		padding: 0;
	}

.menuPrinc {
	font-family: "Titillium Light";
	line-height: 1.4em;
}

.menuPrinc li{
	cursor:pointer;
	/*margin-bottom: 6px*/
}

	.menuPrinc ul {
		/*margin-bottom: 6px*/
	}

/*------------------------operatore------------------------------------*/

#areaPeriodiDisponibilità{
	width:48%;
}

#areaDisponibilitàSettimanale {
	width: 48%;
}

#divQuadroSettimanale {
	width: 68%;
}

.areaGrafico {
	width: 68%;
}

.diaAreaGrafico {
	width: 95%;
}

/*------------------------alloggi e richiedenti------------------------------------*/
#divCaratteristicheRicerca {
	width: 35%;
	margin-left: 24px;
}

#divalloggio {
	width: 48%;
}

#divrichiedente {
	width: 35%;
}

#divcomponenti {
	width: 63%;
}


#caratteristicheRicerca {
	width:35%;
	margin-right: 24px;
}

#areaMatching {
	width: 60%;
}

.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;
}

/*-------------------PRIMA PAGINA----------------------------------------*/

.posizioneLegature {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	line-height: 1.9em;
	width: 60%;
}

.posizioneAccesso {
	position: absolute;
	top: 5%;
	left: 82%;
	width:330px;
}

.avvio {
	border: none;
	cursor: pointer;
	box-shadow: 4px 4px 4px #666666;
	margin: 0 16px 6px 0px;
	padding: 4px 16px ;
	color: #fff;
	background-color: #5E5ED9;
}

.avvio:hover {
	box-shadow: 1px 1px 2px #666666;
	border: none
}

	.avvio:focus {
		color: #fff;
		background-color: #5E5ED9;
		border: none
	}

.pallino {
	border-radius: 50%;
	width: 10px;
	height: 9px;
	background-color: #CF0000;
	position: absolute;
}

#footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	background-color: #434470;
	color: #ffffff;
	text-align: center;
	padding-bottom: 3px;
	font-size: 0.9em !important
}

/*-------------------APPUNTAMENTO----------------------------------------*/

.prev, .next {
	cursor: pointer;
	width: auto;
	padding: 8px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
	position: absolute;
}

.spostaGiornata {
	height: 200px;
	width: 5%;
}

#areaGraficoAppuntamento {
	width: 90%;
	height: 200px
}

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

.posizionamentojajaxpagina {
	margin-top: 78px;
	padding-top: 20px;
}

/*-------------------barra MENU----------------------------------------*/

#mySidebar {
	width: 360px;
	overflow-x: hidden;
	transition: 0.8s;
}

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

.abitare-grandissimo {
	font-size: 3.8em !important
}

.abitare-extralarge {
	font-size: 2.3em !important
}

.abitare-xxxlarge {
	font-size: 1.8em !important
}

.abitare-xxlarge {
	font-size: 1.5em !important
}

.abitare-xlarge {
	font-size: 1.20em !important
}

.abitare-large {
	font-size: 1em !important;
}

.abitare-mediumlarge {
	font-size: 0.93em !important;
}

.abitare-medium {
	font-size: 0.85em !important;
}

.abitare-small {
	font-size: 0.75em !important
}

.abitare-tiny {
	font-size: 0.55em !important
}

/*-------------------LARGHEZZE----------------------------------------*/

.larghezza10{
	width:10%
}

.larghezza85{
	width:85%
}

.larghezza90{
	width:90%
}

/*-------------------TAB----------------------------------------*/

.areaTab {
	border: 1px solid #c1c1c1;
	padding: 7px;
	box-shadow: 4px 4px 4px #666666;
}

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

.campoTab, .campoTabSel {
	font-family: "Titillium Thin Upright";
	border-top: 1px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	margin-left: 6px;
}

.campoTab {
	cursor: pointer;
	background: #ffffff;
	font-size: 0.9em;
	padding: 3px 4px 0 4px;
}

.campoTabSel {
	border-bottom: none !important;
	font-size: 1em;
	padding: 6px 4px 0 4px;
}

/*-------------------CARD----------------------------------------*/

/* Tooltip arrow */
.puntaN::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #5c5c5b transparent transparent transparent;
}

.puntaS::after {
	content: " ";
	position: absolute;
	top: 0%;
	left: 50%;
	margin-top: -10px;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #5c5c5b transparent;
}

.puntaO::after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -5px;
	margin-left: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #5c5c5b;
}

.puntaE::after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 0%;
	margin-top: -5px;
	margin-left: -10px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #5c5c5b transparent transparent;
}

.puntaSO::after {
	content: " ";
	position: absolute;
	top: 0%;
	left: 5%;
	margin-top: -10px;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #5c5c5b transparent;
}

.puntaNO::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 5%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #5c5c5b transparent transparent transparent;
}

.puntaSE::after {
	content: " ";
	position: absolute;
	top: 0%;
	left: 95%;
	margin-top: -10px;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #5c5c5b transparent;
}

.puntaNE::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 95%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #5c5c5b transparent transparent transparent;
}


/*-------------------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: 1em !important;
	width: 26%;
	align-self: center;
}


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

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

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