@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

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

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

body{ padding-top:99px; }

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

b, strong{ font-weight:bold; }
a{ color:#B03427; }

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

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

.header.logged .container{ line-height:normal; }
.header .logo{ width:150px; }

.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:#B03427;
	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;
	display:flex;
}

.right-menu a:not(.link-notifica), .right-menu .cont-notifiche{
	display:flex;
	font-size:14px;
	align-items:center;
	padding-bottom:4px;
}

.header-menu{
	color: #7d7d7d;
	text-decoration:none;
	line-height:30px;
	margin-left:40px;
}

.header-menu.active{
	color:#BE1A1A;
	border-bottom:5px solid #BE1A1A;
}

.header-menu.active path{ fill:#BE1A1A; }

.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;
		position:fixed;
		left:0;
		bottom:0;
		right:0;
		background:rgba(255, 255, 255, 1) !important;
		height:80px;
		border-top-left-radius:45px;
		border-top-right-radius:45px;
		padding:0 10px;
		box-shadow:inset 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
		margin-bottom:0;
	}

	.cont-numero-notifiche{
		top:unset !important;
		bottom:9px;
		left:50%;
		right:unset !important;
		transform:translate(-50%, 0);
	}

	.header-menu.add-sep:after{ margin:0 5px; }
	.menu-profilo-intestazione a{ color:#000; }

	.card-tipi-contenuti{
		border-radius:10px !important;
		padding:30px !important;
	}

	.info-tipi-contenuti{
		text-align:left;
		padding-left:20px;
	}

	.link-tipi-contenuti{
		border-bottom-left-radius:10px !important;
		border-bottom-right-radius:10px !important;
	}

	.titoli-tipi-contenuti{ margin-top:0 !important; }
	.descrizione-tipi-contenuti{ margin-bottom:44px !important; }
	.inner-tipi-contenuti{ display:flex; }

	.img-tipi-contenuti{
		flex:0 0 72px;
		padding-bottom:72px !important;
		height:0;
		width:72px !important;
	}
}

@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 20px;
	}

	.header{
		margin-bottom:0;
		padding-left:0;
		padding-right: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 284px;
	border-radius:30px;
	background:#fff;
	padding:50px;
	box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.1);
	margin:10px;
	align-self:stretch;
	position:relative;
	padding-bottom:40px;
	border:0.5px solid #7d7d7d;
	box-sizing:border-box;
}

.img-tipi-contenuti{
	width:134px;
	padding-bottom:134px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	margin:0 auto;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.titoli-tipi-contenuti{
	font-size:14px;
	margin:10px 0;
	text-transform:uppercase;
	margin-top:40px;
}

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

.descrizione-tipi-contenuti{
	margin-top:0;
	margin-bottom:70px;
	font-size:12px;
	line-height:unset;
}

.link-tipi-contenuti{
	display:block;
	background:#B03427;
	color:white;
	text-decoration:none;
	font-weight:bold;
	padding:14px;
	font-size:14px;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	text-transform:uppercase;
}

.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:#B03427;
	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:124px;
		padding-bottom:80px;
	}

	.header .container{ height:auto; }

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

	.container{
		padding:20px !important;
		box-sizing:border-box;
	}

	.header{ background:#fff; }
	.header-menu{ 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); }

	.right-menu a:not(.link-notifica), .right-menu .cont-notifiche{
		display:block;
		width:fit-content;
		margin:15px auto 4px auto;
		padding-bottom:4px;
	}

	.right-menu a:not(.link-notifica) svg, .right-menu .cont-notifiche svg{
		display:block;
		margin:0;
		margin-right:auto !important;
		margin-left:auto;
	}
}

.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-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;
	box-sizing:border-box;
}

.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-data-contenuto a{
	text-decoration:none;
	color:#999;
}

.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;
	box-sizing:border-box;
}

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

.cont-azioni-contenuto{
	margin:10px -15px -15px -15px;
	background:#fff;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	display:flex;
	flex-wrap:wrap;
	padding:5px;
	justify-content:space-between;
}

.cont-azione-contenuto{
	flex:0 0 calc(50% - 2px);
	font-size:0.755rem;
	text-align:center;
}

.cont-azioni-contenuto.can-tag .cont-azione-contenuto{ flex:0 0 calc(33% - 2px); }

.azione-contenuto{
	display:block;
	padding:5px 10px;
	border-radius:3px;
	color:black;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}

.azione-contenuto:after{
	content:' ';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
}

.azione-contenuto .sub-reactions{
	width:max-content;
	position:absolute;
	padding:5px;
	left:0;
	top:calc(-100% - 15px);
	background:#fff;
	border-radius:100px;
	border:1px solid #adadad;
	visibility:hidden;
	opacity:0;
	transition:visibility 0.25s, opacity 0.25s linear;
	transition-delay:500ms;
}

.azione-contenuto.hover .sub-reactions{
	visibility:visible;
	opacity:1;
	transition:visibility 0.25s, opacity 0.25s linear;
	transition-delay:100ms;
}

.azione-contenuto .send-sub-reaction{
	display:inline-block;
	width:25px;
	height:25px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	transition:transform 0.5s;
}

.azione-contenuto .send-sub-reaction:hover{ transform:scale(1.5); }
.azione-contenuto .send-sub-reaction:not(:last-child){ margin-right:5px; }

.icona-azione-contenuto:after{
	content:' ';
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	display:inline-block;
	width:0.855rem;
	height:0.855rem;
}

.azione-contenuto .testo-azione-contenuto:after{
	font-weight:bold;
	padding-left:3px;
}

.azione-contenuto .testo-azione-contenuto.reaction:after{ content:'Mi piace'; }
.azione-contenuto .icona-azione-contenuto.reaction:after{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--%3E%3Cpath d='M466.3 286.7C475 271.8 480 256 480 236.9c0-44-37.2-85.6-85.8-85.6H357.7c4.9-12.8 8.9-28.1 8.9-46.5C366.6 31.9 328.9 0 271.3 0c-61.6 0-58.1 94.9-71.8 108.6-22.7 22.7-49.6 66.4-68.8 83.4H32c-17.7 0-32 14.3-32 32v240c0 17.7 14.3 32 32 32h64c14.9 0 27.4-10.2 31-24 44.5 1 75.1 39.9 177.8 39.9 7.2 0 15.2 0 22.2 0 77.1 0 112-39.4 112.9-95.3 13.3-18.4 20.3-43.1 17.3-67 9.9-18.5 13.7-40.3 9-63zm-61.8 53.8c12.6 21.1 1.3 49.4-13.9 57.6 7.7 48.8-17.6 65.9-53.1 65.9h-37.8c-71.6 0-118-37.8-171.6-37.8V240h10.9c28.4 0 68-70.9 94.5-97.5 28.4-28.4 18.9-75.6 37.8-94.5 47.3 0 47.3 33 47.3 56.7 0 39.2-28.4 56.7-28.4 94.5h104c21.1 0 37.7 18.9 37.8 37.8 .1 18.9-12.8 37.8-22.3 37.8 13.5 14.6 16.4 45.2-5.2 65.6zM88 432c0 13.3-10.7 24-24 24s-24-10.7-24-24 10.7-24 24-24 24 10.7 24 24z'/%3E%3C/svg%3E"); }
.azione-contenuto .testo-azione-contenuto.commenta:after{ content:'Commenta'; }
.azione-contenuto .icona-azione-contenuto.commenta:after{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--%3E%3Cpath d='M256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z'/%3E%3C/svg%3E"); }
.azione-contenuto .testo-azione-contenuto.tagga:after{ content:'Tag'; }
.azione-contenuto .icona-azione-contenuto.tagga:after{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--%3E%3Cpath d='M0 252.1V48C0 21.5 21.5 0 48 0h204.1a48 48 0 0 1 33.9 14.1l211.9 211.9c18.7 18.7 18.7 49.1 0 67.9L293.8 497.9c-18.7 18.7-49.1 18.7-67.9 0L14.1 286.1A48 48 0 0 1 0 252.1zM112 64c-26.5 0-48 21.5-48 48s21.5 48 48 48 48-21.5 48-48-21.5-48-48-48z'/%3E%3C/svg%3E"); }

.azione-contenuto:hover{ background:#ededed; }

.cont-footer-contenuto.commenti-open .cont-azioni-contenuto,
.cont-footer-contenuto.tag-open .cont-azioni-contenuto,
.cont-footer-contenuto.has-comments .cont-azioni-contenuto{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	margin-bottom:0;
}

.cont-footer-contenuto .commenta-contenuto{
	display:none;
	margin:0 -15px -15px -15px;
	background:#fff;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border-top:1px solid #ddd;
	padding:8px;
	position:relative;
}

.cont-footer-contenuto.commenti-open .commenta-contenuto{ display:block; }

.campo-commento-contenuto{
	outline:none;
	border:0;
	background:#ededed;
	border-radius:5px;
	width:100%;
	resize:none;
	padding:5px;
	padding-right:45px;
}

.invia-commento{
	position:absolute;
	bottom:16px;
	right:13px;
	border:0;
	background:#72bebd;
	border-radius:100px;
	padding:5px 10px;
	outline:none;
	cursor:pointer;
}

.campo-commento-contenuto::-webkit-scrollbar{ width:3px; }

.campo-commento-contenuto::-webkit-scrollbar-track{
	border-radius:50px;
	background:#f1f1f1;
}

.campo-commento-contenuto::-webkit-scrollbar-thumb{
	border-radius:50px;
	background:#888;
}

.campo-commento-contenuto::-webkit-scrollbar-thumb:hover{ background:#555; }

.cont-footer-contenuto .cont-carica-altri-commenti{ display:none; }

.cont-footer-contenuto.has-load-more .cont-carica-altri-commenti{
	display:block;
	margin:0 -15px;
	padding:0 15px;
	background:#fff;
	border-top:1px solid #ddd;
	padding-top:5px;

}

.cont-footer-contenuto.has-load-more .carica-altri-commenti{
	color:#999;
	text-decoration:none;
	font-size:0.755rem;
	font-weight:bold;
}

.cont-footer-contenuto.has-load-more .carica-altri-commenti:hover{ text-decoration:underline; }

.cont-footer-contenuto.has-comments .commenti-contenuto{
	margin:0-15px -15px -15px;
	background:#fff;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	padding:15px;
	border-top:1px solid #ddd;
}

.cont-footer-contenuto.has-comments.has-load-more .commenti-contenuto{ border-top:0; }

.commento-contenuto{
	width:fit-content;
	background:#ededed;
	padding:10px 15px;
	border-radius:8px;
	margin-bottom:10px;
}

.nome-utente-commento{ font-size:0.755rem; }

.nome-utente-commento a{
	color:#000;
	text-decoration:none;
}

.contenuto-commento{
	font-size:0.805rem;
	margin-top:5px;
}

.data-commento{
	font-size:0.655rem;
	color:#777;
	margin-top:7px;
}
@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);
	box-sizing:border-box;
}

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

/* Notifiche */
.cont-notifiche{
	position:relative;
	cursor:pointer;
}

.cont-numero-notifiche{
	color:white;
	position:absolute;
	top:3px;
	background:#BE1A1A;
	height:20px;
	border-radius:50%;
	font-weight:bold;
	width:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:11px;
	right:15px;
}

.cont-numero-notifiche[data-numero="0"]{ display:none; }

.cont-notifiche-body{
	position:absolute;
	top:calc(100% + 10px);
	right:20px;
	margin:0;
	padding:7px 7px 0 7px;
	background:#fff;
	border:1px solid #ededed;
	border-radius:5px;
	width:250px;
	display:none;
	text-wrap:wrap;
	text-align:left;
}

.cont-notifiche-body.mostra{ display:block; }

.cont-notifica{
	border-radius:5px;
	padding:10px 10px 7px 10px;
	margin-bottom:7px 
}

.cont-notifica:hover{ background:#ededed; }
.link-notifica{ text-decoration:none; }

.testo-notifica{
	color:#757575;
	font-size:0.755rem;
	line-height:0.955rem;
}

.data-notifica{
	color:#858585;
	font-size:0.655rem;
	line-height:1.355rem;
}

@media (max-width:767px){
	.cont-notifiche-body{
		position:fixed;
		top:unset;
		z-index:1;
		bottom:75px;
		right:unset;
		left:50%;
		transform:translate(-50%, 0);
		width:90%;
	}
}

.nessuna-notifica{
	color:black;
	font-size:0.655rem;
	text-align:center;
	padding-bottom:7px;
	display:block;
}

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

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