@import url('https://fonts.googleapis.com/css?family=Gelasio&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*-- General --*/
*{ box-sizing:border-box; }

html, body{
	width:100%;
	margin:0;
	font-display:block;
	padding:0;
	font-family:'Lato', sans-serif;
	background:#f2f2f2;
	font-size:18px;
}

body{ padding-top:91px; }

p{
	font-size:17px;
	font-weight:100;
	line-height:22px;
}

b, strong{ font-weight:bold; }
a{ color:rgba(0, 177, 185, 1); }

/*-- Header --*/
.header{
	width:100%;
	height:auto;
	padding:10px 20px;
	margin-bottom:5px;
	border-bottom:1px solid #cfccc0;
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:10;
}

.header .container{
	padding:0 !important;
	background:transparent;
	border:0;
	height:30px;
	line-height:30px;
}

.header .logo{ width:195px; }

.menu-profilo{
	display:inline;
	position:relative;
}

.menu-profilo-intestazione{
	display:inline;
	position:relative;
	padding-left:30px;
}

.menu-profilo-intestazione a{
	color:#000;
	text-decoration:none;
}

.menu-profilo-immagine{
	display:block;
	width:25px;
	height:25px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0, -50%);
}

.menu-profilo-corpo{
	position:absolute;
	top:calc(100% + 10px);
	right:0;
	margin:0;
	padding:0;
	list-style:none;
	background:#fff;
	border:1px solid #ededed;
	border-radius:5px;
	display:none;
}

.menu-profilo-corpo.show{ display:block; }

.menu-profilo-corpo li{
	line-height:normal;
	height:auto;
	padding:0 20px;
}

.menu-profilo-corpo li a{
	color:black;
	font-size:0.755rem;
}

.menu-profilo-corpo li svg{ margin-right:5px; }

/*-- Container --*/
.container{
	width:90%;
	height:auto;
	padding:50px;
	padding-bottom:0px;
	margin:0 auto;
	background:#fff;
	border:1px solid lightgrey;
}

.header-container:before, .header-container:after{
	content:' ';
	display:block;
	width:100%;
	clear:both;
}

.container__logo{
	width:100px;
	margin-bottom:10px;
}

/*-- Footer --*/
.footer{
	width:100%;
	background-color:rgba(0, 177, 185, 1);
	padding:10px;
	height:110px;
}

.footer__div{
	width:50%;
	height:100%;
	float:left;
	text-align:center;
	padding:5px;
	color:#fff;
	line-height:30px;
}

.footer__div img{ height:40px; }

.right-menu{
	float:right;
	margin:20px 0;
	font-size:16px;
}

.header-menu{
	color:#000;
	text-decoration:none;
	line-height:30px;
}

.header-menu.add-sep:after{
	content:' ';
	margin:0 20px;
}

/*-- Tablet --*/
@media (max-width:998px){
	.container{ width:100%; }
}

@media ( max-width:767px ){
	.header{ font-size:14px; }
	.right-menu{ font-size:14px; }
	.header-menu.add-sep:after{ margin:0 5px; }
	.menu-profilo-intestazione a{ color:#000; }
}

@media (max-width:600px){
	/*-- Header --*/
	.header{
		height:auto;
		text-align:center;
	}

	.header .logo{
		height:100%;
		width:auto;
		display:block;
		margin:0 auto;
	}

	.right-menu{
		float:none;
		margin-top:15px;
		margin-bottom:0;
	}

	.header-menu.add-sep:after{
		content:'';
		margin:0;
	}

	.header-menu.add-sep:after{
		content:' ';
		margin:0 10px;
	}

	.header{
		margin-bottom:0;
		padding-left:0;
		padding-right:0;
	}

	.header.logged{ padding-bottom:0; }
	.right-menu{ background:#ededed; }
}

/*-- Smartphone */
@media (max-width:500px){
	/*-- Container --*/
	.container{
		width:100%;
		height:auto;
		padding:30px 7px;
	}

	/*-- Form:general settings --*/
	.form{
		width:100%;
		height:100%;
		padding:10px;
	}

	.form h1{ font-size:1.7em; }

	.groupInput__input{ width:100% !important; }

	.form__input{
		width:100% !important;
		transition:all 0.3s;
	}

	/* Form Mediabox */
	.form__fieldset__mediaBox{ height:auto; }

	.mediaBox__icon, .mediaBox__caption{
		width:100%;
		height:100px;
	}

	.mediaBox__icon{
		padding:20px;
		border:none;
	}

	.mediaBox__icon:hover{ padding:20px; }
	.mediaBox__caption{ padding:4px 20px; }
	.mediaBox__caption small{ font-size:12px; }
	.mediaBox__preview{ height:100px; }

	/*-- Footer --*/
	.footer{ height:auto; }
	.footer__div{ width:100%; }
}

.col-4{ width:25% !important; }
.col-3{ width:33.33% !important; }
.col-2{ width:49.7% !important; }
.col-1{ width:100% !important; }

/*-- Clearfix --*/
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

* html .clearfix{ zoom:1; } /* IE6 */
*:first-child+html .clearfix{ zoom:1; } /* IE7 */

.table-container{ overflow-x:auto; }

.table{
	width:100%;
	max-width:100%;
	margin-bottom:20px;
}

.table > tbody > tr > td, .table > tbody > tr > th,
.table > tfoot > tr > td, .table > tfoot > tr > th,
.table > thead > tr > td, .table > thead > tr > th{
	padding:8px;
	line-height:1.42857143;
	vertical-align:top;
	border-top:1px solid #ddd;
}

.table > thead > tr > th{
	vertical-align:bottom;
	border-bottom:2px solid #ddd;
}

.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th{ border-top:0; }

.table > tbody + tbody{ border-top:2px solid #ddd; }
.table .table{ background-color:#fff; }

.custom-radio-button{
	display:block;
	border:1px solid #ababab;
	padding:10px;
	border-radius:5px;
	background:#ededed;
	cursor:pointer;
}

.row-tipi-contenuti{
	display:flex;
	justify-content:center;
	align-items:start;
	flex-wrap:wrap;
	flex-direction:row;
}

.card-tipi-contenuti{
	flex:0 0 calc(33% - 20px);
	border:2px solid #ccc;
	border-radius:10px;
	padding:10px;
	box-shadow:3px 3px 8px 2px #bebebe;
	margin:10px;
	align-self:stretch;
	position:relative;
	padding-bottom:40px;
}

.img-tipi-contenuti{
	width:calc(100% + 20px);
	padding-bottom:56.25%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	margin:-10px -10px 0 -10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.titoli-tipi-contenuti{
	font-size:1.2em;
	margin:10px 0;
}

.sottotitoli-tipi-contenuti{
	font-size:0.9em;
	margin:10px 0;
}

.descrizione-tipi-contenuti{
	margin-top:0;
	margin-bottom:15px;
	font-size:0.9em;
}

.link-tipi-contenuti{
	display:block;
	background:rgba(0, 177, 185, 1);
	color:white;
	text-decoration:none;
	font-weight:bold;
	border-radius:10px;
	padding:7px;
	font-size:1em;
	position:absolute;
	bottom:10px;
	left:10px;
	right:10px;
}

.row-tipi-segnalazioni{
	display:flex;
	gap:15px;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}

.col-tipi-segnalazioni{
	flex:0 0 calc(20% - 15px);
	box-sizing:content-box;
}

.row-comuni{
	display:flex;
	gap:3px;
	flex-wrap:wrap;
}

.col-comuni{
	flex:0 0 calc(25% - 3px);
	box-sizing:content-box;
}

.col-comuni.input_citta_estera{
	flex:0 0 calc(75% - 3px);
	box-sizing:content-box;
}

.azioni-comunicato{
	background:rgba(0, 177, 185, 1);
	color:white;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	padding:3px 6px;
	border-radius:5px;
	margin-left:5px;
}

.azioni-comunicato.elimina{ background:#dc3545; }
/*.azioni-comunicato.modifica{ cursor:not-allowed; }*/

@media (max-width:991px){
	.card-tipi-contenuti{ flex:0 0 calc(50% - 20px); }
	.col-tipi-segnalazioni{ flex:0 0 calc(25% - 15px); }
}

@media (max-width:767px){
	body{ padding-top:114px; }
	.header .container{ height:auto; }

	.header .logo{
		height:auto;
		width:195px;
		filter:none !important;
	}

	.container{ padding:20px !important; }
	.header{ background:#fff; }

	.header-menu{
		color:#000;
		text-wrap:nowrap;
	}

	.card-tipi-contenuti{ flex:0 0 calc(100% - 20px); }
	.col-tipi-segnalazioni{ flex:0 0 calc(50% - 15px); }
	.col-comuni, .col-comuni.input_citta_estera{ flex:0 0 calc(50% - 3px); }
}

.cont-search{ position:relative; }

.cont-search::before{
	content:' ';
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>');
	display:block;
	width:20px;
	height:20px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:50%;
	left:10px;
	transform:translate(0, -50%);
	opacity:0.5;
}

.search-input{
	border-radius:50px !important;
	outline:0;
	padding-left:35px !important;
	font-size:0.9rem;
	height:auto !important;
}

/* Layout a colonne */
.pagina{ display:flex; }

.sidebar-sinistra, .sidebar-destra{
	flex:0 0 25%;
	max-width:25%;
}

.pagina-content{
	flex:0 0 50%;
	max-width:50%;
	padding:0 15px;
}

@media (max-width:1200px){
	.sidebar-sinistra{
		flex:0 0 35%;
		max-width:35%;
	}

	.sidebar-destra{ display:none; }

	.pagina-content{
		flex:0 0 65%;
		max-width:65%;
		padding-right:0;
	}
}

@media (max-width:767px){
	.pagina{
		display:block;
		margin:0 -20px;
	}

	.sidebar-sinistra{
		flex:0 0 100%;
		max-width:100%;
		margin-bottom:25px;
	}

	.pagina-content{
		flex:0 0 100%;
		max-width:100%;
		padding:0;
	}
}

/* Navigazione menu sinistra */
.navigazione-menu-sidebar{
	background:#fff;
	border-radius:8px;
	border:1px solid #ededed;
	padding:10px;
	margin-top:10px;
	font-size:16px;
}

.navigazione-menu-sidebar ul{
	margin:0;
	list-style:none;
	padding:0;
}

.navigazione-menu-sidebar li{ padding:0; }

.navigazione-menu-sidebar a{
	text-decoration:none;
	color:#000;
	display:block;
	padding:10px;
}

.navigazione-menu-sidebar a.active{ background:#ededed; }
.navigazione-menu-sidebar a:hover{ background:#adadad; }

/* Pagina Utenti */
#cont-elenco-utenti{
	flex-wrap:wrap;
	margin-top:calc(0rem * -1);
	margin-right:calc(1.5rem * -0.5);
	margin-left:calc(1.5rem * -0.5);
	display:flex!important;
	justify-content:center!important;
	text-align:left;
}

.col-elenco-utenti{
	flex:0 0 50%;
	max-width:50%;
	flex-shrink:0;
	padding-right:calc(1.5rem * 0.5);
	padding-left:calc(1.5rem * 0.5);
	margin-top:0;
}

.col-elenco-utenti>a{
	text-decoration:none;
	color:inherit;
}

.card-elenco-utenti{
	position:relative;
	display:flex;
	flex-direction:column;
	min-width:0;
	word-wrap:break-word;
	background-clip:border-box;
	border:1px solid #ededed;
	border-radius:5px;
	margin-bottom:1rem;
	cursor:pointer;
}

.card-body-elenco-utenti{
	flex:1 1 auto;
	padding:1.5rem!important;
}

.cont-info-profilo-elenco-utenti{
	display:flex!important;
	color:rgba(0, 0, 0, 1)!important;
}

.cont-immagine-profilo-elenco-utenti{
	flex-shrink:0!important;
	width:60px;
}

.cont-immagine-profilo-elenco-utenti div{
	border-radius:50%;
	width:100%;
	padding-bottom:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.cont-dati-elenco-utenti{
	flex-grow:1!important;
	margin-left:1rem!important;
}

.cont-nome-elenco-utenti{
	font-size:0.875rem;
	margin-bottom:0.25rem!important;
	margin-top:0 !important;
}

.cont-informazioni-aggiuntive-elenco-utenti{
	font-size:0.775rem;
	margin-top:0;
	margin-bottom:0!important;
	padding-bottom:0.25rem!important;
	color:#2b2a2a;
	word-break:break-all;
}

.cont-statistiche-elenco-utenti{
	display:flex!important;
	justify-content:flex-start!important;
	margin-bottom:0.5rem!important;
}

.cont-statistiche-elenco-utenti>div{ text-align:center; }
.cont-statistiche-elenco-utenti>div:not(:last-child){ padding-right:0.5rem!important; }
.cont-statistiche-elenco-utenti>div:not(:first-child){ padding-left:0.5rem!important; }

.cont-nome-statistica-elenco-utenti{
	margin-top:0;
	font-size:.775em;
	color:#757575!important;
	margin-bottom:0.25rem!important;
}

.cont-valore-statistica-elenco-utenti{
	font-size:0.875em;
	margin-top:0;
	margin-bottom:0!important;
}

.cont-pulsanti-elenco-utenti{ display:flex!important; }

.cont-segui-elenco-utenti, .cont-amico-elenco-utenti{
	position:relative;
	flex-grow:1!important;
}

.cont-segui-elenco-utenti{ margin-left:0.5rem!important; }
.cont-amico-elenco-utenti{ margin-right:0.5rem!important; }

.pulsanti-azioni-elenco-utenti{
	margin:0;
	font-family:inherit;
	-webkit-appearance:button;
	display:inline-block;
	padding:0.375rem 0.775rem;
	font-size:0.65rem;
	font-weight:500;
	line-height:1.5;
	color:#fff;
	text-align:center;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	background-color:#0063ae;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-transform:uppercase;
	vertical-align:bottom;
	border:0;
	border-radius:0.5rem;
	box-shadow:0 4px 9px -4px #3b71ca;
	cursor:pointer;
	width:100%;
}

.pulsanti-azioni-elenco-utenti:hover{
	color:#fff;
	background-color:#386bc0;
}

.pulsanti-azioni-elenco-utenti:focus-visible, .pulsanti-azioni-elenco-utenti:hover{ box-shadow:0 8px 9px -4px rgba(59, 113, 202, 0.3),0 4px 18px 0 rgba(59, 113, 202, 0.2); }

.pulsanti-azioni-elenco-utenti.attiva-elenco-utenti{
	background-color:#efefef;
	color:#0f0f0f;
}

.pulsanti-azioni-elenco-utenti.attiva-elenco-utenti:hover{
	color:#0f0f0f;
	background-color:#cbcbcb;
}

@media (max-width:1200px){
	.col-elenco-utenti{
		flex:0 0 50%;
		max-width:50%;
	}
}

@media (max-width:767px){
	.col-elenco-utenti{
		flex:0 0 100%;
		max-width:100%;
	}
}

@keyframes rotation{
	0%{ transform:rotate(0deg); }
	100%{ transform:rotate(360deg); }
}

.loader{
	width:48px;
	height:48px;
	border:5px solid #3b71ca;
	border-bottom-color:transparent;
	border-radius:50%;
	display:inline-block;
	box-sizing:border-box;
	animation:rotation 1s linear infinite;
}

.cont-dropdown-azioni-elenco-utenti{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:10rem;
	padding:0.5rem 0;
	margin:0.125rem 0 0;
	font-size:1rem;
	color:#212529;
	text-align:left;
	list-style:none;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid rgba(0, 0, 0, .15);
	border-radius:0.25rem;
}

.cont-dropdown-azioni-elenco-utenti.mostra-elenco-utenti{ display:block; }

.item-dropdown-elenco-utenti{
	display:block;
	width:100%;
	padding:0.25rem 1.5rem;
	clear:both;
	font-weight:400;
	color:#212529;
	text-align:inherit;
	white-space:nowrap;
	background-color:transparent;
	border:0;
	text-decoration:none;
	font-size:0.65rem;
}

.item-dropdown-elenco-utenti:focus, .item-dropdown-elenco-utenti:hover{
	color:#16181b;
	text-decoration:none;
	background-color:#f8f9fa;
}

/* Pagina Interazioni */
#cont-elenco-interazioni{
	flex-wrap:wrap;
	margin-top:calc(0rem * -1);
	margin-right:calc(1.5rem * -0.5);
	margin-left:calc(1.5rem * -0.5);
	display:flex!important;
	justify-content:center!important;
	text-align:left;
}

.col-elenco-interazioni{
	flex:0 0 100%;
	max-width:100%;
	flex-shrink:0;
	padding-right:calc(1.5rem * 0.5);
	padding-left:calc(1.5rem * 0.5);
	margin-top:0;
}

.col-elenco-interazioni>a{
	text-decoration:none;
	color:inherit;
}

.card-elenco-interazioni{
	position:relative;
	display:flex;
	flex-direction:column;
	min-width:0;
	word-wrap:break-word;
	background-clip:border-box;
	border:1px solid #ededed;
	border-radius:5px;
	margin-bottom:1rem;
	cursor:pointer;
	background:#fff;
}

.card-body-elenco-interazioni{
	flex:1 1 auto;
	padding:1.5rem!important;
}

.cont-info-profilo-elenco-interazioni{
	display:flex!important;
	color:rgba(0, 0, 0, 1)!important;
}

.cont-immagine-profilo-elenco-interazioni{
	flex-shrink:0!important;
	width:60px;
}

.cont-immagine-profilo-elenco-interazioni div{
	border-radius:50%;
	width:100%;
	padding-bottom:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.cont-dati-elenco-interazioni{
	flex-grow:1!important;
	margin-left:1rem!important;
}

.cont-nome-elenco-interazioni{
	font-size:0.875rem;
	margin-bottom:0.25rem!important;
	margin-top:0 !important;
}

.cont-informazioni-aggiuntive-elenco-interazioni{
	font-size:0.775rem;
	margin-top:0;
	margin-bottom:0!important;
	padding-bottom:0.25rem!important;
	color:#2b2a2a;
	word-break:break-all;
}

.cont-statistiche-elenco-interazioni{
	display:flex!important;
	justify-content:flex-start!important;
	margin-bottom:0.5rem!important;
}

.cont-statistiche-elenco-interazioni>div{ text-align:center; }
.cont-statistiche-elenco-interazioni>div:not(:last-child){ padding-right:0.5rem!important; }
.cont-statistiche-elenco-interazioni>div:not(:first-child){ padding-left:0.5rem!important; }

.cont-nome-statistica-elenco-interazioni{
	margin-top:0;
	font-size:.775em;
	color:#757575!important;
	margin-bottom:0.25rem!important;
}

.cont-valore-statistica-elenco-interazioni{
	font-size:0.875em;
	margin-top:0;
	margin-bottom:0!important;
}

.cont-pulsanti-elenco-interazioni{ display:flex!important; }

.cont-segui-elenco-interazioni, .cont-amico-elenco-interazioni{
	position:relative;
	flex-grow:1!important;
}

.cont-segui-elenco-interazioni{ margin-left:0.5rem!important; }
.cont-amico-elenco-interazioni{ margin-right:0.5rem!important; }

.pulsanti-azioni-elenco-interazioni{
	margin:0;
	font-family:inherit;
	-webkit-appearance:button;
	display:inline-block;
	padding:0.375rem 0.775rem;
	font-size:0.65rem;
	font-weight:500;
	line-height:1.5;
	color:#fff;
	text-align:center;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	background-color:#0063ae;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-transform:uppercase;
	vertical-align:bottom;
	border:0;
	border-radius:0.5rem;
	box-shadow:0 4px 9px -4px #3b71ca;
	cursor:pointer;
	width:100%;
}

.pulsanti-azioni-elenco-interazioni:hover{
	color:#fff;
	background-color:#386bc0;
}

.pulsanti-azioni-elenco-interazioni:focus-visible, .pulsanti-azioni-elenco-interazioni:hover{ box-shadow:0 8px 9px -4px rgba(59, 113, 202, 0.3),0 4px 18px 0 rgba(59, 113, 202, 0.2); }

.pulsanti-azioni-elenco-interazioni.attiva-elenco-interazioni{
	background-color:#efefef;
	color:#0f0f0f;
}

.pulsanti-azioni-elenco-interazioni.attiva-elenco-interazioni:hover{
	color:#0f0f0f;
	background-color:#cbcbcb;
}

@keyframes rotation{
	0%{ transform:rotate(0deg); }
	100%{ transform:rotate(360deg); }
}

.loader{
	width:48px;
	height:48px;
	border:5px solid #3b71ca;
	border-bottom-color:transparent;
	border-radius:50%;
	display:inline-block;
	box-sizing:border-box;
	animation:rotation 1s linear infinite;
}

.cont-dropdown-azioni-elenco-interazioni{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:10rem;
	padding:0.5rem 0;
	margin:0.125rem 0 0;
	font-size:1rem;
	color:#212529;
	text-align:left;
	list-style:none;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid rgba(0, 0, 0, .15);
	border-radius:0.25rem;
}

.cont-dropdown-azioni-elenco-interazioni.mostra-elenco-interazioni{ display:block; }

.item-dropdown-elenco-interazioni{
	display:block;
	width:100%;
	padding:0.25rem 1.5rem;
	clear:both;
	font-weight:400;
	color:#212529;
	text-align:inherit;
	white-space:nowrap;
	background-color:transparent;
	border:0;
	text-decoration:none;
	font-size:0.65rem;
}

.item-dropdown-elenco-interazioni:focus, .item-dropdown-elenco-interazioni:hover{
	color:#16181b;
	text-decoration:none;
	background-color:#f8f9fa;
}

/* Pagina singolo utente */
.cont-profilo{
	border-radius:8px;
	border:1px solid #ededed;
	background:#fff;
	padding:15px;
}

.cont-testata-profilo{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}

.cont-immagine-profilo{
	flex:0 0 100px;
	max-width:100px;
}

.immagine-profilo{
	width:100%;
	padding-bottom:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	border-radius:50%;
}

.cont-info-profilo{
	padding-top:15px;
	flex:0 0 100%;
	max-width:100%;
}

.cont-info-profilo h2{
	margin:0;
	font-size:1.175rem;
	text-align:center;
	margin-bottom:10px;
}

.cont-informazioni-profilo{
	font-size:0.775rem;
	margin-bottom:0;
	margin-top:20px;
}

.informazione-profilo{
	display:block;
	word-break:break-all;
	margin-bottom:5px;
}

.cont-statistiche-profilo>div{
	text-align:center;
	width:100%;
	margin-top:10px;
}

.cont-statistiche-profilo.inline{
	display:flex;
	padding-top:0;
}

.cont-statistiche-profilo.inline>div{
	flex:0 0 33.33%;
	max-width:33.33%;
	margin-top:0;
	margin-bottom:10px;
}

.cont-statistiche-profilo>div::before, .cont-statistiche-profilo>div::after{
	content:' ';
	display:block;
	width:100%;
	height:0;
	clear:both;
}

.cont-valore-statistica-profilo{
	float:left;
	font-size:0.875em;
	margin-top:0;
	margin-bottom:0!important;
}

.cont-nome-statistica-profilo{
	float:left;
	margin-top:0;
	font-size:0.875em;
	color:#757575!important;
	margin-bottom:0!important;
	margin-left:5px;
}

.cont-statistiche-profilo.inline .cont-valore-statistica-profilo{
	float:none;
	font-weight:bold;
}

.cont-statistiche-profilo.inline .cont-nome-statistica-profilo{
	float:none;
	font-size:0.775em;
}

.cont-pulsanti-profilo{ max-width:350px; }
.cont-segui-profilo, .cont-amico-profilo{ position:relative; }

.pulsanti-azioni-profilo{
	margin:0;
	font-family:inherit;
	-webkit-appearance:button;
	display:inline-block;
	padding:0.375rem 0.775rem;
	font-size:0.65rem;
	font-weight:500;
	line-height:1.5;
	color:#fff;
	text-align:center;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	background-color:#0063ae;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-transform:uppercase;
	vertical-align:bottom;
	border:0;
	border-radius:0.5rem;
	box-shadow:0 4px 9px -4px #3b71ca;
	cursor:pointer;
	width:100%;
}

.pulsanti-azioni-profilo:hover{
	color:#fff;
	background-color:#386bc0;
}

.pulsanti-azioni-profilo:focus-visible, .pulsanti-azioni-profilo:hover{ box-shadow:0 8px 9px -4px rgba(59, 113, 202, 0.3),0 4px 18px 0 rgba(59, 113, 202, 0.2); }

.pulsanti-azioni-profilo.attiva-profilo{
	background-color:#efefef;
	color:#0f0f0f;
}

.pulsanti-azioni-profilo.attiva-profilo:hover{
	color:#0f0f0f;
	background-color:#cbcbcb;
}

.cont-dropdown-azioni-profilo{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:10rem;
	padding:0.5rem 0;
	margin:0.125rem 0 0;
	font-size:1rem;
	color:#212529;
	text-align:left;
	list-style:none;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid rgba(0, 0, 0, .15);
	border-radius:0.25rem;
}

.cont-dropdown-azioni-profilo.mostra-profilo{ display:block; }

.item-dropdown-profilo{
	display:block;
	width:100%;
	padding:0.25rem 1.5rem;
	clear:both;
	font-weight:400;
	color:#212529;
	text-align:inherit;
	white-space:nowrap;
	background-color:transparent;
	border:0;
	text-decoration:none;
	font-size:0.65rem;
}

.item-dropdown-profilo:focus, .item-dropdown-profilo:hover{
	color:#16181b;
	text-decoration:none;
	background-color:#f8f9fa;
}

.cont-info-profilo-mobile{ display:none; }
.cont-info-profilo-mobile h4{ margin:0; }

@media (max-width:767px){
	.cont-info-profilo{
		flex:0 0 calc(100% - 60px);
		max-width:calc(100% - 60px);
	}

	.cont-immagine-profilo{
		flex:0 0 60px;
		max-width:60px;
	}

	.cont-pulsanti-profilo{ margin:0 auto; }
	.cont-informazioni-profilo{ text-align:center; }
	.cont-info-profilo h2{ display:none; }

	.cont-info-profilo-mobile{
		display:block;
		margin-bottom:10px;
	}

	.cont-profilo{ border-radius:0; }
}

/* Card Contenuti */
.cont-contenuto{
	border-radius:8px;
	border:1px solid #ededed;
	background:#fff;
	margin-bottom:25px;
}

.cont-contenuto::before, .cont-contenuto::after{
	content:' ';
	display:block;
	width:100%;
	height:0;
	clear:both;
}

.cont-intestazione-contenuto{
	display:flex;
	align-items:center;
	float:left;
	width:100%;
	padding:15px;
}

.cont-immagine-profilo-utente-contenuto{
	flex:0 0 35px;
	height:35px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:50%;
}

.cont-info-utente-contenuto{ padding-left:15px; }

.cont-nome-utente-contenuto{
	margin:0;
	font-size:0.8rem;
}

.cont-nome-utente-contenuto a{
	color:black;
	text-decoration:none;
}

.cont-icona-data-contenuto{ margin-right:3px; }

.cont-data-contenuto{
	font-size:0.7rem;
	color:#999;
	padding-top:10px;
	display:block;
}

.cont-immagine-contenuto{
	width:100%;
	padding-bottom:56.25%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}

.cont-footer-contenuto{
	float:left;
	width:100%;
	padding:15px;
	background:#ddd;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}

.cont-nome-contenuto{
	margin:0;
	font-size:1.1rem;
}

.cont-nome-contenuto a{
	color:black;
	text-decoration:none;
}

.cont-tipo-contenuto{
	font-size:0.7rem;
	color:#999;
	display:block;
	margin-top:10px;
	height:22px;
	line-height:22px;
}

.cont-tipo-contenuto .azioni-comunicato{
	float:right;
	height:22px;
	line-height:normal;
}

.cont-tipo-contenuto span{
	display:inline;
	font-size:0.7rem;
	margin:0;
}

.cont-tipo-contenuto .azioni-comunicato{ font-size:0.7rem; }

@media (max-width:767px){
	.cont-contenuto{ border-radius:0; }

	.cont-footer-contenuto{
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;
	}

	.navigazione-menu-sidebar{ border-radius:0; }
}

/* Utenti Suggeriti */
.box-utenti-suggeriti{
	border-radius:8px;
	border:1px solid #ededed;
	background:#fff;
	padding:15px;
}

.utenti-suggeriti-header{ margin-bottom:20px; }

.utenti-suggeriti-header:before, .utenti-suggeriti-header:after{
	content:' ';
	display:block;
	width:100%;
	height:0;
	clear:both;
}

.utenti-suggeriti-title{
	float:left;
	font-size:0.805rem;
	font-weight:bold;
}

.utenti-suggeriti-actions{
	float:right;
	font-size:0.805rem;
	font-weight:bold;
	margin-bottom:5px;
}

.utenti-suggeriti-actions a{ text-decoration:none; }

.box-utenti-suggeriti ul{
	list-style:none;
	padding:0;
	margin:0;
}

.box-utenti-suggeriti li a{
	text-decoration:none;
	color:inherit;
}

.cont-testata-utente-suggerito{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}

.cont-immagine-utente-suggerito{
	flex:0 0 60px;
	max-width:60px;
}

.immagine-utente-suggerito{
	width:100%;
	padding-bottom:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	border-radius:50%;
}

.cont-info-utente-suggerito{
	padding-left:10px;
	padding-top:15px;
	flex:0 0 calc(100% - 60px);
	max-width:calc(100% - 60px);
}

.cont-informazioni-utente-suggerito{
	font-size:0.775rem;
	margin-bottom:0;
	margin-top:20px;
	text-align:center;
}

.informazione-utente-suggerito{
	display:block;
	word-break:break-all;
	margin-bottom:5px;
}

.cont-statistiche-utente-suggerito>div{
	text-align:center;
	width:100%;
	margin-top:10px;
}

.cont-statistiche-utente-suggerito.inline{
	display:flex;
	padding-top:0;
}

.cont-statistiche-utente-suggerito.inline>div{
	flex:0 0 33.33%;
	max-width:33.33%;
	margin-top:0;
	margin-bottom:10px;
}

.cont-statistiche-utente-suggerito>div::before, .cont-statistiche-utente-suggerito>div::after{
	content:' ';
	display:block;
	width:100%;
	height:0;
	clear:both;
}

.cont-valore-statistica-utente-suggerito{
	float:left;
	font-size:0.875em;
	margin-top:0;
	margin-bottom:0!important;
}

.cont-nome-statistica-utente-suggerito{
	float:left;
	margin-top:0;
	font-size:0.875em;
	color:#757575!important;
	margin-bottom:0!important;
	margin-left:5px;
}

.cont-statistiche-utente-suggerito.inline .cont-valore-statistica-utente-suggerito{
	font-weight:bold;
	font-size:0.775em;
}

.cont-statistiche-utente-suggerito.inline .cont-nome-statistica-utente-suggerito{ font-size:0.675em; }

.cont-footer-utente-suggerito::before, .cont-footer-utente-suggerito::after{
	content:' ';
	display:block;
	width:100%;
	height:0;
	clear:both;
}

.cont-pulsanti-utente-suggerito{
	max-width:350px;
	margin:0 auto;
	float:right;
}

.cont-segui-utente-suggerito{ float:right; }
.cont-segui-utente-suggerito, .cont-amico-utente-suggerito{ position:relative; }

.pulsanti-azioni-utente-suggerito{
	border:0;
	background:transparent;
	padding:0;
	display:inline;
	color:#0063ae;
	font-weight:bold;
	font-size:0.655rem;
	cursor:pointer;
	float:right;
}

.pulsanti-azioni-utente-suggerito.attiva-utente-suggerito{ color:#0f0f0f; }

.cont-dropdown-azioni-utente-suggerito{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:10rem;
	padding:0.5rem 0;
	margin:0.125rem 0 0;
	font-size:1rem;
	color:#212529;
	text-align:left;
	list-style:none;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid rgba(0, 0, 0, .15);
	border-radius:0.25rem;
}

.cont-dropdown-azioni-utente-suggerito.mostra-utente-suggerito{ display:block; }

.item-dropdown-utente-suggerito{
	display:block;
	width:100%;
	padding:0.25rem 1.5rem;
	clear:both;
	font-weight:400;
	color:#212529;
	text-align:inherit;
	white-space:nowrap;
	background-color:transparent;
	border:0;
	text-decoration:none;
	font-size:0.65rem;
}

.item-dropdown-utente-suggerito:focus, .item-dropdown-utente-suggerito:hover{
	color:#16181b;
	text-decoration:none;
	background-color:#f8f9fa;
}

.cont-info-utente-suggerito-mobile{
	display:block;
	margin-bottom:10px;
}

.cont-info-utente-suggerito-mobile h4{
	margin:0;
	font-size:0.755rem;
}

.cont-utente-suggerito{ border-radius:0; }

.custom-link{ cursor:pointer; }

/* Utenti Suggeriti mobile */
.box-utenti-suggeriti-mobile{ display:none; }

.utenti-suggeriti-mobile-header{ margin-bottom:10px; }

.utenti-suggeriti-mobile-header::before, .utenti-suggeriti-mobile-header::after{
	content:' ';
	display:block;
	width:100%;
	height:0;
	clear:both;
}

.utenti-suggeriti-mobile-title{
	float:left;
	font-size:0.655rem;
	font-weight:bold;
}

.utenti-suggeriti-mobile-actions{
	float:right;
	font-size:0.655rem;
	font-weight:bold;
}

.utenti-suggeriti-mobile-actions a{ text-decoration:none; }

.scroll-utenti-suggeriti-mobile ul{
	white-space:nowrap;
	overflow:auto;
	margin:0;
	padding:0;
	padding-bottom:10px;
}

.scroll-utenti-suggeriti-mobile li{
	display:inline-block;
	float:none;
	width:100px;
	margin:0 10px;
	text-align:center;
}

.immagine-utente-suggerito-mobile{
	width:80px;
	height:80px;
	border-radius:50%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	margin:0 auto;
	border:1px solid #9E9E9E;
	background-color:#fff;
	margin-bottom:5px;
}

.scroll-utenti-suggeriti-mobile a{
	text-decoration:none;
	color:inherit;
	font-weight:bold;
}

.utente-suggerito-mobile-nome{
	font-size:0.655rem;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
}

@media (max-width:767px){
	.box-utenti-suggeriti-mobile{ display:block; }
}

.sticky-element.sticky{
	position:sticky;
	top:101px;
}

@media (max-width:767px){
	.sidebar-sinistra{ margin-bottom:10px; }
	.cont-search{ margin:0 5px 10px 5px; }
	.cont-info-profilo-mobile{ margin-bottom:0; }
	.cont-informazioni-profilo{ margin-top:0; }
	.informazione-profilo{ text-align:left; }
	.informazione-profilo.professione, .informazione-profilo.tipi-contenuti{ display:none; }

	.navigazione-menu-sidebar{
		margin-top:0;
		padding:0;
	}

	.navigazione-menu-sidebar>ul{ display:flex; }

	.navigazione-menu-sidebar>ul>li{
		flex:0 0 33%;
		text-align:center;
	}

	.navigazione-menu-sidebar a{ padding:10px 7px; }

	.cont-profilo{
		display:flex;
		flex-wrap:wrap;
	}

	.cont-testata-profilo{
		flex:0 0 100%;
		order:1;
	}

	.cont-info-profilo-mobile{
		flex:0 0 100%;
		order:2;
	}

	.cont-pulsanti-profilo{
		flex:0 0 100%;
		order:4;
	}

	.cont-informazioni-profilo{
		flex:0 0 100%;
		order:3;
	}
}